"use strict";

const settingsButton = document.querySelector(".settings-button");
const acceptButton = document.querySelector(".accept-button");
const cookiesModal = document.querySelector(".modal-container");
const modalContainer = document.querySelector(".cookies-modal");
const acceptChosenButton = document.querySelector(".acceptChosen-button");
const acceptAllButton = document.querySelector(".acceptAll-button");

settingsButton.addEventListener("click", () => {
    const settings = document.querySelector(".settings");
    cookiesModal.classList.add("modal-close");
    settings.classList.toggle("settings-open");
});

acceptButton.addEventListener("click", () => {
    setConsent({
        marketing_consent: true,
        analytics_consent: true,
    })
    modalContainer.classList.add("modal-close");
});

acceptChosenButton.addEventListener("click", () => {
    setConsent({
        marketing_consent: document.getElementById('consent-marketing').checked,
        analytics_consent: document.getElementById('consent-analytics').checked
    })
    modalContainer.classList.add("modal-close");
});

acceptAllButton.addEventListener("click", () => {
    setConsent({
        marketing_consent: true,
        analytics_consent: true,
    })
    modalContainer.classList.add("modal-close");
});

function setConsent(consent) {
    const consentMode = {
        'ad_storage': consent.marketing_consent ? 'granted' : 'denied',
        'ad_user_data': consent.marketing_consent ? 'granted' : 'denied',
        'ad_personalization': consent.marketing_consent ? 'granted' : 'denied',
        'analytics_storage': consent.analytics_consent ? 'granted' : 'denied',
    };
    gtag('consent', 'update', consentMode);
    localStorage.setItem('consentMode', JSON.stringify(consentMode));
}