{% extends 'contact/base.html.twig' %}
{% block contact_content %}
<div class="ct-eyebrow"><span class="ct-dot"></span> PORTAIL PÉPITE <span class="ct-pill">Consultations réelles</span></div>
<div class="ct-heading"><div><h1>Consulter les fournisseurs.</h1><p>Vos produits sont déjà trouvés. Préparez les échanges, rassemblez les offres et gardez la décision.</p></div><a class="ct-button ct-primary" href="{{ path('app_contacts_new') }}">Nouvelle consultation <span aria-hidden="true">↗</span></a></div>
<div class="ct-process"><span><b>01</b> Produit issu du Radar</span><span><b>02</b> Consultation des fournisseurs</span><span><b>03</b> Comparaison par PÉPITE</span></div>
<div class="ct-intro-grid">
    <section class="ct-start"><div class="ct-eyebrow">À PARTIR DU RADAR</div><h2>Consulter pour un produit déjà repéré.</h2><p>Les produits en Sourcing arrivent automatiquement depuis le Radar connecté. Préparez ensuite la quantité, les fournisseurs et le message de votre consultation.</p><a class="ct-button ct-light" href="{{ path('app_radar_sync') }}">Synchronisation Radar <span aria-hidden="true">→</span></a><span class="ct-caption">Données d’origine conservées dans le portail</span></section>
    <section class="ct-connection"><div class="ct-eyebrow">VOTRE ASSISTANT</div><h2>Confiez le brief à Accio.</h2><p>Ouvrez une consultation au connecteur, puis demandez à Accio de contacter les fournisseurs autorisés. Les réponses reçues reviennent dans votre comparatif.</p><a href="{{ path('app_contacts_connection') }}" class="ct-text-link">Utiliser le connecteur <span aria-hidden="true">→</span></a><div class="ct-note">Les missions restent en brouillon jusqu’à votre validation.</div></section>
</div>
<div class="ct-section-heading"><h2>Vos consultations <span class="ct-count">{{ missions|length }}</span></h2><span class="ct-muted">De la plus récente à la plus ancienne</span></div>
{% if missions is empty %}<div class="ct-empty"><h3>Votre première consultation commence ici.</h3><p>Choisissez un produit réel déjà importé dans le portail. Si la liste est vide, reliez le Radar avant de préparer la consultation.</p></div>{% else %}
<div class="ct-list">{% for mission in missions %}<a class="ct-list-row" href="{{ path('app_contacts_show', {id: mission.id}) }}"><div class="ct-product-mark" aria-hidden="true">{{ '%02d'|format(mission.id) }}</div><div class="ct-list-main"><span class="ct-eyebrow">{{ mission.request.externalReference }} {% if mission.demo %}<span class="ct-pill ct-sand">Fictif</span>{% endif %}</span><h3>{{ mission.request.title }}</h3><p>{{ mission.brief.quantity|number_format(0, ',', ' ') }} pièces · {{ mission.brief.destination }} · {{ mission.createdAt|date('d/m/Y') }}</p></div><div class="ct-list-status"><span class="ct-pill {{ mission.replies|length ? 'ct-green' : '' }}">{{ mission.status }}</span><span class="ct-caption">{{ mission.replies|length }} réponse{{ mission.replies|length > 1 ? 's' : '' }}</span></div><span class="ct-arrow" aria-hidden="true">↗</span></a>{% endfor %}</div>{% endif %}
{% endblock %}