{% extends 'base.twig' %}

{% block title %}{{'cookie_page_title'|trans}}{% endblock %}
{% block meta_description %}{{'cookie_page_title'|trans}}{% endblock %}

{% block canonical_url %}<link rel="canonical" href="{{ url('app_cookies') }}" />
{% endblock %}

{% block breadcrumb_schema %}
    <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "BreadcrumbList",
          "itemListElement": [
            {
              "@type": "ListItem",
              "position": 1,
              "name": "{{'home_title'|trans }}",
              "item": "{{ app.request.schemeAndHttpHost }}"
          },
            {
              "@type": "ListItem",
              "position": 2,
              "name": "{{ 'cookie_short_title'|trans }}",
              "item": "{{ app.request.schemeAndHttpHost }}{{ app.request.pathInfo }}"
          }
        ]
      }
    </script>
{% endblock %}

{% block body %}
    <div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8 bg-white shadow-lg rounded-lg">
        <h1 class="text-3xl font-extrabold text-gray-900 border-b-2 border-red-600 pb-4 mb-8">{{'cookie_page_title'|trans}}</h1>

        <section class="mb-8">
            <h2 class="text-2xl font-semibold text-gray-800 mb-3">{{'cookie_section1_title'|trans}}</h2>
            <p class="text-gray-700">{{'cookie_section1_p1'|trans}}</p>
        </section>

        <hr class="my-8 border-gray-200">

        <section class="mb-8">
            <h2 class="text-2xl font-semibold text-gray-800 mb-3">{{'cookie_section2_title'|trans}}</h2>

            <p class="text-gray-700 font-bold mb-2">{{'cookie_section2_p1_commitment'|trans}}</p>

            <p class="text-gray-700">{{'cookie_section2_p2_privacy'|trans}}</p>

            <p class="text-gray-700 mt-4">{{'cookie_section2_p3_type_intro'|trans}}</p>
            <ul class="list-disc list-inside ml-4 mt-2 text-gray-700 space-y-1">
                <li>
                    <strong>{{'cookie_type_functional_strong'|trans}} :</strong>
                    {{'cookie_type_functional_details'|trans}}
                </li>
            </ul>
        </section>

        <hr class="my-8 border-gray-200">

        <section class="mb-8">
            <h2 class="text-2xl font-semibold text-gray-800 mb-3">{{'cookie_section3_title'|trans}}</h2>
            <p class="text-gray-700">{{'cookie_section3_p1_browser_config'|trans}}</p>
            <p class="text-gray-700 mt-2">{{'cookie_section3_p2_refusal_impact'|trans}}</p>
            <p class="text-gray-700 mt-4">{{'cookie_section3_p3_instructions_intro'|trans}}</p>
            <ul class="list-disc list-inside ml-4 mt-2 text-gray-700 space-y-1">
                <li>
                    {{'cookie_browser_chrome'|trans}} :
                    <a href="https://support.google.com/chrome/answer/95647" target="_blank" class="text-red-600 hover:underline">{{'cookie_browser_link_chrome'|trans}}</a>
                </li>
                <li>
                    {{'cookie_browser_firefox'|trans}} :
                    <a href="https://support.mozilla.org/fr/kb/activer-desactiver-cookies" target="_blank" class="text-red-600 hover:underline">{{'cookie_browser_link_firefox'|trans}}</a>
                </li>
                <li>
                    {{'cookie_browser_edge'|trans}} :
                    <a href="https://support.microsoft.com/fr-fr/microsoft-edge/supprimer-les-cookies-dans-microsoft-edge-63947406-40ac-c3b8-57b9-2a946a29ae04" target="_blank" class="text-red-600 hover:underline">{{'cookie_browser_link_edge'|trans}}</a>
                </li>
                <li>
                    {{'cookie_browser_safari'|trans}} :
                    <a href="https://support.apple.com/fr-fr/guide/safari/sfri11471/mac" target="_blank" class="text-red-600 hover:underline">{{'cookie_browser_link_safari'|trans}}</a>
                </li>
            </ul>
        </section>

    </div>
{% endblock %}
