{{--
    Dependency-free cookie consent banner, adapted from the btdigital-web
    pattern (Fejlesztesi-terv wiki, 10. pont). Two categories: "Szükséges"
    (always on, not a real choice) and "Analitika" (gates Google Analytics
    loading - see analytics-gate.blade.php). Choice stored in localStorage,
    self-contained CSS so this renders correctly regardless of whether the
    host page loads Tailwind or anything else.
--}}
<div class="btd-cookie-consent" id="btdCookieConsent" role="dialog" aria-live="polite" aria-label="Cookie beállítások" hidden>
    <div class="btd-cookie-consent__inner">
        <p>Weboldalunkon sütiket használunk a működéshez szükséges funkciókhoz, illetve - hozzájárulásod esetén - látogatottsági statisztikák készítéséhez.</p>

        <div class="btd-cookie-consent__actions">
            <button type="button" class="btd-btn btd-btn--primary" id="btdCookieAcceptAll">Mindent elfogadok</button>
            <button type="button" class="btd-btn btd-btn--outline" id="btdCookieRejectAll">Mindent elutasítok</button>
            <button type="button" class="btd-btn-link" id="btdCookieToggleSettings">Beállítások</button>
        </div>

        <div class="btd-cookie-consent__settings" id="btdCookieSettings" hidden>
            <div class="btd-cookie-consent__category">
                <div>
                    <strong>Szükséges sütik</strong>
                    <p>A weboldal alapműködéséhez (munkamenet, biztonság) szükségesek - nem kapcsolhatók ki.</p>
                </div>
                <input type="checkbox" checked disabled aria-label="Szükséges sütik">
            </div>
            <div class="btd-cookie-consent__category">
                <div>
                    <strong>Analitikai sütik</strong>
                    <p>Google Analytics - segít megérteni, hogyan használják a látogatók az oldalt.</p>
                </div>
                <input type="checkbox" id="btdCookieAnalyticsToggle" aria-label="Analitikai sütik">
            </div>
            <button type="button" class="btd-btn btd-btn--primary" id="btdCookieSaveSettings">Mentés</button>
        </div>
    </div>
</div>

<style>
    .btd-cookie-consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: #fff; border-top: 1px solid #ddd; box-shadow: 0 -2px 12px rgba(0,0,0,.08); font-family: system-ui, sans-serif; }
    .btd-cookie-consent__inner { max-width: 960px; margin: 0 auto; padding: 1rem 1.25rem; }
    .btd-cookie-consent__actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
    .btd-btn { padding: .5rem 1rem; border-radius: .375rem; border: 1px solid transparent; cursor: pointer; font-size: .9rem; }
    .btd-btn--primary { background: #1f4fd6; color: #fff; }
    .btd-btn--outline { background: transparent; border-color: #1f4fd6; color: #1f4fd6; }
    .btd-btn-link { background: none; border: none; color: #1f4fd6; text-decoration: underline; cursor: pointer; font-size: .9rem; }
    .btd-cookie-consent__settings { margin-top: 1rem; border-top: 1px solid #eee; padding-top: 1rem; }
    .btd-cookie-consent__category { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: .75rem; }
    .btd-cookie-consent__category p { margin: .25rem 0 0; font-size: .85rem; color: #555; }
</style>

<script>
(function () {
    var STORAGE_KEY = 'rge_cookie_consent';
    var banner = document.getElementById('btdCookieConsent');
    var settingsPanel = document.getElementById('btdCookieSettings');
    var analyticsToggle = document.getElementById('btdCookieAnalyticsToggle');

    function readConsent() {
        try {
            return JSON.parse(localStorage.getItem(STORAGE_KEY) || 'null');
        } catch (e) {
            return null;
        }
    }

    function saveConsent(consent) {
        localStorage.setItem(STORAGE_KEY, JSON.stringify(consent));
        banner.hidden = true;
        if (consent.analytics && typeof window.rgeLoadAnalytics === 'function') {
            window.rgeLoadAnalytics();
        }
    }

    var existing = readConsent();
    if (!existing) {
        banner.hidden = false;
    } else if (existing.analytics && typeof window.rgeLoadAnalytics === 'function') {
        window.rgeLoadAnalytics();
    }

    document.getElementById('btdCookieAcceptAll').addEventListener('click', function () {
        saveConsent({ necessary: true, analytics: true });
    });

    document.getElementById('btdCookieRejectAll').addEventListener('click', function () {
        saveConsent({ necessary: true, analytics: false });
    });

    document.getElementById('btdCookieToggleSettings').addEventListener('click', function () {
        settingsPanel.hidden = !settingsPanel.hidden;
    });

    document.getElementById('btdCookieSaveSettings').addEventListener('click', function () {
        saveConsent({ necessary: true, analytics: !!analyticsToggle.checked });
    });
})();
</script>