{% extends '@Prospection/prospection/layout.html.twig' %}
{% block prospection_title %}{{ prospect.nom }}{% endblock %}
{% block prospection_content %}
<header class="capsule-heading"><div class="capsule-heading-main"><a class="capsule-button capsule-button--secondary capsule-button--icon" href="{{ path('prospection_prospect_index') }}"><i class="ti ti-arrow-left"></i></a><div class="capsule-heading-content"><h1 class="capsule-heading-title">{{ prospect.nom }}</h1><p class="capsule-heading-subtitle"><span class="badge {{ prospect.prospectStatus|prospection_badge_class }}">{{ statuses[prospect.prospectStatus]|default('Nouveau') }}</span></p></div></div><div class="capsule-heading-actions"><a class="capsule-button capsule-button--secondary" href="{{ path('prospection_prospect_activity_new',{idtoken:prospect.idtoken}) }}" data-turbo-frame="frame_modal"><i class="ti ti-calendar-plus"></i>Activité</a><a class="capsule-button capsule-button--secondary" href="{{ path('billing_document_new',{type:'quote',clientId:prospect.id}) }}"><i class="ti ti-file-description"></i>Créer un devis</a><a class="capsule-button capsule-button--primary" href="{{ path('prospection_prospect_edit',{idtoken:prospect.idtoken}) }}"><i class="ti ti-edit"></i>Modifier</a></div></header>
<div class="row g-4"><div class="col-xl-8">
    <section class="prospection-panel mb-4"><h2 class="capsule-card-heading mb-3">Informations</h2><dl class="row mb-0"><dt class="col-sm-3">Email</dt><dd class="col-sm-9">{{ prospect.email ?: '—' }}</dd><dt class="col-sm-3">Téléphone</dt><dd class="col-sm-9">{{ prospect.telephone ?: '—' }}</dd><dt class="col-sm-3">Adresse</dt><dd class="col-sm-9">{{ prospect.adresse }}, {{ prospect.codePostal }} {{ prospect.ville }}</dd><dt class="col-sm-3">SIRET</dt><dd class="col-sm-9">{{ prospect.siret ?: '—' }}</dd><dt class="col-sm-3">Notes</dt><dd class="col-sm-9">{{ prospect.notesCommerciales|default('—')|nl2br }}</dd></dl></section>
    <section class="prospection-table-card mb-4"><div class="panel-title p-3 mb-0"><h2 class="capsule-card-heading">Activités</h2><a class="capsule-button capsule-button--primary capsule-button--small" href="{{ path('prospection_prospect_activity_new',{idtoken:prospect.idtoken}) }}" data-turbo-frame="frame_modal"><i class="ti ti-plus"></i>Ajouter</a></div>{% include '@Prospection/prospection/prospect/_activity_table.html.twig' with {prospect: prospect, activities: activities} only %}</section>
    <section class="prospection-table-card"><div class="panel-title p-3 mb-0"><h2 class="capsule-card-heading">Devis</h2><a class="capsule-button capsule-button--primary capsule-button--small" href="{{ path('billing_document_new',{type:'quote',clientId:prospect.id}) }}"><i class="ti ti-plus"></i>Créer un devis</a></div><div class="table-responsive"><table class="table align-middle"><thead><tr><th>Numéro</th><th>Date</th><th>Statut</th><th>Total TTC</th></tr></thead><tbody>{% for quote in quotes %}<tr><td><a href="{{ path('billing_document_show',{idtoken:quote.idtoken}) }}">{{ quote.number ?: 'Brouillon' }}</a></td><td>{{ quote.issueDate ? quote.issueDate|date('d/m/Y') : '—' }}</td><td><span class="badge {{ quote.status|prospection_badge_class }}">{{ quote.status|prospection_label }}</span></td><td>{{ quote.totalTtc|number_format(2, ',', ' ') }} €</td></tr>{% else %}<tr><td colspan="4" class="prospection-empty">Aucun devis pour ce prospect.</td></tr>{% endfor %}</tbody></table></div></section>
</div><aside class="col-xl-4"><section class="prospection-panel mb-4"><h2 class="capsule-card-heading mb-3">Avancement</h2><form method="post" action="{{ path('prospection_prospect_status',{idtoken:prospect.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('prospection_prospect_status_'~prospect.idtoken) }}"><select class="form-select mb-3" name="status">{% for value,label in statuses %}<option value="{{ value }}" {{ prospect.prospectStatus == value ? 'selected' }}>{{ label }}</option>{% endfor %}</select><button class="capsule-button capsule-button--secondary w-100">Mettre à jour</button></form></section><section class="prospection-panel"><h2 class="capsule-card-heading mb-3">Conversion</h2><p class="text-muted">La conversion conserve les devis et l’historique commercial.</p><form method="post" action="{{ path('prospection_prospect_convert',{idtoken:prospect.idtoken}) }}" data-action="submit->prospection-ui#confirm" data-confirm="Convertir ce prospect en client ?"><input type="hidden" name="_token" value="{{ csrf_token('prospection_prospect_convert_'~prospect.idtoken) }}"><button class="capsule-button capsule-button--success w-100"><i class="ti ti-user-check"></i>Convertir en client</button></form></section></aside></div>
{% endblock %}