{% import "macros/content.macro.twig" as contentMacros %}
{% extends 'layout.html.twig' %}

{% block title %}Page Cinémathèque{% endblock %}

{% block css %}
  {{ contentMacros.content_attachments_style() }}
{% endblock %}

{% block content %}
  <h1>Page Cinémathèque</h1>
  <h2>Contenu</h2>
  {{ contentMacros.content_attachments_form(content, 'post_content', null) }}
  <h2 class="mt-4">Escales courantes</h2>
  {% if currentEscales is defined and currentEscales is iterable and currentEscales|length > 0 %}
    <div class="grid">
      <div class="row">
        {% for page in currentEscales %}
          <div class="col col-4">
            <div class="card">
              <img src="{{ page.image }}" class="card-img-top" />
              <div class="card-body">
                <h5 class="card-title">{{ page.title }}</h5>
                <p>{{ page.description }}</p>
                <a class="btn btn-primary btn-sm btn-block"
                  target="_blank"
                  href="https://www.tenk.fr/p/{{ page.link_rewrite }}">
                  Page Escale
                </a>
              </div>
            </div>
          </div>
        {% endfor %}
      </div>
    </div>
  {% endif %}
  <h2>Escales passées</h2>
  {% if previousEscales is defined and previousEscales is iterable and previousEscales|length > 0 %}
    <div class="grid">
      <div class="row">
        {% for page in previousEscales %}
          <div class="col col-4 my-2">
            <div class="card">
              <img src="{{ page.image }}" class="card-img-top" />
              <div class="card-body">
                <h5 class="card-title">{{ page.title }}</h5>
                <p>{{ page.description }}</p>
                <a class="btn btn-primary btn-sm btn-block"
                  target="_blank"
                  href="https://www.tenk.fr/p/{{ page.link_rewrite }}">
                  Page Escale
                </a>
              </div>
            </div>
          </div>
        {% endfor %}
      </div>
    </div>
  {% endif %}
  <form action="{{ path_for('post_pages_cinematheque') }}" method="POST">
    <input type="hidden" name="currentEscales" value="{{ currentEscales|json_encode }}" />
    <input type="hidden" name="previousEscales" value="{{ previousEscales|json_encode }}" />
    <button type="submit" class="btn btn-success btn-lg btn-block my-4">
      Générer
    </button>
  </form>
{% endblock %}

{% block js %}
  {{ contentMacros.content_attachments_script() }}
{% endblock %}