{% set status_map = {
    draft: {label: 'Brouillon', tone: 'muted'},
    scheduled: {label: 'Planifiée', tone: 'info'},
    launched: {label: 'Lancée', tone: 'warning'},
    in_progress: {label: 'En cours', tone: 'warning'},
    closed: {label: 'Clôturée', tone: 'success'},
    cancelled: {label: 'Annulée', tone: 'danger'}
} %}
{% set status = status_map[campaign.status]|default({label: campaign.status|replace({'_': ' '})|capitalize, tone: 'muted'}) %}

<turbo-frame id="frame_modal">
    <div data-modal-size="modal-lg"></div>
    <div class="modal-header interview-campaign-modal__header">
        <div>
            <span class="interview-modal-kicker">Campagne d'entretien</span>
            <h2 class="modal-title">{{ campaign.nom }}</h2>
            <p>{{ campaign.type.nom }}{% if campaign.template %} · {{ campaign.template.nom }}{% endif %}</p>
        </div>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
    </div>
    <div class="modal-body interview-campaign-modal__body">
        <div class="interview-campaign-modal__summary">
            <span class="data-avatar data-avatar--initials"><i class="ti ti-speakerphone" aria-hidden="true"></i></span>
            <div>
                <span class="data-badge data-badge--{{ status.tone }}"><i></i>{{ status.label }}</span>
                <p>{{ campaign.description ?: 'Aucune description renseignée pour cette campagne.' }}</p>
            </div>
        </div>
        <dl class="interview-campaign-modal__details">
            <div>
                <dt><i class="ti ti-category" aria-hidden="true"></i>Type d'entretien</dt>
                <dd>{{ campaign.type.nom }}</dd>
            </div>
            <div>
                <dt><i class="ti ti-template" aria-hidden="true"></i>Modèle</dt>
                <dd>{{ campaign.template ? campaign.template.nom : 'Aucun modèle associé' }}</dd>
            </div>
            <div>
                <dt><i class="ti ti-calendar-event" aria-hidden="true"></i>Date de début</dt>
                <dd>{{ campaign.startDate ? campaign.startDate|date('d/m/Y') : 'À définir' }}</dd>
            </div>
            <div>
                <dt><i class="ti ti-calendar-check" aria-hidden="true"></i>Date de fin</dt>
                <dd>{{ campaign.endDate ? campaign.endDate|date('d/m/Y') : 'À définir' }}</dd>
            </div>
            <div>
                <dt><i class="ti ti-clock" aria-hidden="true"></i>Créée le</dt>
                <dd>{{ campaign.createdAt|date('d/m/Y à H:i') }}</dd>
            </div>
            <div>
                <dt><i class="ti ti-refresh" aria-hidden="true"></i>Dernière modification</dt>
                <dd>{{ campaign.updatedAt|date('d/m/Y à H:i') }}</dd>
            </div>
        </dl>
    </div>
    <div class="modal-footer">
        <button class="data-button data-button--secondary" type="button" data-bs-dismiss="modal">Fermer</button>
        <a class="data-button data-button--primary" href="{{ path('interview_campaign_edit', {id: campaign.id}) }}" data-turbo-frame="frame_modal">
            <i class="ti ti-edit" aria-hidden="true"></i>Modifier
        </a>
    </div>
</turbo-frame>