{% if 'bati' in components %}

<article id="{{ nature }}-informations-bati">
    <h3 class="article-titre">
        Bâti
        {% if videsanitaire %}
            <span class="badge info"><i class="ri-information-line"></i> Présence d'un vide sanitaire</span>
        {% endif %}
    </h3>
    <div class="article-container no-labels">
        {% if sepulturetype %}
            <h4>Sépulture de type <b>{{ sepulture_libelle }}</b></h4>
        {% else %}
            <h4 class="placeholder">Aucune sépulture sélectionnée</h4>
        {% endif %}
        <div class="bati">
            <ul class="bati--infos">
                <h5>Structure funéraire</h5>
                {% if semelle or monument %}
                    {% if semelle %}
                        <li>Semelle : <b>{{ semelle|upper }}</b>
                            {% if etatsemelle and etatsemelle == "Bonne" %}
                            (Bon état)
                            {% elseif etatsemelle and etatsemelle == "Mauvaise" %}
                            (Mauvais état)
                            {% elseif etatsemelle %}
                            ({{ etatsemelle }} état)
                            {% endif %}
                        </li>
                    {% endif %}
                    {% if monument %}
                        <li>Monument : <b>{{ monument|upper }}</b>
                            {% if etatmonument %}
                            ({{ etatmonument }} état)
                            {% endif %}
                        </li>
                    {% endif %}
                {% else %}
                    <p class="placeholder">Aucune information sur la sépulture</p>
                {% endif %}
            </ul>
            <ul class="bati--dates">
                <h5>Dimensions</h5>
                {% if largeur or profondeur %}
                    {% if largeur %}
                        <li>
                            <i class="ri-expand-horizontal-line"></i>
                            Largeur : <b>{{ largeur }} m</b>
                        </li>
                    {% endif %}
                    {% if profondeur %}
                        <li>
                            <i class="ri-align-bottom"></i>
                            Profondeur : <b>{{ profondeur }} m</b>
                        </li>
                    {% endif %}
                {% else %}
                    <p class="placeholder">Aucune information sur les dimensions de la sépulture</p>
                {% endif %}
            </ul>
        </div>
    </div>
</article>

{% endif %}