{% extends 'admin/layout.html.twig' %}
{% block title %}Prospection — WTL{% endblock %}
{% block admin_body %}
<div class="d-flex flex-column flex-md-row justify-content-between gap-3 align-items-md-center mb-4">
    <div><h1 class="h2 mb-1">Prospection</h1><p class="text-secondary mb-0">Chaque ligne représente une campagne ; un même lieu peut être prospecté plusieurs fois.</p></div>
    {% if can_permission('PROSPECTION',2) %}<a class="btn btn-dark" href="{{ path('admin_prospection_new') }}"><i class="bi bi-plus-lg me-1"></i>Ajouter</a>{% endif %}
</div>
<div class="card table-card">
    <div class="card-body border-bottom py-3"><div class="row g-2">
        <div class="col-md-3"><label class="form-label small mb-1">Lieu</label><input class="form-control form-control-sm dt-column-search" data-table-target="#prospection-table" data-column="1" placeholder="Rechercher un lieu"></div>
        <div class="col-md-3"><label class="form-label small mb-1">Ville</label><input class="form-control form-control-sm dt-column-search" data-table-target="#prospection-table" data-column="2" placeholder="Rechercher une ville"></div>
        <div class="col-md-2"><label class="form-label small mb-1">Type</label><select class="form-select form-select-sm dt-filter" data-table-target="#prospection-table" data-column="3"><option value="">Tous</option></select></div>
        <div class="col-md-2"><label class="form-label small mb-1">Priorité</label><select class="form-select form-select-sm dt-filter" data-table-target="#prospection-table" data-column="5"><option value="">Toutes</option></select></div>
        <div class="col-md-2"><label class="form-label small mb-1">Statut</label><select class="form-select form-select-sm dt-filter" data-table-target="#prospection-table" data-column="6"><option value="">Tous</option></select></div>
    </div></div>
    <div class="table-responsive"><table id="prospection-table" class="table table-hover align-middle mb-0 data-table" data-order-column="0" data-order-dir="desc">
        <thead class="table-light"><tr><th>#</th><th>Lieu</th><th>Ville</th><th>Type</th><th>Contact ciblé</th><th>Priorité</th><th>Statut</th><th>Prochaine action</th><th>Créée par</th><th data-orderable="false">Actions</th></tr></thead>
        <tbody>
        {% for p in items %}{% set v=p.venueEntity %}{% set c=p.targetContact ?: (v ? v.primaryContact : null) %}{% set quotes=quotesByProspection[p.id] ?? [] %}{% set invoices=can_permission('INVOICE') ? ((documentsByProspection[p.id] ?? [])|filter(d => d.type == 'invoice' and d.generatedDocumentId)) : [] %}{% set unpaidInvoices=invoices|filter(i => paymentService.status(i) != 'PAID') %}
            <tr>
                <td>{{ p.id }}</td>
                <td class="fw-semibold"><a class="text-dark text-decoration-none" href="{{ path('admin_prospection_show',{id:p.id}) }}">{{ v ? v.name : p.venue }}</a>{% if v and v.approximateBudget %}<div class="small text-secondary">Budget ≈ {{ v.approximateBudget|number_format(0,',',' ') }} €</div>{% endif %}</td>
                <td>{{ v ? v.city : p.city }}</td><td>{{ v and v.venueType ? v.venueType.name : (p.venueType ? p.venueType.name : '—') }}</td>
                <td>{% if c %}<span class="{{ c.primaryContact ? 'fw-bold' : '' }}">{{ c.name }}</span>{% if c.primaryContact %} <span class="badge text-bg-dark">Principal</span>{% endif %}{% else %}—{% endif %}</td>
                <td>{{ p.priority ? p.priority.name : '—' }}</td><td>{{ p.status ? p.status.name : '—' }}</td>
                <td>{{ p.nextAction ?: '—' }}{% if p.nextActionDate %}<div class="small text-secondary">{{ p.nextActionDate|date('d/m/Y') }}</div>{% endif %}</td>
                <td>{{ p.createdBy ? p.createdBy.displayName : '—' }}</td>
                <td class="text-end text-nowrap">
                    <div class="d-flex flex-wrap gap-1 justify-content-end">
                        <a class="btn btn-sm btn-outline-dark" href="{{ path('admin_prospection_show',{id:p.id}) }}"><i class="bi bi-eye me-1"></i>Ouvrir</a>
                        {% if can_permission('PROSPECTION',2) %}<a class="btn btn-sm btn-outline-dark" href="{{ path('admin_prospection_new_from_existing',{id:p.id}) }}" title="Créer une nouvelle prospection pour le même lieu et le même contact"><i class="bi bi-arrow-repeat me-1"></i>Nouvelle</a>{% endif %}
                        {% if can_permission('QUOTE',2) %}<button class="btn btn-sm btn-outline-dark" data-bs-toggle="modal" data-bs-target="#quoteModal-{{ p.id }}"><i class="bi bi-file-earmark-plus me-1"></i>Devis</button>{% elseif can_permission('QUOTE') %}<span class="btn btn-sm btn-outline-secondary disabled"><i class="bi bi-file-earmark-text me-1"></i>Devis</span>{% endif %}
                        {% if can_permission('CONVENTION') %}{% if quotes|length > 0 %}<button class="btn btn-sm btn-outline-dark" data-bs-toggle="modal" data-bs-target="#documentsModal-{{ p.id }}"><i class="bi bi-file-earmark-check me-1"></i>Convention</button>{% else %}<button class="btn btn-sm btn-outline-secondary" disabled title="Créez d’abord un devis"><i class="bi bi-file-earmark-check me-1"></i>Convention</button>{% endif %}{% endif %}
                        {% if unpaidInvoices|length > 0 and can_permission('PAYMENT',2) %}{% set invoice=unpaidInvoices|first %}<button class="btn btn-sm btn-success" data-bs-toggle="modal" data-bs-target="#prospectionPaymentModal-{{ invoice.id }}" title="Enregistrer l'encaissement de {{ invoice.number }}"><i class="bi bi-cash-coin me-1"></i>Paiement</button>{% elseif invoices|length > 0 %}<span class="btn btn-sm btn-outline-success disabled"><i class="bi bi-check-circle me-1"></i>Payée</span>{% endif %}
                        {% if can_permission('DOCUMENT') or can_permission('QUOTE') or can_permission('INVOICE') or can_permission('CONVENTION') or can_permission('TECHNICAL_SHEET') %}<button class="btn btn-sm btn-dark" data-bs-toggle="modal" data-bs-target="#documentsModal-{{ p.id }}"><i class="bi bi-folder2-open me-1"></i>Documents</button>{% endif %}
                    </div>
                </td>
            </tr>
        {% else %}<tr><td colspan="10" class="text-center text-secondary py-5">Aucune prospection.</td></tr>{% endfor %}
        </tbody>
    </table></div>
</div>
{% for p in items %}
    {% if can_permission('QUOTE',2) %}{% include 'admin/prospection/_quote_modal.html.twig' with {prospection:p, quoteLineSettings:quoteLineSettings} %}{% endif %}
    {% include 'admin/prospection/_documents_modal.html.twig' with {prospection:p, quotesByProspection:quotesByProspection, conventionsByQuote:conventionsByQuote} %}
    {% set invoices=can_permission('INVOICE') ? ((documentsByProspection[p.id] ?? [])|filter(d => d.type == 'invoice' and d.generatedDocumentId)) : [] %}
    {% if can_permission('PAYMENT',2) %}
    {% for invoice in invoices %}{% if paymentService.status(invoice) != 'PAID' %}
    <div class="modal fade" id="prospectionPaymentModal-{{ invoice.id }}" tabindex="-1"><div class="modal-dialog"><form class="modal-content" method="post" action="{{ path('admin_accounting_invoice_payment',{id:invoice.id}) }}"><div class="modal-header"><div><h5 class="modal-title mb-0">Encaisser {{ invoice.number }}</h5><div class="small text-secondary">Le solde restant est prérempli.</div></div><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><input type="hidden" name="_token" value="{{ csrf_token('invoice-payment-' ~ invoice.id) }}"><input type="hidden" name="return_route" value="admin_prospection_index"><div class="row g-3"><div class="col-md-6"><label class="form-label">Date</label><input type="date" class="form-control" name="payment_date" value="{{ 'now'|date('Y-m-d') }}" required></div><div class="col-md-6"><label class="form-label">Montant</label><input class="form-control" name="amount" value="{{ paymentService.remaining(invoice)|number_format(2,'.','') }}" required></div><div class="col-md-6"><label class="form-label">Compte</label><select class="form-select" name="account_id"><option value="">—</option>{% for a in financialAccounts %}<option value="{{ a.id }}">{{ a.name }}</option>{% endfor %}</select></div><div class="col-md-6"><label class="form-label">Mode</label><select class="form-select" name="payment_method_id"><option value="">—</option>{% for m in paymentMethods %}<option value="{{ m.id }}">{{ m.name }}</option>{% endfor %}</select></div><div class="col-12"><label class="form-label">Référence</label><input class="form-control" name="reference"></div></div></div><div class="modal-footer"><button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">Annuler</button><button class="btn btn-success">Enregistrer le paiement</button></div></form></div></div>
    {% endif %}{% endfor %}
    {% endif %}
{% endfor %}
{% endblock %}
{% block javascripts %}{{ parent() }}
<script>
document.querySelectorAll('.quote-form').forEach(form => {
    const recalc = () => {
        let total = Number(form.querySelector('[name="artistic_price"]')?.value || 0);
        form.querySelectorAll('.quote-line').forEach(row => {
            const qty = Number(row.querySelector('.quote-qty')?.value || 0);
            const price = Number(row.querySelector('.quote-line-price')?.value || 0);
            const lineTotal = qty * price;
            const out = row.querySelector('.quote-line-total');
            if (out) out.textContent = lineTotal.toLocaleString('fr-FR',{minimumFractionDigits:2,maximumFractionDigits:2}) + ' €';
            total += lineTotal;
        });
        form.querySelector('.quote-grand-total').textContent = total.toLocaleString('fr-FR',{minimumFractionDigits:2,maximumFractionDigits:2}) + ' €';
    };
    form.addEventListener('input', recalc); recalc();
});
</script>
{% endblock %}