{% extends 'contact/base.html.twig' %}
{% block contact_content %}
<a class="ct-back" href="{{ path('app_contacts') }}">← Toutes les consultations</a><div class="ct-heading"><div><div class="ct-eyebrow">NOUVELLE CONSULTATION</div><h1>Préparer le contact.</h1><p>Partez d’une demande existante et indiquez précisément qui contacter et quoi demander.</p></div></div>
{% if errors %}<div class="ct-error" role="alert"><strong>Vérifiez votre brief.</strong><ul>{% for error in errors %}<li>{{ error }}</li>{% endfor %}</ul></div>{% endif %}
{% if requests is empty %}<div class="ct-empty"><h2>Aucun produit réel disponible.</h2><p>Reliez votre compte Radar pour récupérer automatiquement les produits en Sourcing.</p><a class="ct-button ct-primary" href="{{ path('app_radar_sync') }}">Relier le Radar</a></div>{% else %}
<form class="ct-editor" method="post" action="{{ path('app_contacts_new') }}"><input type="hidden" name="_csrf_token" value="{{ csrf_token('contact_create') }}">
<section class="ct-panel"><div class="ct-step-title"><span>01</span><h2>Le produit déjà trouvé</h2></div><label>Demande du portail<select name="requestId" required><option value="">Choisir un produit</option>{% for item in requests %}<option value="{{ item.id }}" {{ values.requestId == item.id ? 'selected' : '' }}>{{ item.externalReference }} · {{ item.title }}</option>{% endfor %}</select></label><p class="ct-caption">Les informations du produit sont reprises en lecture seule. Aucune modification du Radar.</p><div class="ct-form-grid"><label>Quantité souhaitée<input type="number" min="1" max="999999999" name="quantity" value="{{ values.quantity }}" required placeholder="Ex. 600"></label><label>Destination<input name="destination" maxlength="160" value="{{ values.destination }}" required></label><label>Prix unitaire cible, facultatif<input name="targetPrice" inputmode="decimal" value="{{ values.targetPrice }}" placeholder="Ex. 2,40"></label><label>Devise<select name="currency">{% for currency in ['USD','EUR','CNY'] %}<option {{ currency == values.currency ? 'selected' : '' }}>{{ currency }}</option>{% endfor %}</select></label></div></section>
<section class="ct-panel"><div class="ct-step-title"><span>02</span><h2>Les fournisseurs à consulter</h2></div><label>Liens des fournisseurs autorisés<textarea name="supplierTargets" rows="4" required placeholder="Un lien Alibaba ou site fournisseur par ligne">{{ values.supplierTargets }}</textarea></label><p class="ct-caption">Les sites où le produit a été découvert ne sont pas automatiquement des fournisseurs à contacter.</p><label>Points à vérifier<textarea name="requirements" rows="3" maxlength="8000" placeholder="Dimensions, colisage, documents, échantillon…">{{ values.requirements }}</textarea></label></section>
<section class="ct-panel"><div class="ct-step-title"><span>03</span><h2>Le message de prise de contact</h2></div><label>Message à transmettre, dans la langue de votre choix<textarea name="message" rows="7" maxlength="8000" required placeholder="Hello, we are interested in this product. Please quote…">{{ values.message }}</textarea></label><p class="ct-caption">Ce message sera celui du brief approuvé. Une négociation ou un engagement demande une décision de l’équipe.</p></section>
<div class="ct-form-footer"><span class="ct-muted">La mission sera enregistrée en brouillon.</span><button class="ct-button ct-primary">Enregistrer le brief <span aria-hidden="true">→</span></button></div></form>{% endif %}
{% endblock %}