{% if 'abandon' in components %}

<article id="{{ nature }}-informations-abandon">
    <h3 class="article-titre">
        Abandon
        {% if reprise_sur_abandon.statut == 'annulee' %}
            <span class="badge error">
                <i class="ri-close-circle-line"></i>
                Reprise annulée
            </span>
        {% elseif reprise_sur_abandon.statut == 'en_cours' %}
            <span class="badge info">
                <i class="ri-time-line"></i> 
                Reprise en cours
            </span>
        {% elseif reprise_sur_abandon.statut == 'finalisee' %}
            <span class="badge success">
                <i class="ri-checkbox-circle-line"></i>
                Reprise finalisée
            </span>
        {% endif %}
    </h3>
    <div id="suivi_reprise" class="article-container no-labels {{ reprise_sur_abandon.statut ? reprise_sur_abandon.statut : '' }}">
        {% if abandon == 'Oui' and reprise_sur_abandon|length < 5 %}
            <p>Cet emplacement est en état d'abandon 
                {% if date_abandon %}
                    <span class="date_abandon">
                        depuis le <b>{{ date_abandon|date("d/m/Y") }}</b>
                    </span>
                {% endif %}
            </p>
        {% elseif reprise_sur_abandon|length > 1 %}
            <div class="reprise-timeline">
                {% for i in reprise_etapes_visibles %}
                    <div id="etape-{{ i }}" class="etape">
                            <span class="numero-{{ i }}{{ i < reprise_sur_abandon.etat ? " done" :  ''}} {{ i == reprise_sur_abandon.etat ? " active" :  ''}} {{ i == 1 ? " first" :  ''}} {{ i == 9 ? " last" :  ''}}">{{ i }}</span>
                            <p class="{{ i < reprise_sur_abandon.etat ? "done " :  ''}}{{ i == reprise_sur_abandon.etat ? "active" :  ''}}">{{ reprise_etapes_labels[i - 1] }}</p>
                    </div>
                {% endfor %}
            </div>
            <div class="article-footer">
                <a href="#" class="abandon-link" onclick="window.location = '{{ reprise_sur_abandon.link }}';">
                    <i class="ri-list-check"></i> 
                    Consulter les reprises sur abandon
                </a>
            </div>
        {% else %}
            <p class="placeholder">Cet emplacement n'est pas en état d'abandon</p>
            <p class="placeholder">Il n'y a aucune reprise sur abandon</p>
        {% endif %}
    </div>
</article>

{% endif %}