{# Bloc « Traitement » guidé — remplace l'ancien « Suivi des colis ».
   Lecture de bas en haut : la demande démarre en bas (dépôt), chaque étape
   franchie s'empile, l'étape EN COURS est le bloc de gestion tout en haut.
   Fil conducteur plein entre étapes passées, pointillé vers l'étape en cours.
   Rechargé en AJAX (?fragment=1) après chaque action : pas de refresh page.

   Attendu : demande, transporteurs, peutSaisirAller, peutSaisirRetour,
             allerTrackable, retourTrackable #}

{% set s = demande.statut.value %}
{% set allerPose = demande.numSuiviAller is not empty %}
{% set retourPose = demande.numSuiviRetour is not empty %}
{% set currentStep = s == 'nouvelle' ? 'validation'
    : (s == 'validee' and not allerPose ? 'aller'
    : (s == 'validee' ? 'reception'
    : (s == 'recue' ? 'retour'
    : (s == 'expediee' ? 'livraison' : null)))) %}

{# Macro : saisie d'un numéro de suivi (formulaire compact réutilisé aller/retour). #}
{% macro trackingForm(sens, transporteurs, transporteur, numero, url) %}
    {% set libre = transporteur and transporteur.value == 'libre' %}
    <div class="adm-form-row">
        <div class="adm-field">
            <select id="flow-{{ sens }}-transporteur" data-flow-carrier>
                {% for t in transporteurs %}
                    <option value="{{ t.value }}"
                            {{ transporteur ? (transporteur.value == t.value ? 'selected') : (t.value == 'colissimo' ? 'selected') }}>
                        {{ t.label }}
                    </option>
                {% endfor %}
            </select>
            <label for="flow-{{ sens }}-transporteur">Transporteur</label>
        </div>
        <div class="adm-field">
            <input type="text" id="flow-{{ sens }}-numero" placeholder=" " maxlength="100" value="{{ numero }}" data-flow-number>
            <label for="flow-{{ sens }}-numero">N° de suivi</label>
        </div>
    </div>
    <div class="adm-field" data-flow-url-wrap {{ libre ? '' : 'hidden' }}>
        <input type="url" id="flow-{{ sens }}-url" placeholder=" " maxlength="300" value="{{ url }}" data-flow-url>
        <label for="flow-{{ sens }}-url">Lien de suivi (mode libre)</label>
    </div>
    <button type="button" class="adm-btn adm-btn--ghost adm-btn--sm" data-flow-verify>Vérifier le numéro</button>
{% endmacro %}

{# Macro : résumé compact du suivi d'un colis (étapes passées). #}
{% macro trackingSummary(sens, transporteur, numero, publicUrl, lastStatus, checkedAt, deliveredAt, trackable) %}
    <p class="aff-leg-num" style="margin:6px 0 0;">
        <span class="aff-leg-carrier">{{ transporteur ? transporteur.label : 'Transporteur inconnu' }}</span>
        <span class="aff-leg-code">{{ numero }}</span>
        {% if lastStatus %}
            <span class="adm-badge adm-badge--{{ lastStatus.value == 'probleme' ? 'red' : (lastStatus.value == 'livre' ? 'green' : 'neutral') }}">{{ lastStatus.label }}</span>
        {% endif %}
        {% if publicUrl %}<a href="{{ publicUrl }}" target="_blank" rel="noopener">suivi public ↗</a>{% endif %}
        {% if trackable %}
            <button type="button" class="adm-btn adm-btn--ghost adm-btn--sm" data-flow-track="{{ sens }}">Actualiser</button>
        {% endif %}
    </p>
    {% if checkedAt %}
        <p class="aff-leg-checked" style="margin:4px 0 0;">Vérifié le {{ checkedAt|date('d/m/Y à H:i') }}{% if deliveredAt %} · livré le {{ deliveredAt|date('d/m/Y à H:i') }}{% endif %}</p>
    {% endif %}
{% endmacro %}

{% import _self as flow %}

<div class="adm-card-title">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" width="18" height="18"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="M22 4 12 14.01l-3-3"/></svg>
    Traitement
</div>

{# Badge de statut recopié dans l'en-tête de page par le JS après refresh AJAX. #}
<div data-flow-badge hidden>{% include 'gestion/affutages/_status_badge.html.twig' with { statut: demande.statut } only %}</div>

{# ---------- États terminaux : bandeau, pas d'étape en cours ---------- #}
{% if s == 'refusee' %}
    <div class="aff-flow-final aff-flow-final--refus">
        <strong>Demande refusée</strong>{% if demande.updatedAt %} le {{ demande.updatedAt|date('d/m/Y') }}{% endif %}.
        {% if demande.motifRefus %}<div style="margin-top:6px;">Motif : {{ demande.motifRefus|nl2br }}</div>{% endif %}
    </div>
{% elseif s == 'livree' %}
    <div class="aff-flow-final aff-flow-final--ok">
        <strong>Demande terminée</strong> — lames livrées à l'établissement{% if demande.trackingDeliveredAtRetour %} le {{ demande.trackingDeliveredAtRetour|date('d/m/Y à H:i') }}{% endif %}.
    </div>
{% endif %}

{# ---------- Étape en cours (bloc de gestion, en haut du fil) ---------- #}
{% if currentStep %}
    <div class="aff-flow-current" data-flow-scope>
        <span class="aff-flow-tag">Étape en cours</span>

        {% if currentStep == 'validation' %}
            <h3 class="aff-flow-step-title">Validation de la demande</h3>
            <p class="aff-adm-hint">Vérifiez le volume annoncé puis validez : l'établissement recevra les instructions d'expédition de ses lames.</p>
            <label class="adm-check aff-flow-notify">
                <input type="checkbox" data-flow-notify checked>
                <span>Envoyer un email de confirmation de cette étape au client ?</span>
            </label>
            <div class="aff-flow-actions">
                <button type="button" class="adm-btn" data-flow-status="valider"
                        data-flow-confirm="Passer l'état de cette demande en « Validée — en attente des lames » ?"
                        data-flow-ok="Valider la demande">
                    Valider la demande <span aria-hidden="true">→</span>
                </button>
                <button type="button" class="adm-btn adm-btn--danger adm-btn--sm" data-flow-refuse-toggle>Refuser…</button>
            </div>
            <div hidden data-flow-refuse-bloc style="margin-top:14px;">
                <div class="adm-field">
                    <textarea data-flow-refuse-motif placeholder=" " rows="3" maxlength="500"></textarea>
                    <label>Motif du refus (transmis au client)</label>
                </div>
                <button type="button" class="adm-btn adm-btn--danger adm-btn--sm" style="margin-top:10px;"
                        data-flow-status="refuser"
                        data-flow-confirm="Passer l'état de cette demande en « Refusée » ? Cette action est définitive."
                        data-flow-ok="Refuser la demande">
                    Confirmer le refus
                </button>
            </div>

        {% elseif currentStep == 'aller' %}
            <h3 class="aff-flow-step-title">Expédition du colis vers l'atelier</h3>
            <p class="aff-adm-hint">Dès que l'établissement a remis son colis au transporteur, enregistrez le numéro de suivi : le client reçoit le lien de suivi et vous verrez le colis arriver.</p>
            {{ flow.trackingForm('aller', transporteurs, demande.transporteurAller, demande.numSuiviAller, demande.trackingUrlAller) }}
            <label class="adm-check aff-flow-notify">
                <input type="checkbox" data-flow-notify checked>
                <span>Envoyer un email de confirmation de cette étape au client ?</span>
            </label>
            <div class="aff-flow-actions">
                <button type="button" class="adm-btn" data-flow-tracking="aller"
                        data-flow-confirm="Enregistrer ce suivi et marquer le colis comme expédié depuis l'établissement vers l'atelier ?"
                        data-flow-ok="Colis expédié">
                    Colis expédié depuis l'établissement vers l'atelier <span aria-hidden="true">→</span>
                </button>
                <button type="button" class="adm-btn adm-btn--ghost" data-flow-status="recue"
                        data-flow-confirm="Passer l'état de cette demande en « Lames reçues — affûtage en cours » ? (sans suivi aller)"
                        data-flow-ok="Valider la réception">
                    Colis déjà reçu — valider la réception <span aria-hidden="true">→</span>
                </button>
            </div>

        {% elseif currentStep == 'reception' %}
            <h3 class="aff-flow-step-title">Réception à l'atelier</h3>
            <p class="aff-adm-hint">Le colis est en route. Dès qu'il arrive à l'atelier, validez la réception : le client saura que ses lames sont entre vos mains et l'affûtage peut commencer.</p>
            <label class="adm-check aff-flow-notify">
                <input type="checkbox" data-flow-notify checked>
                <span>Envoyer un email de confirmation de cette étape au client ?</span>
            </label>
            <div class="aff-flow-actions">
                <button type="button" class="adm-btn" data-flow-status="recue"
                        data-flow-confirm="Passer l'état de cette demande en « Lames reçues — affûtage en cours » ?"
                        data-flow-ok="Valider la réception">
                    Valider la réception à l'atelier <span aria-hidden="true">→</span>
                </button>
            </div>

        {% elseif currentStep == 'retour' %}
            <h3 class="aff-flow-step-title">Affûtage terminé — expédition du retour</h3>
            <p class="aff-adm-hint">Une fois les lames affûtées et le colis retour déposé chez le transporteur, enregistrez son suivi : la demande passe en « Retour expédié » et le client reçoit « vos lames sont en route ».</p>
            {{ flow.trackingForm('retour', transporteurs, demande.transporteurRetour, demande.numSuiviRetour, demande.trackingUrlRetour) }}
            <label class="adm-check aff-flow-notify">
                <input type="checkbox" data-flow-notify checked>
                <span>Envoyer un email de confirmation de cette étape au client ?</span>
            </label>
            <div class="aff-flow-actions">
                <button type="button" class="adm-btn" data-flow-tracking="retour"
                        data-flow-confirm="Passer l'état de cette demande en « Retour expédié » ?"
                        data-flow-ok="Colis retour expédié">
                    Colis retour expédié vers l'établissement <span aria-hidden="true">→</span>
                </button>
            </div>

        {% elseif currentStep == 'livraison' %}
            <h3 class="aff-flow-step-title">Livraison à l'établissement</h3>
            <p class="aff-adm-hint">Le retour est en route. La synchro du suivi passera la demande en « Livrée » automatiquement (toutes les 2 h) — ou validez-la manuellement dès confirmation. Aucun email client pour cette étape.</p>
            <div class="aff-flow-actions">
                <button type="button" class="adm-btn" data-flow-status="livree"
                        data-flow-confirm="Passer l'état de cette demande en « Livrée » ?"
                        data-flow-ok="Marquer livrée">
                    Valider la livraison à l'établissement <span aria-hidden="true">→</span>
                </button>
            </div>
        {% endif %}
    </div>

    <div class="aff-flow-link" aria-hidden="true"></div>
{% endif %}

{# ---------- Étapes passées (de la plus récente à l'origine, le fil descend) ---------- #}
<ol class="aff-flow-past">
    {% if s == 'livree' %}
        <li class="aff-flow-step is-done">
            <div class="aff-flow-step-title">Livraison à l'établissement</div>
            {% if demande.trackingDeliveredAtRetour %}<div class="aff-flow-step-date">le {{ demande.trackingDeliveredAtRetour|date('d/m/Y à H:i') }}</div>{% endif %}
        </li>
    {% endif %}

    {% if retourPose and s in ['expediee', 'livree'] %}
        <li class="aff-flow-step is-done" data-flow-scope>
            <div class="aff-flow-step-title">Colis retour expédié vers l'établissement</div>
            {{ flow.trackingSummary('retour', demande.transporteurRetour, demande.numSuiviRetour, demande.trackingPublicUrlRetour, demande.trackingLastStatusRetour, demande.trackingLastCheckedAtRetour, demande.trackingDeliveredAtRetour, retourTrackable) }}
            {% if peutSaisirRetour %}
                <button type="button" class="adm-btn adm-btn--ghost adm-btn--sm" style="margin-top:8px;" data-flow-edit-toggle>Corriger le n°…</button>
                <div hidden data-flow-edit-bloc style="margin-top:10px;">
                    {{ flow.trackingForm('retour-edit', transporteurs, demande.transporteurRetour, demande.numSuiviRetour, demande.trackingUrlRetour) }}
                    <label class="adm-check aff-flow-notify">
                        <input type="checkbox" data-flow-notify>
                        <span>Prévenir le client du nouveau numéro ?</span>
                    </label>
                    <button type="button" class="adm-btn adm-btn--sm" data-flow-tracking="retour"
                            data-flow-confirm="Remplacer le numéro de suivi retour ? La timeline de suivi repart de zéro."
                            data-flow-ok="Corriger le suivi">
                        Mettre à jour le suivi retour
                    </button>
                </div>
            {% endif %}
        </li>
    {% endif %}

    {% if s in ['recue', 'expediee', 'livree'] %}
        <li class="aff-flow-step is-done">
            <div class="aff-flow-step-title">Lames reçues à l'atelier — affûtage</div>
        </li>
    {% endif %}

    {% if allerPose %}
        <li class="aff-flow-step is-done" data-flow-scope>
            <div class="aff-flow-step-title">Colis expédié depuis l'établissement vers l'atelier</div>
            {{ flow.trackingSummary('aller', demande.transporteurAller, demande.numSuiviAller, demande.trackingPublicUrlAller, demande.trackingLastStatusAller, demande.trackingLastCheckedAtAller, demande.trackingDeliveredAtAller, allerTrackable) }}
            {% if peutSaisirAller %}
                <button type="button" class="adm-btn adm-btn--ghost adm-btn--sm" style="margin-top:8px;" data-flow-edit-toggle>Corriger le n°…</button>
                <div hidden data-flow-edit-bloc style="margin-top:10px;">
                    {{ flow.trackingForm('aller-edit', transporteurs, demande.transporteurAller, demande.numSuiviAller, demande.trackingUrlAller) }}
                    <label class="adm-check aff-flow-notify">
                        <input type="checkbox" data-flow-notify>
                        <span>Prévenir le client du nouveau numéro ?</span>
                    </label>
                    <button type="button" class="adm-btn adm-btn--sm" data-flow-tracking="aller"
                            data-flow-confirm="Remplacer le numéro de suivi aller ? La timeline de suivi repart de zéro."
                            data-flow-ok="Corriger le suivi">
                        Mettre à jour le suivi aller
                    </button>
                </div>
            {% endif %}
        </li>
    {% endif %}

    {% if s != 'nouvelle' %}
        <li class="aff-flow-step {{ s == 'refusee' ? 'is-refused' : 'is-done' }}">
            <div class="aff-flow-step-title">{{ s == 'refusee' ? 'Demande refusée' : 'Validation de la demande' }}</div>
            {% if s == 'refusee' and demande.motifRefus %}<div class="aff-flow-step-date">{{ demande.motifRefus }}</div>{% endif %}
        </li>
    {% endif %}

    <li class="aff-flow-step is-done is-origin">
        <div class="aff-flow-step-title">Demande déposée</div>
        <div class="aff-flow-step-date">le {{ demande.createdAt|date('d/m/Y à H:i') }} · {{ demande.nbCouteaux }} couteau{{ demande.nbCouteaux > 1 ? 'x' }}{% if demande.nbAutres > 0 %} + {{ demande.nbAutres }} autre{{ demande.nbAutres > 1 ? 's' }}{% endif %}</div>
    </li>
</ol>