{% if 'travaux' in components %}
<section id="{{ nature }}-informations-travaux" class="section">
    <h3 class="titre">
        Travaux en cours
        {% if travaux %}
        <span class="badge outlined">{{ travaux|length }}</span>
    {% endif %}
    </h3>
    {% if travaux %}
    <div class="container no-labels">
        {% for travail in travaux %}
        <article id="{{ nature }}-informations-travaux" class="travaux">
            <h4 class="article-titre">
                Travaux {{ travail.travaux }}
            </h4>
            <div class="article-container no-labels">
                <div>
                    <h5>
                        {{ travail.naturetravaux }}
                        {% if travail.entreprise %}
                        <small>
                            Par
                             <b>{{ travail.entreprise }}</b>
                        </small>
                        {% endif %}
                    </h5>
                    {% if travail.demandeur or travail.naturedemandeur %}
                    <p>
                        <i class="ri-user-line"></i>
                        Demandé par 
                        <b>
                            {% if travail.demandeur %}
                            {{ travail.demandeur }} 
                            {% else %}
                            <span class="placeholder">... </span>
                            {% endif %}
                            {% if travail.naturedemandeur %}
                                ({{ travail.naturedemandeur }})
                            {% endif %}

                        </b>
                    </p>
                    {% endif %}
                    <p class="travail-datedemande">
                        <i class="ri-calendar-line"></i>
                        Demande du <b>{{ travail.datedemande|date("d/m/Y") }}</b>
                    </p>
                    {% if travail.datedebinter %}
                    <p>
                        <i class="ri-calendar-2-line"></i>
                        Début le <b>{{ travail.datedebinter|date("d/m/Y") }}</b>
                    </p>
                    {% else %}
                        <p class="placeholder">
                            <i class="ri-calendar-2-line"></i>
                            Aucune date de début d'intervention
                        </p>
                    {% endif %}
                    {% if travail.datefininter %}
                        <p>
                            <i class="ri-calendar-check-line"></i>
                            Fin le <b>{{ travail.datefininter|date("d/m/Y") }}</b>
                        </p>
                    {% else %}
                        <p class="placeholder">
                            <i class="ri-calendar-check-line"></i>
                            Aucune date de fin d'intervention
                        </p>
                    {% endif %}
                </div>
            </div>
            <div class="article-footer">
                <a href="#" class="travail-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-hammer-line"></i>
            <p>Aucun travaux</p>
        </div>
    </div>
    {% endif %}
</section>
{% endif %}