{% extends 'base.twig' %}

{# --- METADATA & SCHEMA (Already using trans) --- #}
{% block title %}{{'adh_page_validate.title'|trans}}{% endblock %}
{% block meta_description %}{{'adh_page_validate.description'|trans}}{% endblock %}

{% block canonical_url %}<link rel="canonical" href="{{ url('app_adh',{id:main.id,validateResult:1}) }}" />{% endblock %}
{% block breadcrumb_schema %}
    <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "BreadcrumbList",
          "itemListElement": [
            {
              "@type": "ListItem",
              "position": 1,
              "name": "{{ 'breadcrumb.home'|trans }}",
              "item": "{{ app.request.schemeAndHttpHost }}"
          },
            {
              "@type": "ListItem",
              "position": 2,
              "name": "{{ 'adh_page_validate.breadcrumb'|trans }}",
              "item": "{{ app.request.schemeAndHttpHost }}{{ app.request.pathInfo }}"
          }
        ]
      }
    </script>
{% endblock %}

{# --- BODY with Tailwind Styling and full i18n --- #}
{% block body %}
    <div class="max-w-xl mx-auto p-4 sm:p-6 lg:p-8">
        <div class="bg-white shadow-2xl rounded-2xl p-8 md:p-12 text-center border-t-4 border-green-500">
            <!-- Icone de succès -->
            <svg class="mx-auto h-16 w-16 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
            </svg>

            <h1 class="mt-4 text-3xl font-extrabold text-gray-900">
                {{ 'adh_page_validate.title'|trans }}
            </h1>

            <p class="mt-4 text-lg text-gray-600">
                {{ 'adh_page_validate.success_message'|trans }}
            </p>

            <p class="mt-6 text-xl font-semibold text-indigo-600">
                {{ 'adh_page_validate.thanks'|trans }}
            </p>

        </div>
    </div>
{% endblock %}