{% extends 'admin/layout.html.twig' %}
{% block title %}{{ prospection.venueEntity ? prospection.venueEntity.name : prospection.venue }} — Prospection WTL{% endblock %}
{% block admin_body %}
{% set venue = prospection.venueEntity %}
{% set contact = prospection.targetContact ?: (venue ? venue.primaryContact : null) %}
<div class="d-flex flex-column flex-lg-row justify-content-between gap-3 align-items-lg-start mb-4">
<div>
<div class="d-flex flex-wrap align-items-center gap-2">
<h1 class="h2 mb-0">{{ venue ? venue.name : prospection.venue }}
</h1>
{% if prospection.status %}
<span class="badge rounded-pill text-bg-dark">{{ prospection.status.name }}
</span>
{% endif %}
</div>
<p class="text-secondary mb-0 mt-1">{{ venue ? venue.city : prospection.city }}
{% if venue and venue.department %} · {{ venue.department }}
{% endif %}
</p>
</div>
<div class="d-flex gap-2 flex-wrap justify-content-end">
<a href="{{ path('admin_prospection_index') }}" class="btn btn-outline-secondary">Retour</a>
<button class="btn btn-dark" data-bs-toggle="modal" data-bs-target="#prospectionMailModal"><i class="bi bi-envelope me-1"></i>Envoyer un mail</button>
<a href="{{ path('admin_prospection_new_from_existing',{id:prospection.id}) }}" class="btn btn-outline-dark" title="Créer une nouvelle prospection pour ce lieu et ce contact, sans reprendre l'historique"><i class="bi bi-arrow-repeat me-1"></i>Nouvelle prospection</a>
<a href="{{ path('admin_prospection_edit',{id:prospection.id}) }}" class="btn btn-outline-dark">Modifier</a>
{% if can_permission('PROSPECTION',3) %}
<form method="post" action="{{ path('admin_prospection_delete',{id:prospection.id}) }}" onsubmit="return confirm('Supprimer définitivement cette prospection et ses documents métier associés ?');">
<input type="hidden" name="_token" value="{{ csrf_token('delete-prospection-'~prospection.id) }}">
<button class="btn btn-outline-danger"><i class="bi bi-trash me-1"></i>Supprimer</button>
</form>
{% endif %}
</div>
</div>
{% if concertDate %}
<div class="card border-0 shadow-sm mb-4">
<div class="card-body p-4 d-flex flex-column flex-lg-row justify-content-between gap-3 align-items-lg-center">
<div><div class="text-uppercase small fw-semibold text-secondary">Date de concert liée</div><div class="fs-4 fw-bold">{{ concertDate.eventDate|date('d/m/Y') }}{% if concertDate.startTime %} · {{ concertDate.startTime|date('H:i') }}{% endif %}</div><div class="small text-secondary">{{ concertDate.visibility == 'public' ? 'Publiée sur le site' : (concertDate.visibility == 'scheduled' ? 'Publication programmée' : 'Non publiée') }}{% if concertDate.status == 'cancelled' %} · <span class="text-danger fw-semibold">Annulée</span>{% endif %}</div></div>
<div><a class="btn btn-outline-dark" href="{{ path('admin_concert_date_index') }}"><i class="bi bi-calendar-event me-1"></i>Gérer la date</a></div>
</div></div>
{% endif %}
{% if preparationChecklist %}
<div class="card border-0 shadow-sm mb-4"><div class="card-header bg-white p-3 d-flex justify-content-between align-items-center"><div><strong>Préparation administrative</strong><div class="small text-secondary">Contrôle automatique des éléments à préparer avant la date.</div></div><span class="badge {{ preparationChecklist.missing == 0 ? 'text-bg-success' : 'text-bg-warning' }}">{{ preparationChecklist.missing == 0 ? 'Complet' : preparationChecklist.missing ~ ' élément(s) manquant(s)' }}</span></div><div class="card-body p-3"><div class="row g-2">{% for item in preparationChecklist.items %}<div class="col-md-6 col-xl-4"><div class="border rounded p-2 h-100 d-flex gap-2"><i class="bi {{ item.ok ? 'bi-check-circle-fill text-success' : 'bi-exclamation-circle-fill text-warning' }} mt-1"></i><div><div class="fw-semibold small">{{ item.label }}</div><div class="small text-secondary">{{ item.detail }}</div></div></div></div>{% endfor %}</div></div></div>
{% endif %}
{% if prospection.nextAction %}
<div class="card border-0 shadow-sm mb-4 next-action-card">
<div class="card-body p-4">
<div>
<div class="text-uppercase small fw-semibold text-secondary">Prochaine étape</div>
<div class="fs-4 fw-bold">{{ prospection.nextAction }}
</div>
{% if prospection.nextActionDate %}
<div class="{{ prospection.nextActionDate < today ? 'text-danger fw-semibold' : 'text-secondary' }}">{{ prospection.nextActionDate|date('d/m/Y') }}
{% if prospection.nextActionDate < today %} · en retard{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
{% endif %}
<div class="card table-card mb-4">
<div class="card-header bg-white border-0 p-4 pb-2">
<h2 class="h5 mb-1">Actions rapides</h2>
<p class="text-secondary small mb-0">L'utilisateur connecté est mémorisé automatiquement pour chaque action.</p>
</div>
<div class="card-body p-4 pt-3">
<div class="d-flex flex-wrap gap-2">
<button class="btn btn-outline-dark action-btn" data-action="initial_contact" data-label="Premier contact envoyé" data-date-label="Date du premier contact">Premier contact</button>
<button class="btn btn-outline-dark action-btn" data-action="followup1" data-label="Relance 1 envoyée" data-date-label="Date de la relance 1">Relance 1</button>
<button class="btn btn-outline-dark action-btn" data-action="followup2" data-label="Relance 2 envoyée" data-date-label="Date de la relance 2">Relance 2</button>
<button class="btn btn-outline-primary action-btn" data-action="response" data-label="Réponse reçue" data-date-label="Date de la réponse">Réponse</button>
<button class="btn btn-outline-primary action-btn" data-action="proposal" data-label="Proposition envoyée" data-date-label="Date d'envoi">Proposition</button>
<button class="btn btn-success action-btn" data-action="confirmed" data-label="Date validée" data-date-label="Date du spectacle">Date validée</button>
<button class="btn btn-outline-danger action-btn" data-action="refused" data-label="Date / proposition refusée" data-date-label="Date du refus">Refus</button>
<button class="btn btn-dark action-btn" data-action="performed" data-label="Date réalisée" data-date-label="Date du spectacle réalisé">Date réalisée</button>
<button class="btn btn-outline-secondary action-btn" data-action="postpone" data-label="Reporter" data-date-label="Reprendre le contact le">Reporter</button>
<button class="btn btn-outline-secondary action-btn" data-action="future_recontact" data-label="Recontact futur" data-date-label="Date de recontact">Recontact futur</button>
</div>
</div>
</div>
<div class="row g-4">
<div class="col-xl-7">
<div class="card mb-4">
<div class="card-header bg-white">
<strong>Lieu & contact</strong>
</div>
<div class="card-body">
<div class="row g-3">
<div class="col-md-6">
<div class="small text-secondary">Lieu</div>
<strong>{{ venue ? venue.name : prospection.venue }}
</strong>
<div>{{ venue ? venue.city : prospection.city }}</div>
{% if venue and venue.approximateBudget %}<div class="small mt-1"><span class="text-secondary">Budget indicatif :</span> <strong>{{ venue.approximateBudget|number_format(2,',',' ') }} € HT</strong></div>{% endif %}
{% if prospection.proposedFee %}<div class="small"><span class="text-secondary">Tarif proposé :</span> <strong>{{ prospection.proposedFee|number_format(2,',',' ') }} € HT</strong>{% if prospection.hatPlanned %} <span class="badge text-bg-warning">Chapeau prévu</span>{% endif %}</div>{% endif %}
</div>
<div class="col-md-6">
<div class="small text-secondary">Contact ciblé</div>
{% if contact %}
<strong>{{ contact.name }}
</strong>
{% if contact.primaryContact %} <span class="badge text-bg-dark">Principal</span>
{% endif %}
<div>{{ contact.contactType ? contact.contactType.name : '' }}
</div>
<div>{{ contact.email ?: '' }} {{ contact.phone ?: '' }}
</div>
{% else %}—{% endif %}
</div>
{% if venue %}
<div class="col-12">
<button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="modal" data-bs-target="#allContacts"><i class="bi bi-people me-1"></i>Voir tous les contacts ({{ venue.contacts|length }})</button>
<button class="btn btn-sm btn-outline-dark" type="button" data-bs-toggle="modal" data-bs-target="#venueAdministrative"><i class="bi bi-building me-1"></i>Fiche administrative du lieu</button>
</div>
{% endif %}
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-header bg-white">
<strong>Suivi et responsables</strong>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table align-middle mb-0">
<thead>
<tr>
<th>Étape</th>
<th>Date</th>
<th>Réalisée par</th>
</tr>
</thead>
<tbody>
<tr>
<td>Création</td>
<td>{{ prospection.createdAt|date('d/m/Y') }}
</td>
<td>{{ prospection.createdBy ? prospection.createdBy.displayName : '—' }}
</td>
</tr>
<tr>
<td>Premier contact</td>
<td>{{ prospection.firstContactDate ? prospection.firstContactDate|date('d/m/Y') : '—' }}
</td>
<td>{{ prospection.firstContactBy ? prospection.firstContactBy.displayName : '—' }}
</td>
</tr>
<tr>
<td>Relance 1 <div class="small text-secondary">prévue {{ followUp1Due ? followUp1Due|date('d/m/Y') : '—' }}
</div>
</td>
<td>{{ prospection.followUp1SentDate ? prospection.followUp1SentDate|date('d/m/Y') : '—' }}
</td>
<td>{{ prospection.followUp1By ? prospection.followUp1By.displayName : '—' }}
</td>
</tr>
<tr>
<td>Relance 2 <div class="small text-secondary">prévue {{ followUp2Due ? followUp2Due|date('d/m/Y') : '—' }}
</div>
</td>
<td>{{ prospection.followUp2SentDate ? prospection.followUp2SentDate|date('d/m/Y') : '—' }}
</td>
<td>{{ prospection.followUp2By ? prospection.followUp2By.displayName : '—' }}
</td>
</tr>
<tr>
<td>Proposition</td>
<td>{{ prospection.proposalSentDate ? prospection.proposalSentDate|date('d/m/Y') : '—' }}
</td>
<td>{{ prospection.proposalBy ? prospection.proposalBy.displayName : '—' }}
</td>
</tr>
<tr>
<td>Décision</td>
<td>{{ prospection.confirmedDate ? 'Validée le ' ~ prospection.confirmedDate|date('d/m/Y') : (prospection.refusedDate ? 'Refusée le ' ~ prospection.refusedDate|date('d/m/Y') : '—') }}
</td>
<td>{{ prospection.decisionBy ? prospection.decisionBy.displayName : '—' }}
</td>
</tr>
<tr>
<td>Réalisation</td>
<td>{{ prospection.performedDate ? prospection.performedDate|date('d/m/Y') : '—' }}
</td>
<td>{{ prospection.performedBy ? prospection.performedBy.displayName : '—' }}
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="card">
    <div class="card-header bg-white d-flex justify-content-between align-items-center">
        <div><strong>Documents</strong><div class="small text-secondary">Les conventions sont toujours rattachées à une version précise du devis.</div></div>
        {% if can_permission('QUOTE',2) %}<button class="btn btn-sm btn-dark" data-bs-toggle="modal" data-bs-target="#quoteModal-{{ prospection.id }}"><i class="bi bi-file-earmark-plus me-1"></i>Nouveau devis</button>{% endif %}
    </div>
    <div class="card-body">
        {% set quotes = documents|filter(d => d.type == 'quote') %}
        {% if quotes %}
        <div class="accordion" id="prospectionDocuments">
            {% for quote in quotes %}
                {% set linkedConvention = (conventions|filter(c => c.sourceQuote and c.sourceQuote.id == quote.id)|first) ?: null %}
                <div class="accordion-item">
                    <h2 class="accordion-header"><button class="accordion-button {{ loop.first ? '' : 'collapsed' }}" data-bs-toggle="collapse" data-bs-target="#quoteGroup{{ quote.id }}">V{{ quote.prospectionVersion ?: loop.revindex }} — {{ quote.number }} — {{ quote.amountHt|number_format(2,',',' ') }} € HT</button></h2>
                    <div id="quoteGroup{{ quote.id }}" class="accordion-collapse collapse {{ loop.first ? 'show' : '' }}" data-bs-parent="#prospectionDocuments">
                        <div class="accordion-body">
                            <div class="d-flex justify-content-between align-items-center border rounded p-3 mb-2"><div><i class="bi bi-file-earmark-text me-2"></i><strong>Devis {{ quote.number }}</strong><div class="small text-secondary">{{ quote.issueDate|date('d/m/Y') }}</div></div><a class="btn btn-sm btn-outline-dark" href="{{ path('admin_document_show',{id:quote.id}) }}">Voir</a></div>
                            {% set invoices = can_permission('INVOICE') ? (documents|filter(d => d.type == 'invoice' and d.sourceDocument and d.sourceDocument.id == quote.id)) : [] %}
                            {% for invoice in invoices %}<div class="d-flex justify-content-between align-items-center border rounded p-3 mb-2"><div><i class="bi bi-receipt me-2"></i><strong>Facture {{ invoice.number }}</strong><div class="small text-secondary">Issue du devis {{ quote.number }}</div></div><a class="btn btn-sm btn-outline-dark" href="{{ path('admin_document_show',{id:invoice.id}) }}">Voir</a></div>{% endfor %}
                            {% if linkedConvention %}
                                <div class="d-flex justify-content-between align-items-center border rounded p-3"><div><i class="bi bi-file-earmark-check me-2"></i><strong>Convention</strong><div class="small text-secondary">Basée sur le devis {{ quote.number }}</div></div><div class="d-flex gap-1"><a class="btn btn-sm btn-outline-dark" href="{{ path('admin_convention_show',{id:linkedConvention.id}) }}">Voir</a>{% if can_permission('CONVENTION',3) %}<form method="post" action="{{ path('admin_convention_delete',{id:linkedConvention.id}) }}" onsubmit="return confirm('Supprimer définitivement cette convention et son PDF ?');"><input type="hidden" name="_token" value="{{ csrf_token('delete-convention-'~linkedConvention.id) }}"><button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button></form>{% endif %}</div></div>
                            {% else %}
                                <form class="border rounded bg-light p-3" method="post" action="{{ path('admin_convention_from_quote',{id:quote.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('convention-quote-' ~ quote.id) }}"><div class="d-flex justify-content-between align-items-center"><span class="text-secondary">Aucune convention pour cette version.</span><button class="btn btn-sm btn-dark">Créer la convention</button></div></form>
                            {% endif %}
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
        {% else %}<div class="text-secondary">Aucun devis. Crée d’abord un devis pour pouvoir générer une convention.</div>{% endif %}
        {% set legacyConventions = conventions|filter(c => not c.sourceQuote) %}
        {% if legacyConventions %}
            <div class="mt-3 pt-3 border-top"><div class="small text-secondary fw-semibold mb-2">Conventions historiques non liées à un devis</div>{% for c in legacyConventions %}<a class="btn btn-sm btn-outline-secondary me-1 mb-1" href="{{ path('admin_convention_show',{id:c.id}) }}">{{ c.title }}</a>{% endfor %}</div>
        {% endif %}
    </div>
</div>
<div class="card mt-3">
    <div class="card-header bg-white d-flex justify-content-between align-items-center">
        <div><strong>Documents techniques</strong><div class="small text-secondary">Fiches génériques ou spécifiques à cette représentation.</div></div>
        {% if can_permission('PROSPECTION', 2) or can_permission('TECHNICAL_SHEET', 2) %}<button class="btn btn-sm btn-dark" data-bs-toggle="modal" data-bs-target="#technicalSheetModal"><i class="bi bi-wrench-adjustable-circle me-1"></i>Fiche technique</button>{% endif %}
    </div>
    <div class="card-body">
        {% if technicalSheets %}
            <div class="list-group list-group-flush">
            {% for sheet in technicalSheets %}
                <div class="list-group-item px-0 d-flex flex-wrap justify-content-between align-items-center gap-2">
                    <div><strong>Fiche technique V{{ sheet.version }}</strong><div class="small text-secondary">{{ sheet.sourceType == 'template' ? 'Modèle associé sans régénération' : (sheet.sourceType == 'template_customized' ? 'Modèle personnalisé' : 'Fiche spécifique') }} · {{ sheet.createdAt|date('d/m/Y H:i') }}</div></div>
                    <div class="d-flex gap-1 align-items-center">
                        <span class="badge {{ sheet.state == 'validated' ? 'text-bg-success' : (sheet.state == 'sent' ? 'text-bg-info' : 'text-bg-secondary') }}">{{ sheet.state }}</span>
                        <a class="btn btn-sm btn-outline-dark" href="{{ path('document_view',{id:sheet.generatedDocumentId}) }}" target="_blank"><i class="bi bi-eye"></i></a>
                        <a class="btn btn-sm btn-outline-dark" href="{{ path('document_download',{id:sheet.generatedDocumentId}) }}"><i class="bi bi-download"></i></a>
                        {% if can_permission('PROSPECTION', 2) or can_permission('TECHNICAL_SHEET', 2) %}
                            {% if sheet.state == 'generated' %}
                                <form method="post" action="{{ path('admin_technical_sheet_state',{id:sheet.id,state:'sent'}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('technical-sheet-'~sheet.id) }}">
                                    <button class="btn btn-sm btn-outline-primary" title="L'envoi valide automatiquement la fiche">Marquer envoyée</button>
                                </form>
                            {% endif %}
                            {% if sheet.state != 'validated' %}
                                <form method="post" action="{{ path('admin_technical_sheet_state',{id:sheet.id,state:'validated'}) }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token('technical-sheet-'~sheet.id) }}">
                                    <button class="btn btn-sm btn-outline-success">Valider</button>
                                </form>
                            {% endif %}
                        {% endif %}
                        {% if sheet.state == 'generated' and can_permission('TECHNICAL_SHEET', 3) %}
                            <form method="post" action="{{ path('admin_technical_sheet_delete',{id:sheet.id}) }}" onsubmit="return confirm('Supprimer définitivement la fiche technique V{{ sheet.version }} ?{% if sheet.sourceType == 'template' %} Le modèle générique et son PDF seront conservés.{% else %} Son PDF spécifique sera également supprimé.{% endif %}');">
                                <input type="hidden" name="_token" value="{{ csrf_token('technical-sheet-delete-'~sheet.id) }}">
                                <button class="btn btn-sm btn-outline-danger" title="Supprimer cette fiche"><i class="bi bi-trash"></i></button>
                            </form>
                        {% endif %}
                    </div>
                </div>
            {% endfor %}
            </div>
        {% else %}<div class="text-secondary">Aucune fiche technique associée à cette prospection.</div>{% endif %}
    </div>
</div>
</div>
<div class="col-xl-5">
<div class="card h-100">
<div class="card-header bg-white">
<strong>Historique</strong>
</div>
<div class="card-body">
<div class="timeline">
{% for event in events %}
<div class="timeline-item">
<div class="timeline-dot">
</div>
<div class="pb-4">
<div class="d-flex justify-content-between gap-3">
<strong>{{ event.label }}
</strong>
<span class="small text-secondary">{{ event.eventDate|date('d/m/Y') }}
</span>
</div>
<div class="small text-secondary">{{ event.actor ? event.actor.displayName : 'Utilisateur non renseigné' }}
</div>
{% if event.notes %}
<div class="small mt-1">{{ event.notes }}
</div>
{% endif %}
</div>
</div>
{% else %}
<div class="text-secondary">Aucun événement.</div>
{% endfor %}
</div>
{% if mailLogs %}<hr><div class="small text-uppercase fw-semibold text-secondary mb-2">Mails envoyés</div>{% for mail in mailLogs|slice(0,5) %}<div class="border rounded p-2 mb-2"><div class="d-flex justify-content-between gap-2"><strong class="small">{{ mail.subject }}</strong><span class="small text-secondary">{{ mail.sentAt|date('d/m/Y H:i') }}</span></div><div class="small text-secondary">À {{ mail.recipient }}{% if mail.template %} · {{ mail.template.name }}{% endif %}</div></div>{% endfor %}{% endif %}
</div>
</div>
</div>
</div>
</div>
{% if venue %}
<div class="modal fade" id="allContacts" tabindex="-1" aria-labelledby="allContactsLabel" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<div>
<h5 class="modal-title" id="allContactsLabel">Contacts — {{ venue.name }}</h5>
<div class="small text-secondary">{{ venue.city }}{% if venue.department %} · {{ venue.department }}{% endif %}</div>
</div>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
</div>
<div class="modal-body">
{% for c in venue.contacts %}
<div class="border rounded p-3 mb-3 {{ c.primaryContact ? 'border-dark bg-light' : '' }}">
<div class="d-flex flex-column flex-md-row justify-content-between gap-2">
<div>
<div class="d-flex align-items-center flex-wrap gap-2">
<strong>{{ c.name }}</strong>
{% if c.primaryContact %}<span class="badge text-bg-dark">Principal</span>{% endif %}
</div>
{% if c.contactType %}<div class="small text-secondary mt-1">{{ c.contactType.name }}</div>{% endif %}
</div>
<div class="text-md-end">
{% if c.email %}<div><i class="bi bi-envelope me-1 text-secondary"></i><a href="mailto:{{ c.email }}">{{ c.email }}</a></div>{% endif %}
{% if c.phone %}<div><i class="bi bi-telephone me-1 text-secondary"></i><a href="tel:{{ c.phone }}">{{ c.phone }}</a></div>{% endif %}
</div>
</div>
</div>
{% else %}
<div class="text-secondary">Aucun contact enregistré pour ce lieu.</div>
{% endfor %}
</div>
<div class="modal-footer">
{% if can_permission('VENUE_CONTACT',2) %}<a class="btn btn-outline-dark" href="{{ path('admin_venue_edit',{id:venue.id}) }}"><i class="bi bi-pencil me-1"></i>Gérer le lieu et ses contacts</a>{% endif %}
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
</div>
</div>
</div>
</div>

<div class="modal fade" id="venueAdministrative" tabindex="-1" aria-labelledby="venueAdministrativeLabel" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered venue-admin-modal">
<div class="modal-content">
<div class="modal-header">
<div>
<h5 class="modal-title" id="venueAdministrativeLabel">Fiche administrative — {{ venue.name }}</h5>
<div class="small text-secondary">Informations utilisées pour la prospection et les futurs documents commerciaux.</div>
</div>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
</div>
<div class="modal-body">
<div class="row g-4">
<div class="col-md-6">
<div class="small text-uppercase fw-semibold text-secondary mb-2">Lieu</div>
<dl class="row mb-0">
<dt class="col-5">Nom</dt><dd class="col-7">{{ venue.name }}</dd>
<dt class="col-5">Type</dt><dd class="col-7">{{ venue.venueType ? venue.venueType.name : '—' }}</dd>
<dt class="col-5">Raison sociale</dt><dd class="col-7">{{ venue.legalName ?: '—' }}</dd>
<dt class="col-5">Jauge</dt><dd class="col-7">{{ venue.capacity ?: '—' }}</dd>
<dt class="col-5">Budget indicatif</dt><dd class="col-7">{{ venue.approximateBudget ? venue.approximateBudget|number_format(2,',',' ') ~ ' € HT' : '—' }}</dd>
</dl>
</div>
<div class="col-md-6">
<div class="small text-uppercase fw-semibold text-secondary mb-2">Coordonnées</div>
<dl class="row mb-0">
<dt class="col-5">Adresse</dt><dd class="col-7">{% if venue.address %}{{ venue.address }}<br>{% endif %}{{ venue.postalCode }} {{ venue.city }}{% if venue.department %}<br>{{ venue.department }}{% endif %}{% if venue.country %}<br>{{ venue.country }}{% endif %}</dd>
<dt class="col-5">Site web</dt><dd class="col-7">{% if venue.website %}<a href="{{ venue.website }}" target="_blank" rel="noopener">{{ venue.website }}</a>{% else %}—{% endif %}</dd>
</dl>
</div>
<div class="col-12"><hr class="my-0"></div>
<div class="col-md-6">
<div class="small text-uppercase fw-semibold text-secondary mb-2">Facturation</div>
<dl class="row mb-0">
<dt class="col-5">SIRET</dt><dd class="col-7">{{ venue.siret ?: '—' }}</dd>
<dt class="col-5">N° TVA</dt><dd class="col-7">{{ venue.vatNumber ?: '—' }}</dd>
<dt class="col-5">E-mail</dt><dd class="col-7">{% if venue.billingEmail %}<a href="mailto:{{ venue.billingEmail }}">{{ venue.billingEmail }}</a>{% else %}—{% endif %}</dd>
</dl>
</div>
<div class="col-md-6">
<div class="small text-uppercase fw-semibold text-secondary mb-2">Notes administratives</div>
<div class="border rounded bg-light p-3 h-100">{{ venue.billingNotes ? venue.billingNotes|nl2br : '<span class="text-secondary">Aucune note.</span>'|raw }}</div>
</div>
</div>
</div>
<div class="modal-footer">
{% if can_permission('VENUE_CONTACT',2) %}<a class="btn btn-outline-dark" href="{{ path('admin_venue_edit',{id:venue.id}) }}"><i class="bi bi-pencil me-1"></i>Modifier le lieu</a>{% endif %}
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
</div>
</div>
</div>
</div>
{% endif %}
{% include 'admin/prospection/_technical_sheet_modal.html.twig' %}
<div class="modal fade" id="actionModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form method="post" action="{{ path('admin_prospection_action',{id:prospection.id}) }}">
<div class="modal-header">
<h2 class="modal-title fs-5" id="actionModalTitle">Action</h2>
<button type="button" class="btn-close" data-bs-dismiss="modal">
</button>
</div>
<div class="modal-body">
<input type="hidden" name="_token" value="{{ csrf_token('prospection-action-' ~ prospection.id) }}">
<input type="hidden" name="action_type" id="actionType">
<div class="mb-3">
<label class="form-label" id="actionDateLabel">Date</label>
<input type="date" class="form-control" name="action_date" value="{{ 'now'|date('Y-m-d') }}" required>
</div>
<div>
<label class="form-label">Note</label>
<textarea class="form-control" rows="3" name="action_notes"></textarea>
</div>
<div id="confirmedPublicationOptions" class="border rounded bg-light p-3 mt-3 d-none">
    <div class="fw-semibold mb-2">Publication sur le futur site</div>
    <label class="form-label">Que veux-tu faire de cette date ?</label>
    <select class="form-select" name="publication_mode" id="confirmedPublicationMode">
        <option value="hidden">Ne pas publier pour l’instant</option>
        <option value="public">Publier immédiatement</option>
        <option value="scheduled">Publier à partir d’une date</option>
    </select>
    <div id="confirmedPublicationDateWrap" class="mt-2 d-none">
        <label class="form-label">Date et heure de publication</label>
        <input class="form-control" type="datetime-local" name="publication_date">
    </div>
    <div class="form-text">La date de concert sera automatiquement créée et liée à cette prospection.</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-dark">Enregistrer</button>
</div>
</form>
</div>
</div>
</div>
{% include 'admin/prospection/_quote_modal.html.twig' with {prospection:prospection, quoteLineSettings:quoteLineSettings} %}
<div class="modal fade" id="prospectionMailModal" tabindex="-1" aria-hidden="true"><div class="modal-dialog modal-xl modal-dialog-scrollable"><div class="modal-content"><form method="post" action="{{ path('admin_prospection_mail_send',{id:prospection.id}) }}" id="prospectionMailForm"><input type="hidden" name="_token" value="{{ csrf_token('prospection-mail-'~prospection.id) }}"><input type="hidden" name="template_id" id="mailTemplateId">
<div class="modal-header"><div><h5 class="modal-title">Envoyer un mail de prospection</h5><div class="small text-secondary">{{ venue ? venue.name : prospection.venue }}</div></div><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Fermer"></button></div>
<div class="modal-body">
<div class="d-flex align-items-center mb-4"><div class="mail-wizard-step active" data-mail-dot="1"><span>1</span><small>Modèle</small></div><div class="mail-wizard-line"></div><div class="mail-wizard-step" data-mail-dot="2"><span>2</span><small>Personnalisation</small></div><div class="mail-wizard-line"></div><div class="mail-wizard-step" data-mail-dot="3"><span>3</span><small>Validation</small></div></div>
<div data-mail-step="1"><div class="alert alert-light border">Choisis le modèle adapté au type de lieu ou à l'étape commerciale. Les données connues de la prospection sont remplacées automatiquement.</div><div id="mailTemplateChoices" class="row g-3"><div class="col-12 text-center text-secondary py-5"><div class="spinner-border spinner-border-sm me-2"></div>Chargement des modèles…</div></div></div>
<div data-mail-step="2" class="d-none"><div class="row g-3"><div class="col-12"><label class="form-label">Destinataire</label><input class="form-control" type="email" name="recipient" id="mailRecipient" required></div><div class="col-12"><label class="form-label">Objet</label><input class="form-control" name="subject" id="mailSubject" required></div><div class="col-12"><label class="form-label">Message</label><textarea class="form-control" rows="16" name="body_html" id="mailBody"></textarea><div class="form-text">Les zones jaunes « À PERSONNALISER » viennent des variables que l'application ne peut pas remplir automatiquement.</div></div>
<div class="col-12"><div class="d-flex justify-content-between align-items-center gap-2 mb-2"><label class="form-label mb-0">Pièces jointes de cette prospection <span class="text-secondary fw-normal">— facultatif</span></label><button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#mailProjectDocuments"><i class="bi bi-plus-circle me-1"></i>Ajouter un document du projet</button></div><div id="mailProspectionAttachments" class="row g-2"><div class="col-12 small text-secondary">Chargement des documents liés…</div></div><div class="form-text">Seuls les documents réellement rattachés à cette prospection sont proposés ici.</div><div class="collapse mt-3" id="mailProjectDocuments"><div class="border rounded p-3 bg-light"><div class="fw-semibold small mb-1">Bibliothèque du projet</div><div class="small text-secondary mb-3">Pour ajouter ponctuellement une fiche de diffusion, un dossier artistique ou un document classé « Aide à la prospection » / « Presse ».</div><div id="mailProjectAttachments" class="row g-2"><div class="col-12 small text-secondary">Chargement…</div></div></div></div></div></div></div>
<div data-mail-step="3" class="d-none"><div class="row g-3"><div class="col-12"><div class="small text-secondary">À</div><div class="fw-semibold" id="mailReviewTo"></div></div><div class="col-12"><div class="small text-secondary">Objet</div><div class="fw-semibold" id="mailReviewSubject"></div></div><div class="col-12"><div class="small text-secondary">Pièces jointes</div><div id="mailReviewAttachments" class="small">Aucune pièce jointe.</div></div><div class="col-12"><div class="small text-secondary mb-2">Aperçu</div><div class="border rounded bg-white p-4" id="mailReviewBody"></div></div><div class="col-12"><div class="alert alert-warning mb-0"><i class="bi bi-exclamation-triangle me-1"></i>Vérifie qu'il ne reste aucune zone « À PERSONNALISER » avant l'envoi.</div></div></div></div>
</div>
<div class="modal-footer"><button class="btn btn-outline-secondary me-auto d-none" type="button" id="mailPrev">Précédent</button><button class="btn btn-dark" type="button" id="mailNext">Suivant</button><button class="btn btn-success d-none" type="submit" id="mailSend"><i class="bi bi-send me-1"></i>Envoyer</button></div>
</form></div></div></div>
<style>#prospectionMailModal .modal-content>form{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 3.5rem)}#prospectionMailModal .modal-body{overflow-y:auto;min-height:0}.mail-wizard-step{min-width:110px;text-align:center;color:#6c757d}.mail-wizard-step span{width:34px;height:34px;border-radius:50%;border:2px solid #ced4da;display:flex;align-items:center;justify-content:center;margin:auto;background:#fff;font-weight:700}.mail-wizard-step small{display:block;margin-top:.3rem}.mail-wizard-step.active span,.mail-wizard-step.done span{background:#212529;color:#fff;border-color:#212529}.mail-wizard-line{height:2px;background:#dee2e6;flex:1;margin-top:-20px}.mail-template-choice{cursor:pointer;border:1px solid #dee2e6;border-radius:.75rem;padding:1rem;height:100%}.mail-template-choice.selected{border-color:#212529;box-shadow:0 0 0 2px rgba(33,37,41,.15)}</style>
{% endblock %}
{% block javascripts %}{{ parent() }}
<script>(()=>{const modal=new bootstrap.Modal(document.getElementById('actionModal')),pub=document.getElementById('confirmedPublicationOptions'),mode=document.getElementById('confirmedPublicationMode'),dateWrap=document.getElementById('confirmedPublicationDateWrap');document.querySelectorAll('.action-btn').forEach(btn=>btn.addEventListener('click',()=>{document.getElementById('actionType').value=btn.dataset.action;document.getElementById('actionModalTitle').textContent=btn.dataset.label;document.getElementById('actionDateLabel').textContent=btn.dataset.dateLabel||'Date';pub.classList.toggle('d-none',btn.dataset.action!=='confirmed');modal.show();}));mode?.addEventListener('change',()=>dateWrap.classList.toggle('d-none',mode.value!=='scheduled'));})();</script>
<script>document.querySelectorAll('.quote-form').forEach(form=>{const r=()=>{let t=Number(form.querySelector('[name="artistic_price"]')?.value||0);form.querySelectorAll('.quote-line').forEach(row=>{const q=Number(row.querySelector('.quote-qty')?.value||0),p=Number(row.querySelector('.quote-line-price')?.value||0),v=q*p;row.querySelector('.quote-line-total').textContent=v.toLocaleString('fr-FR',{minimumFractionDigits:2,maximumFractionDigits:2})+' €';t+=v;});form.querySelector('.quote-grand-total').textContent=t.toLocaleString('fr-FR',{minimumFractionDigits:2,maximumFractionDigits:2})+' €';};form.addEventListener('input',r);r();});</script>
<script src="{{ asset('js/prospection-technical-wizard.js') }}"></script>



<script src="https://cdn.ckeditor.com/ckeditor5/41.4.2/classic/ckeditor.js"></script>
<script>
document.addEventListener('DOMContentLoaded',()=>{
 const modal=document.getElementById('prospectionMailModal'); if(!modal)return; let step=1, selected=null, editor=null, loaded=false;
 const render=()=>{document.querySelectorAll('[data-mail-step]').forEach(x=>x.classList.toggle('d-none',+x.dataset.mailStep!==step));document.querySelectorAll('[data-mail-dot]').forEach(x=>{let n=+x.dataset.mailDot;x.classList.toggle('active',n===step);x.classList.toggle('done',n<step)});document.getElementById('mailPrev').classList.toggle('d-none',step===1);document.getElementById('mailNext').classList.toggle('d-none',step===3);document.getElementById('mailSend').classList.toggle('d-none',step!==3)};
 const esc=s=>{const d=document.createElement('div');d.textContent=s??'';return d.innerHTML};
 async function load(){if(loaded)return;loaded=true;try{const res=await fetch('{{ path('admin_prospection_mail_templates',{id:prospection.id}) }}',{headers:{'X-Requested-With':'XMLHttpRequest'}});const data=await res.json();document.getElementById('mailRecipient').value=data.recipient||'';const renderDocs=(target,docs,empty)=>{const box=document.getElementById(target);box.innerHTML='';(docs||[]).forEach(d=>{const c=document.createElement('div');c.className='col-md-6';c.innerHTML=`<label class="border rounded p-2 d-flex gap-2 align-items-start h-100 bg-white"><input class="form-check-input mt-1 mail-attachment-check" type="checkbox" name="attachments[]" value="${d.id}" data-label="${esc(d.name)}"><span><strong class="small">${esc(d.name)}</strong><br><span class="small text-secondary">${esc(d.filename)} · V${d.version}</span></span></label>`;box.appendChild(c)});if(!(docs||[]).length)box.innerHTML=`<div class="col-12 small text-secondary">${empty}</div>`;};renderDocs('mailProspectionAttachments',data.prospectionDocuments||[],'Aucun document n’est actuellement rattaché à cette prospection.');renderDocs('mailProjectAttachments',data.projectDocuments||[],'Aucun autre document générique disponible dans la bibliothèque du projet.');const box=document.getElementById('mailTemplateChoices');box.innerHTML='';data.templates.forEach(t=>{const col=document.createElement('div');col.className='col-md-6 col-xl-4';col.innerHTML=`<div class="mail-template-choice" data-id="${t.id}"><div class="small text-uppercase text-secondary fw-semibold">${esc(t.category)}</div><div class="fw-semibold mt-1">${esc(t.name)}</div><div class="small text-secondary mt-2">${esc(t.subject)}</div></div>`;col.firstElementChild.addEventListener('click',()=>{document.querySelectorAll('.mail-template-choice').forEach(x=>x.classList.remove('selected'));col.firstElementChild.classList.add('selected');selected=t;document.getElementById('mailTemplateId').value=t.id;document.getElementById('mailSubject').value=t.subject;if(editor)editor.setData(t.body);else document.getElementById('mailBody').value=t.body;});box.appendChild(col)});if(!data.templates.length)box.innerHTML='<div class="col-12 alert alert-warning">Aucun modèle actif.</div>';}catch(e){document.getElementById('mailTemplateChoices').innerHTML='<div class="col-12 alert alert-danger">Impossible de charger les modèles.</div>';}}
 modal.addEventListener('show.bs.modal',load);
 ClassicEditor.create(document.getElementById('mailBody'),{toolbar:['undo','redo','|','bold','italic','link','bulletedList','numberedList','|','blockQuote']}).then(e=>editor=e).catch(console.error);
 document.getElementById('mailNext').addEventListener('click',()=>{if(step===1&&!selected){alert('Choisis un modèle de mail.');return}if(step===2){const to=document.getElementById('mailRecipient'),sub=document.getElementById('mailSubject');if(!to.reportValidity()||!sub.reportValidity())return;document.getElementById('mailReviewTo').textContent=to.value;document.getElementById('mailReviewSubject').textContent=sub.value;const checked=[...document.querySelectorAll('.mail-attachment-check:checked')].map(x=>x.dataset.label||'Document');document.getElementById('mailReviewAttachments').textContent=checked.length?checked.join(' · '):'Aucune pièce jointe.';document.getElementById('mailReviewBody').innerHTML=editor?editor.getData():document.getElementById('mailBody').value;}step++;render()});
 document.getElementById('mailPrev').addEventListener('click',()=>{step--;render()});
 document.getElementById('prospectionMailForm').addEventListener('submit',(event)=>{if(event.submitter && event.submitter.id!=='mailSend'){event.preventDefault();return}if(step!==3){event.preventDefault();return}if(editor)document.getElementById('mailBody').value=editor.getData();document.getElementById('mailSend').disabled=true}); render();
});
</script>
{% endblock %}