{% extends '@Prospection/prospection/layout.html.twig' %}
{% block prospection_title %}Prospects{% endblock %}
{% block prospection_content %}
<header class="capsule-heading"><div class="capsule-heading-main"><span class="capsule-heading-icon"><i class="ti ti-users-group"></i></span><div class="capsule-heading-content"><h1 class="capsule-heading-title">Prospects</h1><p class="capsule-heading-subtitle">Pilotez votre prospection commerciale, du premier contact au devis.</p></div></div><div class="capsule-heading-actions"><a class="capsule-button capsule-button--primary" href="{{ path('commercial_prospect_new') }}"><i class="ti ti-plus"></i>Nouveau prospect</a></div></header>
<section class="data-kpis" aria-label="Indicateurs prospects">
    <article class="data-kpi data-kpi--indigo"><span class="data-kpi__icon"><i class="ti ti-users"></i></span><div><span>Prospects actifs</span><strong>{{ prospects|length }}</strong><small>Dans le portefeuille</small></div></article>
    <article class="data-kpi data-kpi--violet"><span class="data-kpi__icon"><i class="ti ti-rosette-discount-check"></i></span><div><span>Qualifiés</span><strong>{{ kanban.qualified|default([])|length }}</strong><small>Prêts à avancer</small></div></article>
    <article class="data-kpi data-kpi--orange"><span class="data-kpi__icon"><i class="ti ti-file-description"></i></span><div><span>Devis / négociation</span><strong>{{ kanban.quote|default([])|length + kanban.negotiation|default([])|length }}</strong><small>Opportunités ouvertes</small></div></article>
    <article class="data-kpi data-kpi--green"><span class="data-kpi__icon"><i class="ti ti-trophy"></i></span><div><span>Gagnés</span><strong>{{ kanban.won|default([])|length }}</strong><small>Conversions réussies</small></div></article>
</section>
<form class="prospection-filter-card" method="get">
    <input type="hidden" name="view" value="{{ view }}">
    <div style="grid-column:span 2"><label for="prospect-search">Recherche</label><input id="prospect-search" class="form-control" name="q" value="{{ filters.q }}" placeholder="Nom, ville ou email…"></div>
    <div><label for="prospect-source">Source</label><select id="prospect-source" class="form-select" name="source"><option value="">Toutes les sources</option>{% for source in sources %}<option value="{{ source }}" {{ filters.source == source ? 'selected' }}>{{ source }}</option>{% endfor %}</select></div>
    <button class="capsule-button capsule-button--primary"><i class="ti ti-filter"></i>Filtrer</button>
    <div class="d-flex"><a class="capsule-button {{ view == 'kanban' ? 'capsule-button--primary' : 'capsule-button--secondary' }}" href="{{ path('prospection_prospect_index', filters|merge({view:'kanban'})) }}"><i class="ti ti-layout-kanban"></i></a><a class="capsule-button {{ view == 'list' ? 'capsule-button--primary' : 'capsule-button--secondary' }}" href="{{ path('prospection_prospect_index', filters|merge({view:'list'})) }}"><i class="ti ti-list"></i></a></div>
</form>
{% if view == 'list' %}
    <section class="prospection-table-card table-responsive"><table class="table align-middle"><thead><tr><th>Prospect</th><th>Contact</th><th>Source</th><th>Statut</th><th></th></tr></thead><tbody>{% for prospect in prospects %}<tr><td><a class="fw-semibold" href="{{ path('prospection_prospect_show',{idtoken:prospect.idtoken}) }}">{{ prospect.nom }}</a><small class="d-block text-muted">{{ prospect.ville ?: 'Ville non renseignée' }}</small></td><td>{{ prospect.email ?: '—' }}</td><td>{{ prospect.prospectSource ?: '—' }}</td><td><span class="badge {{ prospect.prospectStatus|prospection_badge_class }}">{{ statuses[prospect.prospectStatus]|default(prospect.prospectStatus|prospection_label) }}</span></td><td><a class="link" href="{{ path('prospection_prospect_edit',{idtoken:prospect.idtoken}) }}"><i class="ti ti-edit"></i></a></td></tr>{% else %}<tr><td colspan="5" class="prospection-empty">Aucun prospect ne correspond à vos filtres.</td></tr>{% endfor %}</tbody></table></section>
{% else %}
    <div class="prospection-kanban" data-controller="prospection-kanban">{% for status,label in statuses %}<section class="prospection-kanban-column"><header><strong>{{ label }}</strong><span class="badge text-bg-light">{{ kanban[status]|default([])|length }}</span></header><div data-prospection-kanban-target="column" data-status="{{ status }}">{% for prospect in kanban[status]|default([]) %}<article class="prospection-kanban-card" draggable="true" data-prospection-kanban-target="card" data-status-url="{{ path('prospection_prospect_status',{idtoken:prospect.idtoken}) }}" data-csrf="{{ csrf_token('prospection_prospect_status_'~prospect.idtoken) }}"><a class="fw-semibold text-decoration-none" href="{{ path('prospection_prospect_show',{idtoken:prospect.idtoken}) }}">{{ prospect.nom }}</a><div class="small text-muted mt-2"><i class="ti ti-map-pin"></i> {{ prospect.ville ?: 'Non renseigné' }}</div><div class="small mt-2 text-truncate">{{ prospect.email }}</div>{% if prospect.prospectSource %}<span class="task-category mt-2">{{ prospect.prospectSource }}</span>{% endif %}</article>{% endfor %}</div></section>{% endfor %}</div>
{% endif %}
{% endblock %}