{% extends 'admin/layout.html.twig' %}
{% block title %}Conventions — WTL{% endblock %}
{% block admin_body %}
{% include 'admin/ui/_page_header.html.twig' with {page_eyebrow:'Commercial',page_title:'Conventions',page_subtitle:'Les conventions actives sont séparées des archives. Archiver conserve toujours le PDF figé.'} %}
<div class="responsive-tabs mb-3" role="navigation" aria-label="État des conventions"><a class="btn btn-sm {{ app.request.query.getBoolean('archives') ? 'btn-outline-dark' : 'btn-dark' }}" href="{{ path('admin_convention_index') }}">Actives ({{ conventions|length }})</a> <a class="btn btn-sm {{ app.request.query.getBoolean('archives') ? 'btn-dark' : 'btn-outline-dark' }}" href="{{ path('admin_convention_index',{archives:1}) }}">Archives ({{ archivedConventions|length }})</a></div>
{% set displayedConventions = app.request.query.getBoolean('archives') ? archivedConventions : conventions %}
<div class="mobile-card-list convention-mobile-list">
{% for c in displayedConventions %}
<article class="card business-card"><div class="card-body"><div class="d-flex justify-content-between gap-2 align-items-start"><div><div class="small text-secondary">{{ c.prospection.venueEntity ? c.prospection.venueEntity.name : c.prospection.venue }}</div><h2 class="h6 mb-1">{{ c.title }}</h2><div class="small text-secondary">Créée le {{ c.createdAt|date('d/m/Y') }}{% if c.template %} · modèle v{{ c.template.version }}{% endif %}</div></div><span class="badge {{ c.archived ? 'text-bg-secondary' : 'text-bg-success' }}">{{ c.archived ? 'Archivée' : 'Active' }}</span></div><div class="card-actions mt-3"><a class="btn btn-dark flex-grow-1 touch-target" href="{{ path('admin_convention_show',{id:c.id}) }}">Ouvrir</a><button class="btn btn-outline-dark touch-target" data-bs-toggle="modal" data-bs-target="#docs-{{ c.id }}">Documents</button><div class="dropdown action-menu"><button class="btn btn-outline-secondary icon-only-action" data-bs-toggle="dropdown" aria-label="Autres actions"><i class="bi bi-three-dots"></i></button><ul class="dropdown-menu dropdown-menu-end">{% if c.archived and can_permission('CONVENTION',2) %}<li><form method="post" action="{{ path('admin_convention_restore',{id:c.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('restore-convention-'~c.id) }}"><button class="dropdown-item"><i class="bi bi-arrow-counterclockwise"></i>Restaurer</button></form></li>{% elseif can_permission('CONVENTION',2) %}<li><form method="post" action="{{ path('admin_convention_archive',{id:c.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('archive-convention-'~c.id) }}"><button class="dropdown-item"><i class="bi bi-archive"></i>Archiver</button></form></li>{% endif %}{% if app.user and app.user.superAdmin %}<li><form method="post" action="{{ path('admin_convention_delete',{id:c.id}) }}" onsubmit="return confirm('Supprimer définitivement cette convention et son PDF ?');"><input type="hidden" name="_token" value="{{ csrf_token('delete-convention-'~c.id) }}"><button class="dropdown-item text-danger"><i class="bi bi-trash"></i>Supprimer définitivement</button></form></li>{% endif %}</ul></div></div></div></article>
{% else %}{% include 'admin/ui/_empty_state.html.twig' with {empty_icon:'bi-file-earmark-check',empty_title:app.request.query.getBoolean('archives') ? 'Aucune convention archivée' : 'Aucune convention active'} %}{% endfor %}
</div>
<div class="card desktop-table-only">
<div class="table-responsive">
<table class="table table-hover align-middle mb-0 data-table" data-order-column="0" data-order-dir="desc">
<thead>
<tr>
<th>#</th>
<th>Lieu</th>
<th>Convention</th>
<th>Version du modèle</th>
<th>Créée le</th>
<th>Créée par</th>
<th data-orderable="false">
</th>
</tr>
</thead>
<tbody>
{% for c in displayedConventions %}
{% set pid=c.prospection.id %}
<tr>
<td>{{ c.id }}
</td>
<td>{{ c.prospection.venueEntity ? c.prospection.venueEntity.name : c.prospection.venue }}
</td>
<td>{{ c.title }}
</td>
<td>{{ c.template ? 'v' ~ c.template.version : '—' }}
</td>
<td>{{ c.createdAt|date('d/m/Y H:i') }}
</td>
<td>{{ c.createdBy ? c.createdBy.displayName : '—' }}
</td>
<td class="text-end">
<div class="d-flex justify-content-end gap-1"><a class="btn btn-sm btn-outline-dark" href="{{ path('admin_convention_show',{id:c.id}) }}">Voir</a><button class="btn btn-sm btn-dark" data-bs-toggle="modal" data-bs-target="#docs-{{ c.id }}">Documents liés</button>{% if c.archived and can_permission('CONVENTION',2) %}<form method="post" action="{{ path('admin_convention_restore',{id:c.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('restore-convention-'~c.id) }}"><button class="btn btn-sm btn-outline-success" title="Restaurer"><i class="bi bi-arrow-counterclockwise"></i></button></form>{% elseif can_permission('CONVENTION',2) %}<form method="post" action="{{ path('admin_convention_archive',{id:c.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('archive-convention-'~c.id) }}"><button class="btn btn-sm btn-outline-secondary" title="Archiver"><i class="bi bi-archive"></i></button></form>{% endif %}{% if app.user and app.user.superAdmin %}<form method="post" action="{{ path('admin_convention_delete',{id:c.id}) }}" onsubmit="return confirm('Supprimer définitivement cette convention et son PDF ?');"><input type="hidden" name="_token" value="{{ csrf_token('delete-convention-'~c.id) }}"><button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button></form>{% endif %}</div>
</td>
</tr>
<div class="modal fade" id="docs-{{ c.id }}" tabindex="-1">
    <div class="modal-dialog modal-lg modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <div>
                    <h5 class="modal-title mb-1">Documents — {{ c.prospection.venueEntity ? c.prospection.venueEntity.name : c.prospection.venue }}</h5>
                    <div class="small text-secondary">Accès rapide à tous les PDF liés à cette prospection.</div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-4">
                    <h6 class="mb-2"><i class="bi bi-receipt me-2"></i>Devis / factures</h6>
                    <div class="list-group">
                        {% for d in documentsByProspection[pid]|default([]) %}
                            <div class="list-group-item d-flex flex-wrap justify-content-between align-items-center gap-2">
                                <div>
                                    <strong>{{ d.type == 'quote' ? 'Devis' : 'Facture' }} {{ d.number }}</strong>
                                    <div class="small text-secondary">
                                        {{ d.issueDate|date('d/m/Y') }} · {{ d.amountTtc|number_format(2,',',' ') }} € TTC
                                    </div>
                                </div>
                                <div class="d-flex gap-1">
                                    <a class="btn btn-sm btn-outline-dark" href="{{ path('admin_document_show',{id:d.id}) }}" title="Consulter">
                                        <i class="bi bi-eye"></i>
                                    </a>
                                    {% if d.generatedDocumentId %}
                                        <a class="btn btn-sm btn-dark" href="{{ path('document_download',{id:d.generatedDocumentId}) }}" title="Télécharger le PDF">
                                            <i class="bi bi-download"></i>
                                        </a>
                                    {% else %}
                                        <button class="btn btn-sm btn-outline-secondary" disabled title="PDF non disponible"><i class="bi bi-download"></i></button>
                                    {% endif %}
                                </div>
                            </div>
                        {% else %}
                            <div class="text-secondary small py-2">Aucun devis ou facture.</div>
                        {% endfor %}
                    </div>
                </div>

                <div class="mb-4">
                    <h6 class="mb-2"><i class="bi bi-file-earmark-check me-2"></i>Conventions</h6>
                    <div class="list-group">
                        {% for cv in conventionsByProspection[pid]|default([]) %}
                            <div class="list-group-item d-flex flex-wrap justify-content-between align-items-center gap-2">
                                <div>
                                    <strong>{{ cv.title }}</strong>
                                    <div class="small text-secondary">
                                        {{ cv.createdAt|date('d/m/Y') }}{% if cv.sourceQuote %} · devis {{ cv.sourceQuote.number }}{% endif %}
                                    </div>
                                </div>
                                <div class="d-flex gap-1">
                                    <a class="btn btn-sm btn-outline-dark" href="{{ path('admin_convention_show',{id:cv.id}) }}" title="Consulter">
                                        <i class="bi bi-eye"></i>
                                    </a>
                                    {% if cv.generatedDocumentId %}
                                        <a class="btn btn-sm btn-dark" href="{{ path('document_download',{id:cv.generatedDocumentId}) }}" title="Télécharger le PDF">
                                            <i class="bi bi-download"></i>
                                        </a>
                                    {% else %}
                                        <button class="btn btn-sm btn-outline-secondary" disabled title="PDF non disponible"><i class="bi bi-download"></i></button>
                                    {% endif %}
                                </div>
                            </div>
                        {% else %}
                            <div class="text-secondary small py-2">Aucune convention.</div>
                        {% endfor %}
                    </div>
                </div>

                <div>
                    <h6 class="mb-2"><i class="bi bi-wrench-adjustable-circle me-2"></i>Fiches techniques</h6>
                    <div class="list-group">
                        {% for sheet in technicalSheetsByProspection[pid]|default([]) %}
                            {% set sourceLabel = sheet.sourceType == 'template'
                                ? 'Modèle associé'
                                : (sheet.sourceType == 'template_customized' ? 'Modèle personnalisé' : 'Fiche spécifique') %}
                            <div class="list-group-item d-flex flex-wrap justify-content-between align-items-center gap-2">
                                <div>
                                    <div class="d-flex align-items-center gap-2 flex-wrap">
                                        <strong>Fiche technique V{{ sheet.version }}</strong>
                                        <span class="badge {{ sheet.state == 'validated' ? 'text-bg-success' : (sheet.state == 'sent' ? 'text-bg-info' : 'text-bg-secondary') }}">{{ sheet.state }}</span>
                                    </div>
                                    <div class="small text-secondary">{{ sourceLabel }} · {{ sheet.createdAt|date('d/m/Y H:i') }}</div>
                                </div>
                                <div class="d-flex gap-1">
                                    {% if sheet.generatedDocumentId %}
                                        <a class="btn btn-sm btn-outline-dark" href="{{ path('document_view',{id:sheet.generatedDocumentId}) }}" target="_blank" title="Consulter">
                                            <i class="bi bi-eye"></i>
                                        </a>
                                        <a class="btn btn-sm btn-dark" href="{{ path('document_download',{id:sheet.generatedDocumentId}) }}" title="Télécharger le PDF">
                                            <i class="bi bi-download"></i>
                                        </a>
                                    {% else %}
                                        <button class="btn btn-sm btn-outline-secondary" disabled title="PDF non disponible"><i class="bi bi-eye"></i></button>
                                        <button class="btn btn-sm btn-outline-secondary" disabled title="PDF non disponible"><i class="bi bi-download"></i></button>
                                    {% endif %}
                                </div>
                            </div>
                        {% else %}
                            <div class="text-secondary small py-2">Aucune fiche technique associée.</div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% else %}
<tr>
<td colspan="7" class="text-center text-secondary py-5">Aucune convention générée.</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% endblock %}