{% trans_default_domain 'gdpr' %}

{% set cookiesInit = cookies()|length > 0 %}
{% set cookiesPageUrl = cookiesPage|i18nUrl %}

<!-- #gdpr-modal -->
<div class="modal fade" id="gdpr-modal" tabindex="-1" role="dialog" aria-labelledby="gdpr-modal"
     aria-hidden="true">

    {% if cookiesInit %}
        <button type="button" class="close" data-dismiss="modal" aria-label="{{ "Fermer"|trans|raw }}"><i class="fal fa-times"></i></button>
    {% endif %}

    <div class="modal-dialog modal-dialog-centered gdpr-management" role="document">
        <div class="modal-content">
            <!-- #gdpr-main -->
            <div id="gdpr-main" class="switch-block">
                <div class="modal-header">
                    <div class="text-center w-100">
                        <img src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                             data-src="{{ asset('build/gdpr/images/cookie-main.svg', 'gdpr') }}"
                             class="d-inline-block lazyload"
                             title="{{ "Cookies"|trans|raw }}"
                             alt="{{ "Cookies"|trans|raw }}" width="auto" height="auto" />
                    </div>
                </div>
                <div class="modal-body text-center pt-5 pr-5 pl-5 pb-4" data-simplebar>
                    <h5 class="modal-title mb-4 mt-3 font-weight-bold">{{ "Politique relative aux cookies"|trans|raw }}</h5>
                    <p class="text-muted mb-0">{{ "Ce site utilise des cookies afin d’améliorer votre expérience et optimiser notre site et ses services. Les cookies sont des fichiers textes qui sont déposés sur votre ordinateur. Certains d’entre eux sont indispensables au bon fonctionnement du site, d’autres analysent la façon dont vous utilisez le site. <br><b>Afin de poursuivre la navigation sur notre site, vous devez accepter ou refuser l’utilisation des cookies.</b>"|trans|raw }}</p>
                </div>
                <div class="modal-footer p-0">
                    <ul class="reset row w-100">
                        <li class="col p-0">
                            <button type="button" id="gdpr-all-disallowed"
                                    class="btn w-100 no-radius p-3 font-weight-bold">
                                {{ "Je refuse"|trans|raw }}
                            </button>
                        </li>
                        <li class="col p-0">
                            <button type="button" class="btn w-100 no-radius p-3 font-weight-bold border switch"
                                    data-target="#gdpr-choices">
                                {{ "Personnaliser"|trans|raw }}
                            </button>
                        </li>
                        <li class="col p-0">
                            <button type="button" id="gdpr-all-allowed"
                                    class="btn w-100 no-radius p-3 font-weight-bold">
                                {{ "J’accepte"|trans|raw }}
                            </button>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- \#gdpr-main -->
            <!-- #gdpr-choices -->
            <div id="gdpr-choices" class="switch-block d-none">
                <div class="modal-header">
                    <div class="text-center w-100">
                        <img src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                             data-src="{{ asset('build/gdpr/images/cookie-choices.svg', 'gdpr') }}"
                             class="d-inline-block lazyload"
                             title="{{ "Cookies"|trans|raw }}"
                             alt="{{ "Cookies"|trans|raw }}" width="auto" height="auto" />
                    </div>
                </div>
                <div class="modal-body text-center pt-5 pb-3 pl-4 pr-4" data-simplebar>
                    <h5 class="modal-title mb-4 mt-3 font-weight-bold">{{ "Paramétrage des cookies"|trans|raw }}</h5>
                    <ul id="list-groups" class="reset text-left">
                        {% for category in categories %}
                            {% for group in category.gdprgroups %}
                                {% if category.slug != "functional" %}
                                    {% set i18n = i18n(group) %}
                                    <li>
                                        <div class="row m-0">
                                            <div class="col-2">
                                                <img src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                                                     data-src="{{ asset('build/gdpr/images/' ~ group.slug ~ '-gdpr.svg', 'gdpr') }}"
                                                     class="lazyload"
                                                     width="auto" height="auto"
                                                     alt="{{ group.adminName|striptags }}" title="{{ group.adminName|striptags }}" />
                                            </div>
                                            <div class="col-10 col-sm-8">
                                                <b>{{ group.adminName|unescape|raw }}</b>
                                                {% if cookiesPageUrl %}
                                                    <a href="{{ path('front_index', {'url': cookiesPageUrl}) }}#cookies-infos" class="info-link cookies-more-wrap" data-toggle="tooltip" title="{{ "En savoir plus"|trans }}">
                                                        <i class="fas fa-info-circle ml-2"></i>
                                                    </a>
                                                {% endif %}
                                                <br>
                                                <div class="text-muted mb-0 group-description">{{ i18n.introduction|unescape|raw }}</div>
                                            </div>
                                            <div class="col-12 col-sm-2 mt-3 mt-auto-sm-0">
                                                <div class="material-switch float-right">
                                                    <input id="gdpr-{{ group.slug }}"
                                                           type="checkbox"
                                                           class="cookie-group-checkbox"
                                                           data-service="{{ group.service }}"
                                                           data-code="{{ group.slug }}"{% if cookie(group.slug) %} checked{% endif %} />
                                                    <label for="gdpr-{{ group.slug }}" class="label-primary"></label>
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                    </li>
                                {% endif %}
                            {% endfor %}
                        {% endfor %}
                    </ul>
                </div>
                <!-- \#gdpr-choices -->
                <!-- .modal-footer -->
                <div class="modal-footer p-0">
                    <ul class="reset row w-100">
                        <li class="col p-0">
                            <button type="button" class="btn w-100 no-radius p-3 font-weight-bold switch"
                                    data-target="#gdpr-main">
                                {{ "Retour"|trans|raw }}
                            </button>
                        </li>
                        <li class="col p-0">
                            <button type="button" id="gdpr-choices-validate"
                                    class="btn w-100 no-radius p-3 font-weight-bold">
                                {{ "Valider"|trans|raw }}
                            </button>
                        </li>
                    </ul>
                </div>
                <!-- \.modal-footer -->
            </div>
        </div>
    </div>
</div>
<!-- \#gdpr-modal -->