---
// Минимальный self-hosted cookie consent под 152-ФЗ:
// — баннер показывается до явного выбора (cookie `ar-consent`)
// — «Принять» → активирует все <script type="text/plain" data-cookieconsent="statistics">
// — «Только необходимые» → ничего не активирует, баннер исчезает
// — выбор хранится в localStorage и cookie на 12 месяцев
---
<div id="cookie-consent" class="cookie-consent" hidden>
  <div class="cookie-text">
    <p>
      Мы используем cookies и сервисы статистики (Яндекс.Метрика, Google Analytics),
      чтобы понимать, как вы пользуетесь сайтом, и делать его лучше.
      Подробнее — в <a href="/privacy/">политике конфиденциальности</a>.
    </p>
  </div>
  <div class="cookie-actions">
    <button type="button" class="cookie-btn cookie-btn-secondary" data-cc-deny>Только необходимые</button>
    <button type="button" class="cookie-btn cookie-btn-primary" data-cc-accept>Принять</button>
  </div>
</div>
<script is:inline>
  (function () {
    const KEY = 'ar-consent';
    const banner = document.getElementById('cookie-consent');
    if (!banner) return;

    const activate = () => {
      document.querySelectorAll('script[type="text/plain"][data-cookieconsent="statistics"]').forEach((tpl) => {
        const s = document.createElement('script');
        for (const a of tpl.attributes) {
          if (a.name === 'type' || a.name === 'data-cookieconsent') continue;
          s.setAttribute(a.name, a.value);
        }
        s.text = tpl.textContent || '';
        tpl.parentNode.insertBefore(s, tpl);
        tpl.parentNode.removeChild(tpl);
      });
    };

    const setConsent = (value) => {
      try { localStorage.setItem(KEY, value); } catch {}
      const exp = new Date(Date.now() + 365 * 24 * 60 * 60 * 1000).toUTCString();
      document.cookie = `${KEY}=${value}; expires=${exp}; path=/; SameSite=Lax`;
    };

    const current = (() => {
      try {
        const ls = localStorage.getItem(KEY);
        if (ls) return ls;
      } catch {}
      const m = document.cookie.match(/(?:^|; )ar-consent=([^;]+)/);
      return m ? decodeURIComponent(m[1]) : null;
    })();

    if (current === 'accept') {
      activate();
    } else if (current === 'deny') {
      // ничего не делаем — статистика не активируется
    } else {
      banner.hidden = false;
    }

    banner.querySelector('[data-cc-accept]')?.addEventListener('click', () => {
      setConsent('accept');
      banner.hidden = true;
      activate();
    });
    banner.querySelector('[data-cc-deny]')?.addEventListener('click', () => {
      setConsent('deny');
      banner.hidden = true;
    });
  })();
</script>