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

{% block noindex %}
    <meta name="robots" content="noindex">
{% endblock %}

{% block title %}Politique de Confidentialité{% endblock %}

{% block stylesheet %}
    {{ parent() }}
{% endblock %}

{% block url %}politique_de_confidentialite{% endblock %}
{% block m_url %}politique_de_confidentialite{% endblock %}

{% block loading %}{% endblock %}

{% block main %}
    <div role="main" class="main">

        <section class="page-header page-header-modern bg-color-light-scale-1 page-header-md ">
            <div class="container-fluid">
                <div class="row align-items-center">

                    <div class="col">
                        <div class="row">
                            <div class="col-md-12 align-self-center p-static order-2 text-center">
                                <div class="overflow-hidden pb-2">
                                    <h1 class="text-dark font-weight-bold text-9 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="100">Politique de Confidentialité</h1>
                                </div>
                            </div>
                            <div class="col-md-12 align-self-center order-1">
                                <ul class="breadcrumb d-block text-center appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="300">
                                    <li><a href="{{ path('app_home') }}">Accueil</a></li>
                                    <li class="active">Politique de Confidentialité</li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>


        <div class="container py-4">

            <div class="row">
                <div class="col">

                    <h2 class="font-weight-normal text-7 mb-2">Politique de <strong class="font-weight-extra-bold">Confidentialité</strong></h2>
                    <p class="lead">Nous comprenons l'importance de la confidentialité de vos données personnelles et nous nous engageons à protéger vos informations. Notre politique de confidentialité est conçue pour vous informer de la manière dont nous recueillons, utilisons et protégeons vos données.</p>


                    <hr class="solid my-5">

                    <div class="toggle toggle-primary m-0" data-plugin-toggle>
                        {% for privacy in privacyPolicies %}
                            <section class="toggle active">
                                <a class="toggle-title">{{ privacy.policyTitle }}</a>
                                <div class="toggle-content">
                                    <p>{{ privacy.policyText|raw }}</p>
                                </div>
                            </section>

                            <section class="toggle">
                                <a class="toggle-title">{{ privacy.securityTitle }}</a>
                                <div class="toggle-content">
                                    <p>{{ privacy.securityText|raw }}</p>
                                </div>
                            </section>

                            <section class="toggle">
                                <a class="toggle-title">{{ privacy.cookieTitle }}</a>
                                <div class="toggle-content">
                                    <p>{{ privacy.cookieText|raw }}</p>
                                </div>
                            </section>
                        {% endfor %}
                    </div>

                </div>

            </div>

        </div>

    </div>
{% endblock %}

{% block scripts %}
    {{ parent() }}
{% endblock %}