{% extends 'admin/layout.html.twig' %}

{% block title %}Lieux — WTL{% endblock %}

{% block admin_body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="h2 mb-1">Lieux</h1>
        <p class="text-secondary mb-0">Référentiel des établissements démarchés et de leurs contacts.</p>
    </div>
    {% if can_permission('VENUE_CONTACT',2) %}<a class="btn btn-dark" href="{{ path('admin_venue_new') }}">
<i class="bi bi-plus-lg me-1">
</i>Nouveau lieu</a>{% endif %}
</div>
<div class="card table-card">
    <div class="card-body p-3">
        <div class="table-responsive">
            <table class="table align-middle data-table" data-order-column="0" data-order-dir="asc">
                <thead>
<tr>
<th>Lieu</th>
<th>Ville</th>
<th>Type</th>
<th>Budget indicatif</th>
<th>Statut</th>
<th>Contact principal</th>
<th>Historique commercial</th>
<th>Contacts</th>
<th data-orderable="false">
</th>
</tr>
</thead>
                <tbody>
                {% for venue in items %}
                    <tr>
                        <td class="fw-semibold">{{ venue.name }}
</td>
                        <td>{{ venue.city }}
</td>
                        <td>{{ venue.venueType ? venue.venueType.name : '—' }}
</td>
                        <td>{{ venue.approximateBudget ? venue.approximateBudget|number_format(0,',',' ') ~ ' €' : '—' }}</td>
                        <td><span class="badge {{ venue.status == 'ACTIVE' ? 'text-bg-success' : (venue.status == 'CLOSED' ? 'text-bg-danger' : 'text-bg-secondary') }}">{{ venue.statusLabel }}</span></td>
                        <td>
{% set pc = venue.primaryContact %}
{% if pc %}
<strong>{{ pc.name }}
</strong>
<br>
<small class="text-secondary">{{ pc.contactType ? pc.contactType.name : '' }}
</small>
{% else %}—{% endif %}
</td>
                        <td>{% set cs = commercialSummaries[venue.id] ?? null %}{% if cs %}<div class="small"><strong>{{ cs.prospections }}</strong> prospection(s) · <strong>{{ cs.confirmed }}</strong> date(s) confirmée(s) · <strong>{{ cs.performed }}</strong> réalisée(s)</div><div class="small text-secondary">Dernier contact : {{ cs.lastContact ? cs.lastContact|date('d/m/Y') : '—' }}{% if cs.lastFee %} · dernier tarif : {{ cs.lastFee|number_format(0,',',' ') }} € HT{% endif %}</div>{% else %}—{% endif %}</td>
                        <td>
                            <button class="btn btn-sm btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#contacts-{{ venue.id }}">{{ venue.contacts|length }} contact(s)</button>
                            <div class="modal fade" id="contacts-{{ venue.id }}" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Contacts — {{ venue.name }}
</h5>
<button class="btn-close" data-bs-dismiss="modal">
</button>
</div>
<div class="modal-body">
                                {% for c in venue.contacts %}
<div class="border rounded p-3 mb-2 contact-modal-card {{ c.primaryContact ? 'border-dark bg-light' : '' }}">
<div class="d-flex justify-content-between align-items-start gap-3">
<div>
<strong>{{ c.name }}
</strong>
{% if c.primaryContact %} <span class="badge text-bg-dark">Principal</span>
{% endif %}
<div class="small text-secondary">{{ c.contactType ? c.contactType.name : 'Type non défini' }}
</div>
<div class="small">{{ c.email ?: '' }} {{ c.phone ?: '' }}
</div>
</div>
<div class="d-flex gap-1 flex-shrink-0">{% if can_permission('VENUE_CONTACT',2) %}<a class="btn btn-sm btn-outline-dark" href="{{ path('admin_venue_contact_edit',{venue:venue.id,id:c.id}) }}"><i class="bi bi-pencil me-1"></i>Modifier</a>{% endif %}{% if can_permission('VENUE_CONTACT',3) %}<form method="post" action="{{ path('admin_venue_contact_delete',{venue:venue.id,id:c.id}) }}" onsubmit="return confirm('Supprimer définitivement ce contact ?');"><input type="hidden" name="_token" value="{{ csrf_token('delete-contact-'~c.id) }}"><button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button></form>{% endif %}</div>
</div>
</div>
{% else %}
<p class="text-secondary">Aucun contact.</p>
{% endfor %}
                            </div>
<div class="modal-footer">
{% if can_permission('VENUE_CONTACT',2) %}<a class="btn btn-dark" href="{{ path('admin_venue_contact_new',{id:venue.id}) }}">Ajouter un contact</a>{% endif %}
</div>
</div>
</div>
</div>
                        </td>
                        <td class="text-end">
<div class="d-flex justify-content-end gap-1">{% if can_permission('VENUE_CONTACT',2) %}<a class="btn btn-sm btn-outline-dark" href="{{ path('admin_venue_edit',{id:venue.id}) }}">Modifier</a>{% endif %}{% if can_permission('VENUE_CONTACT',3) %}<form method="post" action="{{ path('admin_venue_delete',{id:venue.id}) }}" onsubmit="return confirm('Supprimer définitivement ce lieu et ses contacts ? Les prospections existantes conserveront leur libellé historique.');"><input type="hidden" name="_token" value="{{ csrf_token('delete-venue-'~venue.id) }}"><button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button></form>{% endif %}</div>
</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}