{% extends 'admin/layout.html.twig' %}
{% block title %}{{ venue.name }} — Lieux et contacts{% endblock %}
{% block admin_body %}
{% set actions = [{label:'Retour aux lieux',href:path('admin_venue_index'),icon:'bi-arrow-left'}] %}
{% if can_permission('VENUE_CONTACT',2) %}{% set actions = actions|merge([{label:'Modifier le lieu',href:path('admin_venue_edit',{id:venue.id}),icon:'bi-pencil'},{label:'Ajouter un contact',href:path('admin_venue_contact_new',{id:venue.id}),icon:'bi-person-plus',primary:true}]) %}{% endif %}
{% include 'admin/ui/_page_header.html.twig' with {
    page_eyebrow: 'Lieu et contacts',
    page_title: venue.name,
    page_subtitle: venue.city ~ (venue.venueType ? ' · ' ~ venue.venueType.name : ''),
    page_actions: actions
} %}

<div class="row g-4">
    <div class="col-xl-8">
        <section class="card border-0 shadow-sm mb-4" aria-labelledby="venueContactsTitle">
            <div class="card-header bg-white p-3 d-flex justify-content-between align-items-center"><div><h2 class="h5 mb-0" id="venueContactsTitle">Contacts</h2><div class="small text-secondary">{{ venue.contacts|length }} contact(s) enregistré(s)</div></div></div>
            <div class="card-body p-3">
                <div class="venue-contact-grid">
                {% for contact in venue.contacts %}
                    <article class="venue-contact-card {{ contact.primaryContact ? 'is-primary' : '' }}">
                        <div><h3 class="h6 mb-1">{{ contact.name }} {% if contact.primaryContact %}<span class="badge text-bg-dark">Principal</span>{% endif %}</h3><div class="small text-secondary">{{ contact.contactType ? contact.contactType.name : 'Fonction non précisée' }}</div></div>
                        <div class="vstack gap-1 mt-3">{% if contact.phone %}<a href="tel:{{ contact.phone|replace({' ':''}) }}"><i class="bi bi-telephone me-2" aria-hidden="true"></i>{{ contact.phone }}</a>{% endif %}{% if contact.email %}<a href="mailto:{{ contact.email }}"><i class="bi bi-envelope me-2" aria-hidden="true"></i>{{ contact.email }}</a>{% endif %}</div>
                        {% if contact.notes %}<p class="small text-secondary white-space-preline mt-3 mb-0">{{ contact.notes }}</p>{% endif %}
                        {% if can_permission('VENUE_CONTACT',2) or can_permission('VENUE_CONTACT',3) %}<div class="card-actions mt-3">{% if can_permission('VENUE_CONTACT',2) %}<a class="btn btn-sm btn-outline-dark touch-target" href="{{ path('admin_venue_contact_edit',{venue:venue.id,id:contact.id}) }}">Modifier</a>{% endif %}{% if can_permission('VENUE_CONTACT',3) %}<form method="post" action="{{ path('admin_venue_contact_delete',{venue:venue.id,id:contact.id}) }}" onsubmit="return confirm('Supprimer définitivement ce contact ?');"><input type="hidden" name="_token" value="{{ csrf_token('delete-contact-'~contact.id) }}"><button class="btn btn-sm btn-outline-danger touch-target">Supprimer</button></form>{% endif %}</div>{% endif %}
                    </article>
                {% else %}
                    {% include 'admin/ui/_empty_state.html.twig' with {empty_icon:'bi-person-plus',empty_title:'Aucun contact',empty_text:'Vous pouvez conserver le lieu seul ou ajouter un contact lorsque vous obtenez ses coordonnées.',empty_action:can_permission('VENUE_CONTACT',2) ? {href:path('admin_venue_contact_new',{id:venue.id}),label:'Ajouter un contact'} : null} %}
                {% endfor %}
                </div>
            </div>
        </section>

        <section class="card border-0 shadow-sm" aria-labelledby="venueAdminTitle">
            <div class="card-header bg-white p-3"><h2 class="h5 mb-0" id="venueAdminTitle">Informations du lieu</h2></div>
            <div class="card-body"><dl class="row mb-0 detail-list"><dt class="col-sm-4">Adresse</dt><dd class="col-sm-8">{{ venue.address ?: '—' }}{% if venue.postalCode or venue.city %}<br>{{ venue.postalCode }} {{ venue.city }}{% endif %}</dd><dt class="col-sm-4">Site</dt><dd class="col-sm-8">{% if venue.website %}<a href="{{ venue.website }}" rel="noopener noreferrer" target="_blank">{{ venue.website }}</a>{% else %}—{% endif %}</dd><dt class="col-sm-4">Jauge</dt><dd class="col-sm-8">{{ venue.capacity ?: '—' }}</dd><dt class="col-sm-4">Budget indicatif</dt><dd class="col-sm-8">{{ venue.approximateBudget ? venue.approximateBudget|number_format(0,',',' ') ~ ' €' : '—' }}</dd><dt class="col-sm-4">SIRET</dt><dd class="col-sm-8">{{ venue.siret ?: '—' }}</dd><dt class="col-sm-4">E-mail de facturation</dt><dd class="col-sm-8">{{ venue.billingEmail ?: '—' }}</dd></dl></div>
        </section>
    </div>
    <div class="col-xl-4">
        <section class="card border-0 shadow-sm mb-4"><div class="card-body"><div class="d-flex justify-content-between align-items-start"><div><div class="small text-secondary">Statut</div><span class="badge mt-1 {{ venue.status == 'ACTIVE' ? 'text-bg-success' : (venue.status == 'CLOSED' ? 'text-bg-danger' : 'text-bg-secondary') }}">{{ venue.statusLabel }}</span></div><i class="bi bi-building fs-2 text-secondary" aria-hidden="true"></i></div></div></section>
        {% if commercialSummary %}<section class="card border-0 shadow-sm"><div class="card-header bg-white"><h2 class="h6 mb-0">Historique commercial</h2></div><div class="card-body"><div class="row g-3"><div class="col-4"><div class="fs-4 fw-bold">{{ commercialSummary.prospections }}</div><div class="small text-secondary">Prospections</div></div><div class="col-4"><div class="fs-4 fw-bold">{{ commercialSummary.confirmed }}</div><div class="small text-secondary">Confirmées</div></div><div class="col-4"><div class="fs-4 fw-bold">{{ commercialSummary.performed }}</div><div class="small text-secondary">Jouées</div></div></div><hr><div class="small"><span class="text-secondary">Dernier contact :</span> {{ commercialSummary.lastContact ? commercialSummary.lastContact|date('d/m/Y') : '—' }}</div>{% if commercialSummary.lastFee %}<div class="small"><span class="text-secondary">Dernier tarif :</span> {{ commercialSummary.lastFee|number_format(0,',',' ') }} € HT</div>{% endif %}</div></section>{% endif %}
    </div>
</div>
{% endblock %}