{# Page statut auth DA 2.0 — remplace erreur/global-error.html.twig pour les
   flux compte (cibles de liens e-mail, états sans contexte de formulaire).
   Variables : kind ('success'|'info'|'warn'), title, message (HTML autorisé),
   primary {label, url}, secondary {label, url} (optionnel),
   aside_eyebrow / aside_title / aside_text (optionnels). #}
{% extends '_auth/base_auth.html.twig' %}

{% set kind = kind|default('info') %}

{% block title %}{{ title }} · Vulcan' Affûtage{% endblock %}
{% block metaDesc %}{{ title }} — Vulcan' Affûtage.{% endblock %}

{% block auth_aside %}
    <span class="auth-aside-eyebrow">{{ aside_eyebrow|default('Espace client') }}</span>
    <h2>{{ aside_title|default('L\'atelier vous <em>répond</em>.')|raw }}</h2>
    <p>{{ aside_text|default('Un détail à régler et vous retrouvez vos commandes, vos couteaux et vos affûtages.') }}</p>
{% endblock %}

{% block auth_panel %}
    <div class="auth-result">
        <div class="auth-result-ico{% if kind != 'success' %} auth-result-ico--{{ kind }}{% endif %}" aria-hidden="true">
            {% if kind == 'success' %}
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
            {% elseif kind == 'warn' %}
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 9v4M12 17h.01M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z"/></svg>
            {% else %}
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 11v5M12 8h.01"/></svg>
            {% endif %}
        </div>
        <h1>{{ title }}</h1>
        <p>{{ message|raw }}</p>
        <div class="auth-result-actions">
            {% if primary is defined and primary %}
                <a class="nhp-btn nhp-btn--primary" href="{{ primary.url }}">
                    {{ primary.label }}
                    <svg class="nhp-btn-arrow" width="16" height="16" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
                </a>
            {% endif %}
            {% if secondary is defined and secondary %}
                <a class="nhp-btn nhp-btn--ghost" href="{{ secondary.url }}">{{ secondary.label }}</a>
            {% endif %}
        </div>
    </div>
{% endblock %}