{% extends 'admin/layout.html.twig' %}
{% block title %}Prospections — Walk The Line{% endblock %}
{% block admin_body %}
{% set pageActions = [] %}
{% if can_permission('VENUE_CONTACT',2) %}{% set pageActions = pageActions|merge([{label:'Contact terrain',href:path('admin_field_contact_new'),icon:'bi-lightning-charge'}]) %}{% endif %}
{% if can_permission('PROSPECTION',2) %}{% set pageActions = pageActions|merge([{label:'Nouvelle prospection',href:path('admin_prospection_new'),icon:'bi-plus-lg',primary:true}]) %}{% endif %}
{% include 'admin/ui/_page_header.html.twig' with {
    page_eyebrow: 'Commercial',
    page_title: 'Prospections',
    page_subtitle: 'Chaque dossier correspond à un cycle commercial. Une seule prospection active peut exister pour un même projet et un même lieu.',
    page_actions: pageActions
} %}

<details class="prospection-filters mb-3" open>
    <summary><i class="bi bi-funnel me-2" aria-hidden="true"></i>Rechercher et filtrer</summary>
    <div class="row g-2 p-3 pt-2">
        <div class="col-md-4"><label class="form-label small mb-1" for="prospectionVenueFilter">Lieu ou ville</label><input id="prospectionVenueFilter" class="form-control dt-column-search" data-table-target="#prospection-table" data-column="1" placeholder="Rechercher"></div>
        <div class="col-md-4"><label class="form-label small mb-1" for="prospectionPriorityFilter">Priorité</label><select id="prospectionPriorityFilter" class="form-select dt-filter" data-table-target="#prospection-table" data-column="3"><option value="">Toutes</option></select></div>
        <div class="col-md-4"><label class="form-label small mb-1" for="prospectionStatusFilter">Étape</label><select id="prospectionStatusFilter" class="form-select dt-filter" data-table-target="#prospection-table" data-column="4"><option value="">Toutes</option></select></div>
    </div>
</details>

<div class="mobile-card-list prospection-mobile-list">
{% for p in items %}
    {% set venue = p.venueEntity %}{% set contact = p.targetContact ?: (venue ? venue.primaryContact : null) %}
    <article class="card business-card prospection-card">
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-start gap-2">
                <div><div class="small text-secondary">Dossier #{{ p.id }}</div><h2 class="h5 mb-1">{{ venue ? venue.name : p.venue }}</h2><div class="text-secondary small">{{ venue ? venue.city : p.city }}{% if contact %} · {{ contact.name }}{% endif %}</div></div>
                {% if p.status %}<span class="badge text-bg-dark text-wrap">{{ p.status.name }}</span>{% endif %}
            </div>
            {% if p.nextAction %}<div class="next-action-inline mt-3"><span class="small text-secondary">Prochaine action</span><strong>{{ p.nextAction }}</strong>{% if p.nextActionDate %}<time class="small {{ p.nextActionDate < date('today') ? 'text-danger fw-semibold' : 'text-secondary' }}">{{ p.nextActionDate|date('d/m/Y') }}</time>{% endif %}</div>{% endif %}
            <div class="card-actions mt-3">
                <a class="btn btn-dark touch-target flex-grow-1" href="{{ path('admin_prospection_show',{id:p.id}) }}">Ouvrir le dossier</a>
                {% if contact and contact.phone %}<a class="btn btn-outline-secondary icon-only-action" href="tel:{{ contact.phone|replace({' ':''}) }}" aria-label="Appeler {{ contact.name }}"><i class="bi bi-telephone" aria-hidden="true"></i></a>{% endif %}
                <div class="dropdown action-menu"><button class="btn btn-outline-secondary icon-only-action" type="button" data-bs-toggle="dropdown" aria-label="Autres actions"><i class="bi bi-three-dots" aria-hidden="true"></i></button><ul class="dropdown-menu dropdown-menu-end"><li><a class="dropdown-item" href="{{ path('admin_prospection_show',{id:p.id}) }}#documents"><i class="bi bi-folder2-open" aria-hidden="true"></i>Documents</a></li>{% if can_permission('PROSPECTION',2) %}<li><a class="dropdown-item" href="{{ path('admin_prospection_edit',{id:p.id}) }}"><i class="bi bi-pencil" aria-hidden="true"></i>Modifier</a></li>{% endif %}</ul></div>
            </div>
        </div>
    </article>
{% else %}
    {% include 'admin/ui/_empty_state.html.twig' with {empty_icon:'bi-bullseye',empty_title:'Aucune prospection',empty_text:'Créez un premier dossier ou utilisez la saisie terrain.',empty_action:can_permission('PROSPECTION',2) ? {href:path('admin_prospection_new'),label:'Nouvelle prospection'} : null} %}
{% endfor %}
</div>

<div class="card table-card desktop-table-only">
    <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 et ville</th><th>Contact</th><th>Priorité</th><th>Étape</th><th>Prochaine action</th><th>Créée par</th><th data-orderable="false"><span class="visually-hidden">Actions</span></th></tr></thead>
        <tbody>
        {% for p in items %}{% set venue = p.venueEntity %}{% set contact = p.targetContact ?: (venue ? venue.primaryContact : null) %}
            <tr>
                <td>{{ p.id }}</td>
                <td><a class="fw-semibold text-dark text-decoration-none" href="{{ path('admin_prospection_show',{id:p.id}) }}">{{ venue ? venue.name : p.venue }}</a><span class="d-block small text-secondary">{{ venue ? venue.city : p.city }}{% if venue and venue.venueType %} · {{ venue.venueType.name }}{% endif %}</span></td>
                <td>{% if contact %}<strong>{{ contact.name }}</strong><span class="d-block small text-secondary">{{ contact.contactType ? contact.contactType.name : '' }}</span>{% else %}—{% endif %}</td>
                <td>{{ p.priority ? p.priority.name : '—' }}</td>
                <td>{{ p.status ? p.status.name : '—' }}</td>
                <td>{{ p.nextAction ?: '—' }}{% if p.nextActionDate %}<time class="d-block small {{ p.nextActionDate < date('today') ? 'text-danger fw-semibold' : 'text-secondary' }}">{{ p.nextActionDate|date('d/m/Y') }}</time>{% endif %}</td>
                <td>{{ p.createdBy ? p.createdBy.displayName : '—' }}</td>
                <td class="text-end"><div class="d-flex justify-content-end gap-1"><a class="btn btn-sm btn-dark touch-target" href="{{ path('admin_prospection_show',{id:p.id}) }}">Ouvrir</a><div class="dropdown action-menu"><button class="btn btn-sm btn-outline-secondary icon-only-action" type="button" data-bs-toggle="dropdown" aria-label="Autres actions pour {{ venue ? venue.name : p.venue }}"><i class="bi bi-three-dots" aria-hidden="true"></i></button><ul class="dropdown-menu dropdown-menu-end"><li><a class="dropdown-item" href="{{ path('admin_prospection_show',{id:p.id}) }}#documents"><i class="bi bi-folder2-open" aria-hidden="true"></i>Documents</a></li>{% if can_permission('PROSPECTION',2) %}<li><a class="dropdown-item" href="{{ path('admin_prospection_edit',{id:p.id}) }}"><i class="bi bi-pencil" aria-hidden="true"></i>Modifier</a></li><li><a class="dropdown-item" href="{{ path('admin_prospection_new_from_existing',{id:p.id}) }}"><i class="bi bi-arrow-repeat" aria-hidden="true"></i>Nouveau cycle</a></li>{% endif %}</ul></div></div></td>
            </tr>
        {% else %}<tr><td colspan="8" class="text-center text-secondary py-5">Aucune prospection.</td></tr>{% endfor %}
        </tbody>
    </table></div>
</div>
{% endblock %}