{% extends 'base.twig' %}

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

{% block canonical_url %}<link rel="canonical" href="{{ url('app_rgpd') }}" />
{% 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": "{{'home_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">{{'rgpd_page_title_long'|trans}}</h1>

        <section class="mb-8">
            <h2 class="text-2xl font-semibold text-gray-800 mb-3">{{'rgpd_section1_title'|trans}}</h2>
            <p class="text-gray-700">{{'rgpd_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">{{'rgpd_section2_title'|trans}}</h2>

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

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

            <ul class="list-disc list-inside ml-4 mt-4 text-gray-700 space-y-2">
                <li>
                    <strong>{{'rgpd_contact_form_title'|trans}} :</strong>
                    {{'rgpd_contact_form_details'|trans}}
                </li>
                <li>
                    <strong>{{'rgpd_contest_form_title'|trans}} :</strong>
                    {{'rgpd_contest_form_details'|trans}}
                </li>
                <li>
                    <strong>{{'rgpd_no_other_collection_title'|trans}} :</strong>
                    {{'rgpd_no_other_collection_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">{{'rgpd_section3_title'|trans}}</h2>

            <h3 class="text-xl font-medium text-gray-800 mt-4">{{'rgpd_section3_subtitle1'|trans}}</h3>
            <p class="text-gray-700">{{'rgpd_section3_p1_no_resale'|trans}}</p>

            <h3 class="text-xl font-medium text-gray-800 mt-4">{{'rgpd_section3_subtitle2'|trans}}</h3>
            <p class="text-gray-700">
                {{'rgpd_section3_p2_encryption'|trans({
                    '%https%': '<strong>HTTPS (Secure Socket Layer)</strong>'
                })|raw}}
            </p>

            <p class="text-gray-700 mt-2">
                {{'rgpd_section3_p3_contest_encryption'|trans({
                    '%encrypted%': '<strong>' ~ 'rgpd_encrypted_word'|trans ~ '</strong>'
                })|raw}}
            </p>

            <p class="text-gray-700 mt-2">
                {{'rgpd_section3_p4_advanced_security'|trans({
                    '%local_server%': '<strong>' ~ 'rgpd_local_server_text'|trans ~ '</strong>',
                    '%key_rotation%': '<strong>' ~ 'rgpd_key_rotation_text'|trans ~ '</strong>',
                    '%no_decryption_key%': '<strong>' ~ 'rgpd_no_decryption_key_text'|trans ~ '</strong>'
                })|raw}}
            </p>

            <h3 class="text-xl font-medium text-gray-800 mt-4">{{'rgpd_section3_subtitle3'|trans}}</h3>
            <p class="text-gray-700">{{'rgpd_section3_p5_breach_intro'|trans}}</p>
            <ul class="list-disc list-inside ml-4 mt-2 text-gray-700 space-y-1">
                <li>
                    <strong>{{'rgpd_breach_list1_strong'|trans}} :</strong>
                    {{'rgpd_breach_list1_details'|trans}}
                </li>
                <li>
                    <strong>{{'rgpd_breach_list2_strong'|trans}} :</strong>
                    {{'rgpd_breach_list2_details'|trans}}
                </li>
                <li>
                    <strong>{{'rgpd_breach_list3_strong'|trans}} :</strong>
                    {{'rgpd_breach_list3_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">{{'rgpd_section4_title'|trans}}</h2>

            <h3 class="text-xl font-medium text-gray-800 mt-4">{{'rgpd_section4_subtitle1'|trans}}</h3>
            <p class="text-gray-700">{{'rgpd_section4_p1_contest_data_intro'|trans}}</p>
            <ul class="list-disc list-inside ml-4 mt-2 text-gray-700 space-y-1">
                <li><strong>{{'rgpd_conservation_duration_label'|trans}} :</strong> {{'rgpd_conservation_duration_contest'|trans}}</li>
                <li><strong>{{'rgpd_auto_deletion_label'|trans}} :</strong> {{'rgpd_auto_deletion_contest'|trans}}</li>
            </ul>

            <h3 class="text-xl font-medium text-gray-800 mt-4">{{'rgpd_section4_subtitle2'|trans}}</h3>
            <p class="text-gray-700">{{'rgpd_section4_p2_image_rights_intro'|trans}}</p>
            <ul class="list-disc list-inside ml-4 mt-2 text-gray-700 space-y-1">
                <li><strong>{{'rgpd_file_conservation_label'|trans}} :</strong> {{'rgpd_file_conservation_details'|trans}}</li>
                <li><strong>{{'rgpd_authorization_duration_label'|trans}} :</strong> {{'rgpd_authorization_duration_details'|trans}}</li>
            </ul>

            <h3 class="text-xl font-medium text-gray-800 mt-4">{{'rgpd_section4_subtitle3'|trans}}</h3>
            <p class="text-gray-700">{{'rgpd_section4_p3_general_deletion'|trans}}</p>

            <h3 class="text-xl font-medium text-gray-800 mt-4">{{'rgpd_section4_subtitle4'|trans}}</h3>
            <p class="text-gray-700">{{'rgpd_section4_p4_other_data'|trans}}</p>
            <p class="text-gray-700 mt-2">{{'rgpd_section4_p5_rights_reminder'|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">{{'rgpd_section5_title'|trans}}</h2>
            <p class="text-gray-700">{{'rgpd_section5_p1_rights_intro'|trans}}</p>
            <ul class="list-disc list-inside ml-4 mt-2 text-gray-700 space-y-1">
                <li>{{'rgpd_right_access'|trans}}</li>
                <li>{{'rgpd_right_rectification'|trans}}</li>
                <li>{{'rgpd_right_erasure'|trans}}</li>
                <li>{{'rgpd_right_opposition'|trans}}</li>
            </ul>
            <p class="text-gray-700 mt-4">{{'rgpd_section5_p2_contact_dpo'|trans}}</p>
            <ul class="list-disc list-inside ml-4 mt-2 text-gray-700 space-y-1">
                <li><strong>{{'legal_label_dpo_name'|trans}} :</strong> Serreau Jovann</li>
                <li><strong>{{'legal_label_dpo_num'|trans}} :</strong> DPO-167945</li>
                <li><strong>{{'legal_label_dpo_contact'|trans}} :</strong> <a href="mailto:rgpd@e-cosplay.fr" class="text-red-600 hover:underline">rgpd@e-cosplay.fr</a></li>
            </ul>
        </section>

    </div>
{% endblock %}
