{% extends 'frontNEW.html.twig' %}
{% block title %} {{ 'page.his.title'|trans }} {% endblock %}
{% block stytesheets %}
    {{ parent() }}
{% endblock %}

{% block css %}
{% endblock %}
{% block body %}
{#    <div class="page-title-area item-bg4 jarallax pb-100" data-jarallax='{"speed": 0.3}'>#}
{#        <div class="container">#}
{#            <div class="page-title-content text-center">#}
{#                <h2>{{ 'page.his.title'|trans }}</h2>#}
{#            </div>#}
{#        </div>#}
{#    </div>#}

    <!-- historique start -->
    {% if historiques !=  null %}
        {% set i = 0 %}
    <section class="history-area">
        <div class="container-fluid">
            <div class="timeline history-timeline">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        {% for historique in historiques %}
                            <div class="swiper-slide" style="background-image: url('{{ asset('uploads/historique/')~ historique.path }}');"
                                 data-year="{{ historique.startDate|date('Y') }} - {{ historique.endDate|date('Y') }}">
                                <div class="swiper-slide-content">
                                    <span class="timeline-year">{{ historique.startDate|date('Y') }} - {{ historique.endDate|date('Y') }}</span>
                                    <h3 class="timeline-title">{{ historique.nom }}</h3>
                                    <p class="timeline-text" style="font-size: 20px">
                                        {{ historique.fonction }}
                                    </p>
                                </div>
                            </div>
                            {% set i = i+1 %}
                        {% endfor %}
                    </div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
    </section>
    {% else %}
        </section>
        <div class="container">
            <div class="">
            </div>
        </div>
    {% endif %}
    <!-- historique end -->
{% endblock %}
{% block javascripts %}
    {{ parent() }}
{% endblock %}