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

{% set lang = 1 %}

{% block title %}Page Escale{% endblock %}

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

{% block content %}
  <h1>Page Escale</h1>
  <h2>Contenu</h2>
  {{ contentMacros.content_attachments_form(content, 'post_content', null) }}
  {% if movies is defined and movies is iterable and movies|length > 0 %}
    <div class="grid mt-2">
      <div class="row">
        {% for movie in movies %}
          <div class="col col-4 my-2">
            <div class="card">
              <img src="{{ movie.image }}" class="card-img-top" />
              <div class="card-body">
                <h5 class="card-title">{{ movie.title }}</h5>
                <strong>
                  {{ movie.year }} -
                  {{ movie.duration }}'
                </strong>
                {% if movie.authors is iterable and movie.authors|length > 0 %}
                  <p>
                    {% for author in movie.authors %}
                      {{ author }}{{ (not loop.last) ? ', ' }}
                    {% endfor %}
                  </p>
                {% endif %}
                <a class="btn btn-primary btn-sm btn-block"
                  target="_blank"
                  href="{{ movie.url }}">
                  Page Film
                </a>
              </div>
            </div>
          </div>
        {% endfor %}
      </div>
    </div>
  {% endif %}
  <form action="{{ path_for('post_pages_escale') }}" method="POST">
    <input type="hidden" name="movies" value="{{ movies|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 %}