{# Banner cookie: compare alla prima visita, la scelta è ricordata (localStorage).
   Non blocca l'uso del sito (usa solo cookie tecnici); registra il consenso. #}
<div class="cookiebar" id="cookiebar" hidden>
    <div class="cookiebar__inner">
        <p class="cookiebar__text">
            <i class="fa-solid fa-cookie-bite"></i>
            Usiamo cookie tecnici necessari al funzionamento del sito e, per alcune funzioni, servizi di
            terze parti. Non usiamo cookie di profilazione.
            <a href="{{ path('cookie') }}">Cookie policy</a> ·
            <a href="{{ path('privacy') }}">Privacy</a>
        </p>
        <div class="cookiebar__actions">
            <button type="button" class="btn btn--ghost btn--sm" id="cookieReject">Rifiuta non essenziali</button>
            <button type="button" class="btn btn--sm" id="cookieAccept">Accetta</button>
        </div>
    </div>
</div>

<script>
    (function () {
        var KEY = 'mostry_cookie_consent';
        var bar = document.getElementById('cookiebar');
        if (!bar) return;

        function salva(valore) {
            try { localStorage.setItem(KEY, valore); } catch (e) {}
            bar.hidden = true;
            document.body.classList.remove('cookiebar-open');
        }
        function mostra() { bar.hidden = false; document.body.classList.add('cookiebar-open'); }

        // Mostra il banner solo se non c'è ancora una scelta
        var scelta = null;
        try { scelta = localStorage.getItem(KEY); } catch (e) {}
        if (!scelta) mostra();

        var acc = document.getElementById('cookieAccept');
        var rej = document.getElementById('cookieReject');
        if (acc) acc.addEventListener('click', function () { salva('accepted'); });
        if (rej) rej.addEventListener('click', function () { salva('rejected'); });

        // Permette di riaprire il banner dalla Cookie Policy
        window.MostryCookie = { riapri: mostra };
    })();
</script>