{% extends 'layout.html.twig' %}

{% block title %}{{ parent() }} - {{ film.titre }}{% endblock %}

{% block body %}
    <div class="container-fluid">
    	<div class="container">

            <div class="mt-4">

                {% if film.imageName  %}                
                    <img class="img-fluid visuelfilm" src="{{ vich_uploader_asset(film, 'imageFile') | imagine_filter('fiche_film') }}" alt="" class="img-fluid">
                {% endif %}

                <div class="encart">
                    <!--<p class="cat-cycle" style="background-color: {{ film.cycleprincipal.couleur }}">Film</p>-->
                    <p></p>
                    <p class="legendefilm text-right">{{ film.imageName | removeext }}</p>
                    <h1>{{ film.titre }}</h1>

                    <p>
{#                            Réalisateurs#}
                        {% if film.realisateurs is not empty %}
                            Réalisé par <span class="realisateur">
                            {% for realisateur in film.realisateurs %}
                                 {{ realisateur.nom }}{% if loop.last == false %}, {% endif %}
                            {% endfor %}</span>
                        {% endif %}

                        {#                             Titre VO #}
                        {% if film.titrevo %}
                            | <span class="duree"><em>{{ film.titrevo }}</em></span>
                        {% endif %}

{#                            Année#}
                        {% if film.annee %}
                            | <span class="annee">{{ film.annee }}</span>
                        {% endif %}

{#                             Durée#}
                        {% if film.duree %}
                            | <span class="duree">{{ film.duree }}</span>
                        {% endif %}

{#                            Pays coprod#}
                        {% if film.payscoprod is not empty %}
                            |
                            <span class="pays">
                                {% for pays in film.payscoprod %}
                                {{ pays|country }}{% if loop.last == false %}, {% endif %}
                                {% endfor %}
                            </span>
                        {% endif %}
                    </p>

                    <p class="btn" style="background-color: {{ film.cycleprincipal.couleur }}"><a href="{{ path('cycle', {'cycleSlug': film.cycleprincipal.slug}) }}">{{ film.cycleprincipal }}</a></p>
                    {% for cyclesec in film.cycles %}
                        <p class="btn" style="background-color: {{ cyclesec.couleur }}">{{ cyclesec }}</p>
                    {% endfor %}

                </div>
            </div>  

            <div class="row mt-4">
                <div class="{{ film.video ? 'col-md-6' : 'col-md-12' }}">
                    <div class="encart">
                        <ul class="infosfilm">
                            <li><span class="format">{{ film.genre }}</span> | <span class="dcp">{{ film.leformat }}</span></li>
                            <li><span class="interdiction">{{ film.classification }}</span></li>
                            <li><span class="tarif"> {% if film.tarif %}Tarif : {{ film.tarif }} {% else %} Tarif habituel {% endif %}</span></li>
                        </ul>
                        <p><strong>Avec :</strong> <span class="distrib">
                                {{ film.casting | raw }}
                            </span></p>
                        <p>
                            <span class="synopsis">
                                {{ film.description | raw }}
                            </span>
                        </p>
                    </div>
                </div>
                {% if film.video %}
                <div class="col-md-6">
                    <div class="embed-responsive embed-responsive-16by9">
                        {{ film.video|videopreview|raw }}
                    </div>
                </div>
                {%  endif %}
            </div>  

            <div class="encart mt-4">

                <h2>Séances</h2>

                <div class="row">

                    {% set current_date = "now"|date("Y-m-d") %}
                    {% set nb_seances = 0 %}
                    {% for seance in film.seances %}
                        {% if seance.horaire|date("Y-m-d") > current_date %}
                            {% set nb_seances = nb_seances + 1 %}
                            <div class="col-4 col-lg-2">
                                <div class="seance2">
                                    <p class="date">{{ seance.horaire | localizeddate('none', 'none', null, null, 'eeee dd LLLL YYYY') }}</p>
                                    <p class="heure">{{ seance.horaire | localizeddate('none', 'short') }}</p>
                                    <hr>
                                    <p class="version">{{ seance.laversion }}</p>
                                    {% if seance.billetterie %}
                                    <hr>
                                    <p>
                                        <a class="link--tickets" style="padding: .25rem .5rem; background-color: #000; color: #fff;" href="{{ seance.billetterie }}" target="_blank" rel="noopener">
                                            Billetterie
                                        </a>
                                    </p>
                                    {% endif %}
                                </div>
                            </div>
                        {%  endif %}
                    {% endfor %}

                    {% set nb_seances_vide = 6 - nb_seances %}
                    {% for i in 1..nb_seances_vide %}
                        <div class="col-4 col-lg-2">
                            <div class="seance2 vide">
                            </div>
                        </div>
                    {% endfor %}

                </div>
            </div>

            <h2 class="cycledufilm mt-4">Cycle : <a href="{{ path('cycle', {'cycleSlug': film.cycleprincipal.slug}) }}">{{ film.cycleprincipal }}</a></h2>

            <div class="row autresfilms mt-4 mb-3">
                {% for autrefilm in film_a_venir_du_meme_cycle %}
                <div class="col-6 col-md-4 col-lg-3 col-xl-2">
                    <a href="{{ path('fiche_film', {'filmSlug': autrefilm.slug}) }}">
                        <img class="img-fluid" src="{{ vich_uploader_asset(autrefilm, 'imageFile') | imagine_filter('fiche_film_autres_films') }}" alt="" class="img-fluid">
                    </a>
                    <p class="mt-2">{{ autrefilm.titre }}</p>
                </div>
                {% endfor %}
            </div>

    	</div>
	</div>
{% endblock %}