{% if 'acte-concession' in components %}

<article id="{{ nature }}-informations-acte-concession">
    <h3 class="article-titre">
        Acte de concession
    </h3>
    <div class="article-container no-labels">
        <h4 id="nature">{{ nature|capitalize }}
            <b id="typeconcession"> {{ typeconcession|lower }}</b> 
            à durée <b id="terme">{% if terme == 'perpetuite' %} perpétuelle {% else %} temporaire{% if duree|number_format > 0 %} (<span id="duree">{{ duree }}</span> ans){% endif %}{% endif %}</b></h4>

            <div class="acte-concession">
                <ul class="acte-concession--infos">
                    <h5>Administratif</h5>
                    <li>Famille <b id="famille">{{ famille|upper }}</b></li>
                    <li>Acte <b id="numeroacte">{{ numeroacte }}</b></li>
                    <li>Cadastre <b id="numerocadastre">{{ numerocadastre }}</b></li>
                </ul>
                <ul class="acte-concession--dates">
                    <h5>Dates clés</h5>
                    {% if dateacte or dateterme or daterenouvellement or datevente %}
                        {% if dateacte %}
                            <li><i class="ri-contract-line"></i> Acte en date du <b id="dateacte">{{dateacte|date('d/m/Y')  }}</b></li>
                        {% endif %}
                        {% if dateterme and terme == 'temporaire' %}
                            <li><i class="ri-calendar-close-fill"></i> Date de terme le <b id="dateterme">{{ dateterme|date('d/m/Y')}}</b></li>
                        {% endif %}
                        {% if daterenouvellement %}
                            <li><i class="ri-calendar-schedule-line"></i> Renouvellement ou transformation le <b id="daterenouvellement">{{ daterenouvellement|date('d/m/Y')}}</b></li>
                        {% endif %}
                        {% if datevente %}
                            <li><i class="ri-wallet-3-line"></i> Date de vente le <b id="datevente">{{ datevente|date('d/m/Y')}}</b></li>
                        {% endif %}
                    {% else %}
                        <p class="placeholder">
                            Aucune date clé liée à cet emplacement
                        </p>
                    {% endif %}
                </ul>
            </div>

    </div>
</article>

{% endif %}