{% if 'contrats' in components %}
<section id="{{ nature }}-informations-contrats" class="section">
    <h3 class="titre">
        Contrats en cours
        {% if contrats %}
        <span class="badge outlined">{{ contrats|length }}</span>
    {% endif %}
    </h3>
    {% if contrats %}
    <div class="container no-labels">
        {% for contrat in contrats %}
        <article id="{{ nature }}-informations-contrats" class="contrat">
            <h4 class="article-titre">
                {{ contrat.origine|capitalize }} à durée
                {% if contrat.terme == 'perpetuite' %}
                perpétuelle
                {% elseif contrat.terme == 'temporaire' %}
                temporaire
                {% endif %}
                {% if contrat.valide == 't' %}
                <span class="badge success">
                    <i class="ri-checkbox-circle-line"></i>
                    Valide
                </span>
                {% endif %}
            </h4>
            <div class="article-container no-labels">
                <div>
                    <h5>
                        Contrat {{ contrat.contrat }}
                    </h5>
                    {% if contrat.terme == 'temporaire' %}
                    <p><i class="ri-time-line"></i>
                        Contrat d'une durée de 
                         <b>{{ contrat.duree }}</b> 
                         ans
                    </p>
                    {% endif %}
                    <p>
                        <i class="ri-calendar-2-line"></i>
                        Demande du <b>{{ contrat.datedemande|date("d/m/Y") }}</b>
                    </p>
                    {% if contrat.montant %}
                    <p><i class="ri-money-euro-circle-line"></i> <b>{{ contrat.montant }}</b> {{
                            contrat.monnaie }}s</p>
                    {% else %}
                    <p class="placeholder"><i class="ri-money-euro-circle-line"></i>Aucun montant renseigné</p>
                    {% endif %}
                </div>
            </div>
            <div class="article-footer">
                <a href="#" class="abandon-link" onclick="window.location = '';">
                    <i class="ri-arrow-right-s-line"></i>
                    Consulter
                </a>
            </div>
        </article>
        {% endfor %}
    </div>
    {% else %}
    <div class="container empty_bloc">
        <div class="bloc-placeholder">
            <i class="ri-file-close-line"></i>
            <p>Aucun contrat</p>
        </div>
    </div>
    {% endif %}
</section>

{% endif %}