{{-- Bandeau supérieur d'accès : visible une fois le code saisi, valable pour la
     journée. « Reverrouiller » efface l'accès et renvoie à l'écran de code. --}}
<div class="acces-barre" id="acces-barre" role="status" hidden>
    <span class="acces-barre-txt"><span class="acces-lock" aria-hidden="true">&#128274;</span> Accès ouvert, valable pour la journée.</span>
    <button type="button" class="acces-relock" id="acces-relock">Reverrouiller</button>
</div>
<script>
    (function () {
        var bar = document.getElementById('acces-barre');
        if (!bar) return;
        function actif() {
            try { var u = +localStorage.getItem('ftl_acces_until'); return u && Date.now() < u; }
            catch (e) { return false; }
        }
        if (actif()) {
            bar.hidden = false;
            document.documentElement.classList.add('a-acces-barre');
        }
        var b = document.getElementById('acces-relock');
        b && b.addEventListener('click', function () {
            try {
                localStorage.removeItem('ftl_acces_until');
                localStorage.removeItem('ftl_activated');
            } catch (e) {}
            // Ferme aussi l'accès côté serveur, puis retour à l'écran de code.
            var tok = document.querySelector('meta[name="csrf-token"]');
            fetch('/acces/fermer', {
                method: 'POST',
                headers: { 'X-CSRF-TOKEN': tok ? tok.content : '', 'X-Requested-With': 'XMLHttpRequest' }
            }).catch(function () {}).finally(function () { window.location.href = '/'; });
        });
    })();
</script>