{% extends '@Prospection/prospection/layout.html.twig' %}
{% block prospection_title %}Prospects contactés{% endblock %}
{% block prospection_content %}
<header class="capsule-heading">
    <div class="capsule-heading-main"><span class="capsule-heading-icon"><i class="ti ti-address-book"></i></span><div class="capsule-heading-content"><h1 class="capsule-heading-title">Prospects contactés</h1><p class="capsule-heading-subtitle">Consignez vos échanges et identifiez les contacts prêts à devenir prospects.</p></div></div>
    <div class="capsule-heading-actions"><a class="capsule-button capsule-button--secondary" href="{{ path('prospection_dashboard') }}"><i class="ti ti-arrow-left"></i>Planning</a></div>
</header>
<div class="row g-4">
    <div class="col-xl-4"><section class="prospection-panel"><h2 class="capsule-card-heading mb-3">Ajouter un contact</h2><form method="post" action="{{ path('prospection_contact_new') }}"><input type="hidden" name="_token" value="{{ csrf_token('prospection_contact_create') }}"><label class="form-label">Cible existante</label><select class="form-select mb-3" name="contact[leadId]"><option value="">Nouvelle cible</option>{% for lead in leads %}<option value="{{ lead.id }}">{{ lead.companyName ?: lead.name }}</option>{% endfor %}</select><label class="form-label">Nom</label><input class="form-control mb-3" name="contact[name]"><label class="form-label">Entreprise</label><input class="form-control mb-3" name="contact[companyName]"><label class="form-label">Email</label><input type="email" class="form-control mb-3" name="contact[email]"><div class="row g-3"><div class="col-md-6"><label class="form-label">Canal</label><select class="form-select" name="contact[channel]">{% for value in ['email','linkedin','telephone'] %}<option value="{{ value }}">{{ value|prospection_label }}</option>{% endfor %}</select></div><div class="col-md-6"><label class="form-label">Résultat</label><select class="form-select" name="contact[result]">{% for value in ['contacted','replied','interested','not_interested','meeting_booked','qualified','no_response','lost'] %}<option value="{{ value }}">{{ value|prospection_label }}</option>{% endfor %}</select></div></div><label class="form-label mt-3">Notes</label><textarea class="form-control mb-3" rows="4" name="contact[notes]"></textarea><button class="capsule-button capsule-button--primary w-100"><i class="ti ti-device-floppy"></i>Enregistrer</button></form></section></div>
    <div class="col-xl-8"><section class="prospection-panel"><h2 class="capsule-card-heading mb-2">Historique</h2>{% for log in logs %}<div class="reserve-row"><div><strong>{{ log.lead ? (log.lead.companyName ?: log.lead.name) : 'Contact' }}</strong><small>{{ log.contactDate|date('d/m/Y H:i') }} · {{ log.channel|prospection_label }} · {{ log.result|prospection_label }}</small></div>{% if log.lead and log.lead.status != 'converted' and log.result in ['interested','qualified','meeting_booked'] %}<form method="post" action="{{ path('prospection_contact_convert_to_prospect',{idtoken:log.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('prospection_contact_convert_'~log.idtoken) }}"><button class="capsule-button capsule-button--success capsule-button--small">Convertir en prospect</button></form>{% endif %}</div>{% else %}<p class="prospection-empty">Aucun contact enregistré.</p>{% endfor %}</section></div>
</div>
{% endblock %}