{% if items is empty %}
    {% include 'admin/ui/_empty_state.html.twig' with {empty_icon:'bi-calendar2',empty_title:'Aucune date',empty_text:archiveMode|default(false) ? 'Les représentations passées apparaîtront ici.' : 'Ajoutez une date lorsque la représentation est programmée.'} %}
{% else %}
<div class="mobile-card-list concert-mobile-list d-md-none">
{% for item in items %}
    {% set prep = preparation[item.id] ?? null %}
    <article class="card business-card concert-card {{ item.status == 'cancelled' ? 'is-cancelled' : (item.status == 'performed' ? 'is-performed' : '') }}">
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-start gap-2">
                <div><div class="small text-secondary">{{ item.eventDate|date('l d F Y') }}</div><h2 class="h5 mb-1">{{ item.venue.name }}</h2><div class="text-secondary">{{ item.venue.city }}{% if item.startTime %} · {{ item.startTime|date('H:i') }}{% endif %}</div></div>
                {% if item.status == 'confirmed' %}<span class="badge text-bg-success">Confirmée</span>{% elseif item.status == 'performed' %}<span class="badge text-bg-secondary">Jouée</span>{% else %}<span class="badge text-bg-danger">Annulée</span>{% endif %}
            </div>
            <div class="concert-meta my-3">
                {% if prep %}<span class="badge {{ prep.missing == 0 ? 'text-bg-success' : 'text-bg-warning' }}">{{ prep.missing == 0 ? 'Préparation complète' : prep.missing ~ ' élément(s) à préparer' }}</span>{% endif %}
                {% if item.visibility == 'public' %}<span class="badge text-bg-success">Publiée</span>{% elseif item.visibility == 'scheduled' %}<span class="badge text-bg-warning">Publication programmée</span>{% else %}<span class="badge text-bg-secondary">Masquée</span>{% endif %}
                {% if item.googleCalendarEventId %}<span class="badge border text-dark">Agenda synchronisé</span>{% elseif item.googleCalendarLastError %}<span class="badge text-bg-danger">Erreur agenda</span>{% endif %}
                {% if item.postponed %}<span class="badge text-bg-warning">Reportée</span>{% endif %}
            </div>
            <div class="concert-mobile-actions">
                {% if can_permission('CONCERT_FEEDBACK') and item.feedback %}<a class="btn btn-dark touch-target" href="{{ path('admin_concert_feedback_show',{id:item.feedback.id}) }}" data-bs-toggle="modal" data-bs-target="#concertFeedbackPreview" data-feedback-preview-url="{{ path('admin_concert_feedback_date_panel',{id:item.id}) }}">Voir le bilan</a>{% elseif can_permission('CONCERT_FEEDBACK',2) and item.status != 'cancelled' and item.eventDate <= date('today') %}<a class="btn btn-dark touch-target" href="{{ path('admin_concert_feedback_new',{date:item.id}) }}">Ajouter le bilan</a>{% elseif item.prospection %}<a class="btn btn-dark touch-target" href="{{ path('admin_prospection_show',{id:item.prospection.id}) }}">Ouvrir le dossier</a>{% else %}<span></span>{% endif %}
                {% include 'admin/concert_date/_actions.html.twig' with {item:item,archiveMode:archiveMode|default(false),mobile:true} %}
            </div>
        </div>
    </article>
{% endfor %}
</div>

<div class="card desktop-table-only"><div class="card-body p-0"><div class="table-responsive">
<table id="{{ tableId }}" class="table align-middle data-table mb-0" data-order-column="0" data-order-dir="asc">
    <thead><tr><th>Date et lieu</th><th>État</th><th>Préparation</th><th>Publication</th><th>Agenda</th><th>Dossier</th><th data-orderable="false" class="text-end">Actions</th></tr></thead>
    <tbody>{% for item in items %}{% set prep = preparation[item.id] ?? null %}<tr>
        <td data-order="{{ item.eventDate|date('Y-m-d') }}"><strong>{{ item.eventDate|date('d/m/Y') }}</strong>{% if item.startTime %} · {{ item.startTime|date('H:i') }}{% endif %}<div>{{ item.venue.name }}</div><small class="text-secondary">{{ item.venue.city }}{% if item.postponed %} · Date reportée{% endif %}</small></td>
        <td>{% if item.status == 'confirmed' %}<span class="badge text-bg-success">Confirmée</span>{% elseif item.status == 'performed' %}<span class="badge text-bg-secondary">Jouée</span>{% else %}<span class="badge text-bg-danger">Annulée</span>{% endif %}{% if item.soldOut %}<span class="badge text-bg-dark ms-1">Complet</span>{% endif %}</td>
        <td>{% if prep %}<span class="badge {{ prep.missing == 0 ? 'text-bg-success' : 'text-bg-warning' }}">{{ prep.missing == 0 ? 'Complète' : prep.missing ~ ' à préparer' }}</span>{% else %}—{% endif %}</td>
        <td>{% if item.visibility == 'public' %}<span class="badge text-bg-success">Publiée</span>{% elseif item.visibility == 'scheduled' %}<span class="badge text-bg-warning">{{ item.publicationDate ? item.publicationDate|date('d/m/Y H:i') : 'À programmer' }}</span>{% else %}<span class="badge text-bg-secondary">Masquée</span>{% endif %}</td>
        <td>{% if item.googleCalendarEventId %}<span class="text-success"><i class="bi bi-check-circle me-1"></i>Synchronisé</span>{% elseif item.googleCalendarLastError %}<span class="text-danger" title="{{ item.googleCalendarLastError }}">À vérifier</span>{% else %}<span class="text-secondary">Non synchronisé</span>{% endif %}</td>
        <td>{% if item.prospection %}<a class="btn btn-sm btn-outline-dark" href="{{ path('admin_prospection_show',{id:item.prospection.id}) }}">Ouvrir</a>{% else %}—{% endif %}</td>
        <td class="text-end">{% include 'admin/concert_date/_actions.html.twig' with {item:item,archiveMode:archiveMode|default(false),mobile:false} %}</td>
    </tr>{% endfor %}</tbody>
</table></div></div></div>

{% if can_permission('CONCERT_DATE', 2) %}
{% for item in items %}
<div class="modal fade" id="scheduleConcert{{ item.id }}" tabindex="-1" aria-labelledby="scheduleConcertTitle{{ item.id }}" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><form method="post" action="{{ path('admin_concert_date_action',{id:item.id,action:'schedule'}) }}">
    <input type="hidden" name="_token" value="{{ csrf_token('concert-date-action-'~item.id) }}">
    <div class="modal-header"><div><h2 class="modal-title h5" id="scheduleConcertTitle{{ item.id }}">Programmer la publication</h2><div class="small text-secondary">{{ item.venue.name }} · {{ item.eventDate|date('d/m/Y') }}</div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button></div>
    <div class="modal-body"><label class="form-label required">Date et heure</label><input class="form-control" type="datetime-local" name="publication_date" value="{{ item.publicationDate ? item.publicationDate|date('Y-m-d\\TH:i') : '' }}" required></div>
    <div class="modal-footer"><button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">Annuler</button><button class="btn btn-dark" type="submit">Programmer</button></div>
</form></div></div></div>

{% if item.status == 'confirmed' %}<div class="modal fade" id="cancelConcert{{ item.id }}" tabindex="-1" aria-labelledby="cancelConcertTitle{{ item.id }}" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><form method="post" action="{{ path('admin_concert_date_action',{id:item.id,action:'cancel'}) }}">
    <input type="hidden" name="_token" value="{{ csrf_token('concert-date-action-'~item.id) }}">
    <div class="modal-header"><div><h2 class="modal-title h5" id="cancelConcertTitle{{ item.id }}">Annuler la représentation</h2><div class="small text-secondary">{{ item.venue.name }} · {{ item.eventDate|date('d/m/Y') }}</div></div><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button></div>
    <div class="modal-body"><div class="alert alert-warning">La date restera publiée par défaut avec la mention « Annulée ». Vous pourrez la masquer séparément.</div><label class="form-label" for="cancelReason{{ item.id }}">Motif de l’annulation</label><textarea class="form-control" id="cancelReason{{ item.id }}" name="reason" rows="3"></textarea></div>
    <div class="modal-footer"><button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">Retour</button><button class="btn btn-warning" type="submit">Confirmer l’annulation</button></div>
</form></div></div></div>{% endif %}
{% endfor %}
{% endif %}
{% endif %}