{{-- Fecha o <main> aberto pelo header e liga o menu do topo. --}}
</main>

<script>
(function () {
    'use strict';

    /**
     * Grupos do menu.
     *
     * A lista é posicionada por aqui porque a barra rola na horizontal: presa ao
     * botão, ela nascia cortada pelo overflow e não aparecia. Abre uma de cada
     * vez, e clique fora, Escape ou rolagem fecham.
     */
    var botoes = Array.prototype.slice.call(document.querySelectorAll('[data-drop]'));

    if (! botoes.length) {
        return;
    }

    function fechar() {
        botoes.forEach(function (botao) {
            document.getElementById(botao.dataset.drop).hidden = true;
            botao.setAttribute('aria-expanded', 'false');
        });
    }

    function posicionar(botao, lista) {
        var alvo = botao.getBoundingClientRect();
        var largura = lista.offsetWidth;
        var esquerda = Math.min(alvo.left, document.documentElement.clientWidth - largura - 8);

        lista.style.left = Math.max(8, esquerda) + 'px';
        lista.style.top = (alvo.bottom + 6) + 'px';
    }

    botoes.forEach(function (botao) {
        var lista = document.getElementById(botao.dataset.drop);

        botao.addEventListener('click', function (evento) {
            evento.stopPropagation();

            var estava = ! lista.hidden;

            fechar();

            if (estava) {
                return;
            }

            lista.hidden = false;
            posicionar(botao, lista);
            botao.setAttribute('aria-expanded', 'true');
        });
    });

    document.addEventListener('click', fechar);
    window.addEventListener('resize', fechar);
    window.addEventListener('scroll', fechar, true);

    document.addEventListener('keydown', function (evento) {
        if (evento.key === 'Escape') {
            fechar();
        }
    });
}());
</script>

<script src="/assets/js/plugins/flatpickr/flatpickr.min.js"></script>
<script src="/assets/js/plugins/flatpickr/l10n/pt.js"></script>
<script src="{{ assetv('/assets/js/datepicker.js') }}"></script>

</body>
</html>