basic-business-template/assets/js/components/cookies-consent.js

window.addEventListener("load", function () {
    if (document.cookie.indexOf('cookies-consent') === -1) {
        let cookieSettings = document.getElementById("cookie-settings");

        cookieSettings.style.bottom = '0%';
        setTimeout(() => { cookieSettings.style.bottom = '0%'; }, 0);

        document.querySelectorAll('.btn-cookies-consent').forEach(button => {
            button.addEventListener('click', function (event) {
                event.preventDefault();
                let cookiesConsent = this.getAttribute('data-cookies');
                if (cookiesConsent !== null) {
                    document.cookie = `cookies-consent=${cookiesConsent};max-age=${365 * 24 * 60 * 60}`;
                } else {
                    if (document.getElementById('functional-cookies').checked && document.getElementById('analytics-cookies').checked && document.getElementById('profile-cookies').checked) {
                        document.cookie = 'cookies-consent=1;max-age=' + 365 * 24 * 60 * 60;
                    } else {
                        document.cookie = 'cookies-consent=0;max-age=' + 365 * 24 * 60 * 60;
                    }
                }

                let modal = new bootstrap.Modal(document.getElementById('modal-cookie-settings'));
                modal.hide();

                cookieSettings.style.transition = "bottom 1s";
                cookieSettings.style.bottom = '-100%';
            });
        });
    }
});