{% set analyticsTag = getAnalyticsTag() %}

<div id="cookie-consent"
     class="cookie-consent"
     data-analytics-tag="{{ analyticsTag|default('')|e('html_attr') }}"
     hidden
     role="dialog"
     aria-modal="true"
     aria-labelledby="cookie-consent-title"
     aria-describedby="cookie-consent-description">
    <div class="cookie-consent__inner">
        <div class="cookie-consent__content">
            <h2 id="cookie-consent-title" class="cookie-consent__title">Votre vie privée</h2>
            <p id="cookie-consent-description" class="cookie-consent__text">
                Nous utilisons des cookies nécessaires au fonctionnement du site et, avec votre accord,
                Google Analytics afin de mesurer son audience et d'améliorer son contenu.
            </p>
            <p class="cookie-consent__links">
                <a href="/mentions-legales">En savoir plus</a>
            </p>

            <div id="cookie-consent-details" class="cookie-consent__details" hidden>
                <div class="cookie-consent__choice">
                    <div>
                        <strong>Cookies nécessaires</strong>
                        <small>Indispensables au fonctionnement et à la sécurité du site.</small>
                    </div>
                    <span class="cookie-consent__always-on">Toujours actifs</span>
                </div>

                {% if analyticsTag is not empty %}
                    <label class="cookie-consent__choice" for="cookie-consent-analytics">
                        <div>
                            <strong>Mesure d'audience</strong>
                            <small>Autorise Google Analytics à mesurer de manière statistique la fréquentation du site.</small>
                        </div>
                        <span class="cookie-consent__switch">
                            <input type="checkbox" id="cookie-consent-analytics">
                            <span aria-hidden="true"></span>
                        </span>
                    </label>
                {% endif %}
            </div>
        </div>

        <div class="cookie-consent__actions" id="cookie-consent-main-actions">
            <button type="button" class="btn btn-outline-secondary" data-cookie-action="customize">
                Personnaliser
            </button>
            <button type="button" class="btn btn-outline-primary" data-cookie-action="reject">
                Tout refuser
            </button>
            <button type="button" class="btn btn-primary" data-cookie-action="accept">
                Tout accepter
            </button>
        </div>

        <div class="cookie-consent__actions" id="cookie-consent-custom-actions" hidden>
            <button type="button" class="btn btn-outline-secondary" data-cookie-action="back">
                Retour
            </button>
            <button type="button" class="btn btn-primary" data-cookie-action="save">
                Enregistrer mes choix
            </button>
        </div>
    </div>
</div>