{% set french_months = {
    'January': 'Janvier', 'February': 'Février', 'March': 'Mars',
    'April': 'Avril', 'May': 'Mai', 'June': 'Juin',
    'July': 'Juillet', 'August': 'Août', 'September': 'Septembre',
    'October': 'Octobre', 'November': 'Novembre', 'December': 'Décembre'
} %}

<div id="election" class="fiche-synthese">
    <section id="election-header">
      <div id="election-titre" class="titre">
            <h2 class="{{ nature }}-informations-titre">
                    {{ libelle }}
                <small id="election-tour">
                    <i class="ri-inbox-archive-line"></i>
                    Tour {{ tour }}
                </small>
            </h2>
            <p>
                {{ type_election }} - <b>Code :</b> <i>{{ code }}</i>
            </p>
            <p>
                <b>Périmètre :</b> <i>{{ perimetre }}</i>
            </p>
        </div>
        <div id="election-date">
            <span class="date">
                <i class="ri-calendar-2-line"></i>
                {{ date|date('d') }} {{ french_months[date|date('F')] }} {{ date|date('Y') }}
            </span>
            <span class="heure">
                <i class="ri-calendar-schedule-line"></i>
                {{ heure_ouverture|date('H:i') }} - {{ heure_fermeture|date('H:i') }}
            </span> 
        </div>
    </section>
    <div class="section container">
        <section class="row">
            {% include './election/components/workflow.html' %}
        </section>
        <section class="row">
            {% include './election/components/parametrage.html' %}
            <article id="repartition">
                 <h3 class="article-titre">
                    Répartition des sièges
                 </h3>
                 <div class="article-container"></div>
            </article>
        </section>
    </div>

</div>