{% extends 'base.html.twig' %}

{% block title %}Mes affûtages — Vulcan' Affûtage{% endblock %}
{% block metaDesc %}Suivez vos demandes d'affûtage professionnelles : statut, réception des lames et suivi du colis retour.{% endblock %}
{% block canonical %}mes-affutages{% endblock %}
{% block seoIndex %}<meta name="robots" content="noindex, follow">{% endblock %}
{% block headerCompte %}gColor{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('styles/ds-v2.css') }}">
    <link rel="stylesheet" href="{{ asset('styles/ds-v2-pages.css') }}">
{% endblock %}

{% block body %}
<main class="nhp-main">

    <section class="v2-phero" data-v2-hero>
        <div class="nhp-wrap">
            <span class="nhp-eyebrow">Espace client</span>
            <h1 class="v2-phero-title">Mes <em>affûtages</em>.</h1>
            <p class="v2-phero-sub">Vos demandes d'affûtage professionnelles, de la validation au retour des lames.</p>
        </div>
    </section>

    <section class="nhp-section nhp-section--light">
        <div class="nhp-wrap">
            {% include 'compte/_tabs.html.twig' with { current: 'affutages' } only %}

            <div class="acc-panel nhp-reveal d1">
                {% if demandes is empty %}
                    <h2 class="nhp-h2" style="font-size:1.4rem;margin-bottom:8px;">Aucun affûtage pour l'instant.</h2>
                    <p class="pdet-desc" style="margin-bottom:22px;">
                        Les demandes d'affûtage validées avec l'adresse email de votre compte apparaîtront ici —
                        y compris celles déposées avant la création du compte.
                    </p>
                    <a href="{{ path('app_affutage') }}#pro" class="nhp-btn nhp-btn--primary">Déposer une demande d'affûtage</a>
                {% else %}
                    <div class="macc-list">
                        {% for demande in demandes %}
                            <article class="macc-item">
                                <div class="macc-head">
                                    <span class="macc-ref">{{ demande.reference }}</span>
                                    <span class="nhp-chip {{ {
                                        'validee': 'nhp-chip--dispo',
                                        'recue': 'nhp-chip--expo',
                                        'expediee': 'nhp-chip--dispo',
                                        'livree': 'nhp-chip--vendu',
                                    }[demande.statut.value]|default('nhp-chip--vendu') }}">{{ demande.statut.label }}</span>
                                </div>
                                <p class="macc-meta">
                                    Déposée le {{ demande.createdAt|date('d/m/Y') }} ·
                                    {{ demande.nbCouteaux }} couteau{{ demande.nbCouteaux > 1 ? 'x' }}{% if demande.nbAutres > 0 %} + {{ demande.nbAutres }} autre{{ demande.nbAutres > 1 ? 's' }} article{{ demande.nbAutres > 1 ? 's' }}{% endif %}
                                </p>
                                {% if demande.statut.value == 'validee' %}
                                    <p class="macc-note">Envoyez vos lames à l'atelier — les instructions sont dans l'email de validation.</p>
                                {% elseif demande.statut.value == 'recue' %}
                                    <p class="macc-note">Vos lames sont à l'atelier. Nouvelle de leur avancée sous 48&nbsp;h maximum.</p>
                                {% elseif demande.statut.value == 'livree' %}
                                    <p class="macc-note">Lames livrées{% if demande.trackingDeliveredAtRetour %} le {{ demande.trackingDeliveredAtRetour|date('d/m/Y') }}{% endif %}. Bon service !</p>
                                {% endif %}

                                {% if demande.numSuiviAller and demande.statut.value in ['validee', 'recue'] %}
                                    <p class="macc-note">
                                        Aller {{ demande.transporteurAller and demande.transporteurAller.value != 'libre' ? demande.transporteurAller.label }} —
                                        n°&nbsp;<span class="macc-num">{{ demande.numSuiviAller }}</span>
                                        {% if demande.trackingPublicUrlAller %}
                                            · <a href="{{ demande.trackingPublicUrlAller }}" target="_blank" rel="noopener">suivre le colis</a>
                                        {% endif %}
                                    </p>
                                {% endif %}

                                {% if demande.numSuiviRetour and demande.statut.value in ['expediee', 'livree'] %}
                                    <p class="macc-note">
                                        Retour {{ demande.transporteurRetour and demande.transporteurRetour.value != 'libre' ? demande.transporteurRetour.label }} —
                                        n°&nbsp;<span class="macc-num">{{ demande.numSuiviRetour }}</span>
                                        {% if demande.trackingPublicUrlRetour %}
                                            · <a href="{{ demande.trackingPublicUrlRetour }}" target="_blank" rel="noopener">suivre le colis</a>
                                        {% endif %}
                                    </p>
                                {% endif %}
                            </article>
                        {% endfor %}
                    </div>
                    <p class="pdet-desc" style="margin-top:22px;">
                        Besoin d'une nouvelle tournée ? <a href="{{ path('app_affutage') }}#pro" style="text-decoration:underline;">Déposez une demande</a>.
                    </p>
                {% endif %}
            </div>
        </div>
    </section>

</main>
{% endblock %}

{% block other_javascripts %}
    <script src="{{ asset('scripts/ds-v2-app.js') }}" defer></script>
{% endblock %}