{% extends 'admin/layout.html.twig' %}
{% block title %}Nouveau contact terrain — Walk The Line{% endblock %}
{% block admin_body %}
{% include 'admin/ui/_page_header.html.twig' with {
    page_eyebrow: 'Saisie rapide',
    page_title: 'Nouveau contact terrain',
    page_subtitle: 'Saisissez uniquement ce que vous connaissez maintenant. Les informations administratives pourront être complétées plus tard.'
} %}

{% if errors %}
<div class="alert alert-danger" role="alert" tabindex="-1" id="fieldCaptureServerErrors">
    <strong>La saisie n’a pas été enregistrée.</strong>
    <ul class="mb-0 mt-2">{% for messages in errors %}{% for message in messages %}<li>{{ message }}</li>{% endfor %}{% endfor %}</ul>
    {% if existingProspectionUrl %}<a class="alert-link" href="{{ existingProspectionUrl }}">Ouvrir la prospection existante</a>{% endif %}
</div>
{% endif %}

<div class="field-capture-layout">
<form method="post" id="fieldCaptureForm" class="field-capture-form" data-prevent-double-submit novalidate
      data-initial-venue="{{ selectedVenue ? selectedVenue|json_encode|e('html_attr') : '' }}"
      data-initial-contact="{{ values.contact_id }}">
    <input type="hidden" name="_token" value="{{ csrf_token('field-contact-capture') }}">
    <input type="hidden" name="force_duplicate" id="fieldCaptureForceDuplicate" value="{{ values.force_duplicate ? '1' : '0' }}">

    <section class="card field-capture-section" aria-labelledby="fieldVenueTitle">
        <div class="card-body">
            <div class="field-step"><span>1</span><div><h2 class="h5 mb-1" id="fieldVenueTitle">Quel lieu avez-vous rencontré ?</h2><p class="text-secondary mb-0">Recherchez d’abord : cela évite les doublons.</p></div></div>
            <div class="choice-cards choice-cards-two mt-3" role="radiogroup" aria-label="Choix du lieu">
                <label class="choice-card"><input type="radio" name="venue_mode" value="existing" {{ values.venue_mode == 'existing' ? 'checked' : '' }}><span><i class="bi bi-search" aria-hidden="true"></i><strong>Lieu existant</strong><small>Retrouver un lieu déjà enregistré</small></span></label>
                <label class="choice-card"><input type="radio" name="venue_mode" value="new" {{ values.venue_mode == 'new' ? 'checked' : '' }}><span><i class="bi bi-building-add" aria-hidden="true"></i><strong>Nouveau lieu</strong><small>Créer une fiche minimale</small></span></label>
            </div>

            <div id="existingVenuePanel" class="mt-3">
                <label for="fieldVenueSearch" class="form-label fw-semibold">Nom, ville ou SIRET</label>
                <div class="input-group">
                    <span class="input-group-text"><i class="bi bi-search" aria-hidden="true"></i></span>
                    <input type="search" class="form-control" id="fieldVenueSearch" autocomplete="off" placeholder="Ex. Le Ferrailleur, Nantes…" data-search-url="{{ path('admin_field_contact_search') }}">
                </div>
                <p class="form-text">Saisissez au moins deux caractères.</p>
                <input type="hidden" name="venue_id" id="fieldVenueId" value="{{ values.venue_id }}">
                <div id="fieldVenueResults" class="field-search-results" role="listbox" aria-label="Lieux trouvés"></div>
                <div id="fieldSelectedVenue" class="selected-venue mt-3 d-none" aria-live="polite"></div>
            </div>

            <div id="newVenuePanel" class="row g-3 mt-1 d-none">
                <div class="col-md-7"><label class="form-label required" for="fieldVenueName">Nom du lieu</label><input class="form-control" id="fieldVenueName" name="venue_name" value="{{ values.venue_name }}" maxlength="180" autocomplete="organization"></div>
                <div class="col-md-5"><label class="form-label required" for="fieldVenueCity">Ville</label><input class="form-control" id="fieldVenueCity" name="venue_city" value="{{ values.venue_city }}" maxlength="120" autocomplete="address-level2"></div>
                <div class="col-md-5"><label class="form-label" for="fieldVenueSiret">SIRET <span class="text-secondary fw-normal">(si connu)</span></label><input class="form-control" id="fieldVenueSiret" name="venue_siret" value="{{ values.venue_siret }}" maxlength="30" inputmode="numeric" autocomplete="off"></div>
                <div class="col-md-7"><label class="form-label" for="fieldVenueWebsite">Site ou réseau social <span class="text-secondary fw-normal">(facultatif)</span></label><input class="form-control" type="url" id="fieldVenueWebsite" name="venue_website" value="{{ values.venue_website }}" maxlength="255" inputmode="url" autocomplete="url" placeholder="https://…"></div>
                <div class="col-12"><div id="fieldDuplicateNotice" class="d-none" aria-live="polite" data-duplicate-url="{{ path('admin_field_contact_duplicates') }}"></div></div>
            </div>

            {% if duplicate %}
            <div class="alert {{ duplicate.kind == 'siret' ? 'alert-danger' : 'alert-warning' }} mt-3" id="serverDuplicateNotice">
                <strong>{{ duplicate.message }}</strong><br>{{ duplicate.venue.name }} — {{ duplicate.venue.city }}
                {% if duplicate.overrideAllowed %}<button type="button" class="btn btn-warning mt-2 d-block" id="fieldForceDuplicateServer">Créer quand même</button>{% endif %}
            </div>
            {% endif %}
        </div>
    </section>

    <section class="card field-capture-section" aria-labelledby="fieldContactTitle">
        <div class="card-body">
            <div class="field-step"><span>2</span><div><h2 class="h5 mb-1" id="fieldContactTitle">Avez-vous un contact ?</h2><p class="text-secondary mb-0">Un lieu peut être enregistré sans contact.</p></div></div>
            <div class="choice-cards choice-cards-three mt-3" role="radiogroup" aria-label="Choix du contact">
                <label class="choice-card"><input type="radio" name="contact_mode" value="none" {{ values.contact_mode == 'none' ? 'checked' : '' }}><span><i class="bi bi-skip-forward" aria-hidden="true"></i><strong>Pas maintenant</strong><small>Enregistrer le lieu seul</small></span></label>
                <label class="choice-card" id="existingContactChoice"><input type="radio" name="contact_mode" value="existing" {{ values.contact_mode == 'existing' ? 'checked' : '' }}><span><i class="bi bi-person-check" aria-hidden="true"></i><strong>Contact existant</strong><small>Choisir dans le lieu</small></span></label>
                <label class="choice-card"><input type="radio" name="contact_mode" value="new" {{ values.contact_mode == 'new' ? 'checked' : '' }}><span><i class="bi bi-person-plus" aria-hidden="true"></i><strong>Nouveau contact</strong><small>Nom et téléphone ou e-mail</small></span></label>
            </div>

            <div id="existingContactPanel" class="mt-3 d-none">
                <label class="form-label required" for="fieldContactId">Contact du lieu</label>
                <select class="form-select" name="contact_id" id="fieldContactId"><option value="">— Choisir —</option></select>
            </div>
            <div id="newContactPanel" class="row g-3 mt-1 d-none">
                <div class="col-md-6"><label class="form-label required" for="fieldContactName">Nom</label><input class="form-control" id="fieldContactName" name="contact_name" value="{{ values.contact_name }}" maxlength="140" autocomplete="name"></div>
                <div class="col-md-6"><label class="form-label" for="fieldContactType">Fonction <span class="text-secondary fw-normal">(facultatif)</span></label><select class="form-select" id="fieldContactType" name="contact_type_id"><option value="">— Non précisée —</option>{% for type in contactTypes %}<option value="{{ type.id }}" {{ values.contact_type_id == type.id ? 'selected' : '' }}>{{ type.name }}</option>{% endfor %}</select></div>
                <div class="col-md-6"><label class="form-label" for="fieldContactPhone">Téléphone</label><input class="form-control" id="fieldContactPhone" name="contact_phone" value="{{ values.contact_phone }}" maxlength="50" type="tel" inputmode="tel" autocomplete="tel"></div>
                <div class="col-md-6"><label class="form-label" for="fieldContactEmail">E-mail</label><input class="form-control" id="fieldContactEmail" name="contact_email" value="{{ values.contact_email }}" maxlength="180" type="email" inputmode="email" autocomplete="email"></div>
                <div class="col-12"><div class="form-text">Le nom et au moins un téléphone ou un e-mail sont obligatoires.</div></div>
            </div>
        </div>
    </section>

    <section class="card field-capture-section" aria-labelledby="fieldIntentTitle">
        <div class="card-body">
            <div class="field-step"><span>3</span><div><h2 class="h5 mb-1" id="fieldIntentTitle">Que souhaitez-vous faire maintenant ?</h2><p class="text-secondary mb-0">Ce choix détermine si une prospection est créée et si le premier échange est daté.</p></div></div>
            <div class="choice-cards choice-cards-three mt-3 field-intentions" role="radiogroup" aria-label="Suite de la saisie terrain">
                <label class="choice-card"><input type="radio" name="intention" value="venue_only" {{ values.intention == 'venue_only' or not canProspect ? 'checked' : '' }}><span><i class="bi bi-save" aria-hidden="true"></i><strong>Enregistrer seulement</strong><small>Lieu et contact, sans prospection</small></span></label>
                {% if canProspect %}
                <label class="choice-card"><input type="radio" name="intention" value="prospection_later" {{ values.intention == 'prospection_later' ? 'checked' : '' }}><span><i class="bi bi-clock" aria-hidden="true"></i><strong>Créer une prospection</strong><small>Le premier contact reste à faire</small></span></label>
                <label class="choice-card choice-card-recommended"><input type="radio" name="intention" value="initial_contact_now" {{ values.intention == 'initial_contact_now' ? 'checked' : '' }}><span><span class="badge text-bg-dark">Présélectionné ici</span><i class="bi bi-chat-dots" aria-hidden="true"></i><strong>Premier échange réalisé maintenant</strong><small>Créer la prospection et dater ce premier échange aujourd’hui</small></span></label>
                {% endif %}
            </div>
            {% if not canProspect %}<p class="alert alert-info mt-3 mb-0">Votre profil permet d’enregistrer le lieu et le contact, mais pas de créer une prospection.</p>{% endif %}

            <div id="prospectionDetails" class="row g-3 mt-1 {{ canProspect ? '' : 'd-none' }}">
                <div class="col-md-6" id="initialChannelField"><label class="form-label" for="fieldInitialChannel">Canal du premier échange <span class="text-secondary fw-normal">(facultatif)</span></label><select class="form-select" id="fieldInitialChannel" name="initial_channel_id"><option value="">— Non précisé —</option>{% for channel in contactChannels %}<option value="{{ channel.id }}" {{ values.initial_channel_id == channel.id ? 'selected' : '' }}>{{ channel.name }}</option>{% endfor %}</select></div>
                <div class="col-12"><label class="form-label" for="fieldNotes">Note rapide <span class="text-secondary fw-normal">(facultatif)</span></label><textarea class="form-control" id="fieldNotes" name="notes" rows="3" maxlength="5000" placeholder="Contexte de la rencontre, besoin évoqué, moment prévu pour rappeler…">{{ values.notes }}</textarea></div>
            </div>
        </div>
    </section>

    <div class="field-capture-feedback" id="fieldCaptureFeedback" aria-live="assertive" aria-atomic="true"></div>
    <div class="bottom-action-bar field-capture-actions">
        <a class="btn btn-outline-secondary touch-target" href="{{ adminHomePath }}">Annuler</a>
        <button class="btn btn-dark btn-lg touch-target" type="submit" data-loading-label="Enregistrement…"><i class="bi bi-check2-circle" aria-hidden="true"></i>Enregistrer</button>
    </div>
</form>

<aside class="field-capture-help d-none d-xl-block" aria-label="Aide à la saisie">
    <div class="card border-0 shadow-sm"><div class="card-body">
        <h2 class="h6"><i class="bi bi-lightning-charge me-2" aria-hidden="true"></i>Objectif : moins d’une minute</h2>
        <ol class="small text-secondary ps-3 mb-0"><li>Retrouvez ou nommez le lieu.</li><li>Ajoutez le contact si vous l’avez.</li><li>Confirmez ce qui s’est réellement passé.</li></ol>
        <hr><p class="small mb-0"><strong>Vous pourrez tout compléter plus tard</strong> depuis Lieux et contacts ou depuis la prospection.</p>
    </div></div>
</aside>
</div>
{% endblock %}

{% block javascripts %}{{ parent() }}
<script src="{{ asset('js/field-contact-capture.js') }}"></script>
{% endblock %}