(function () {
  'use strict';

  // =========================================
  // ОСНОВНЫЕ НАСТРОЙКИ
  // =========================================

  const METRIKA_ID = 45608397;
  const CONSENT_COOKIE = 'kvartiryConsentV1';
  const CONSENT_DAYS = 180;
  const COOKIE_DOMAIN = 'kvartiry-posutochno16.ru';

  const POLICY_URL =
    'https://kvartiry-posutochno16.ru/policy/';

  const COOKIES_URL =
    'https://kvartiry-posutochno16.ru/cookies/';

  const CONSENT_URL =
    'https://kvartiry-posutochno16.ru/consent/';

  // Используем ту же страницу запрета рекламы,
  // что и на сайте «Электрики16».
  const NO_SPAM_URL =
    'https://elektriki16.ru/no-spam/';

  const METRIKA_INFO_URL =
    'https://yandex.com/support/metrica/ru/code/data-collected.html';

  const COOKIE_INFO_URL =
    'https://yandex.ru/adv/edu/materials/cookie-chto-ehto-takoe';

  const WEBVISOR_INFO_URL =
    'https://yandex.ru/support/metrica/ru/webvisor/info';

  const currentScript = document.currentScript;

  let metrikaStarted = false;
  let settings = null;

  // =========================================
  // ЧТЕНИЕ СОГЛАСИЯ
  // =========================================

  function getConsent() {
    const prefix = CONSENT_COOKIE + '=';
    const parts = document.cookie.split(';');

    for (let i = 0; i < parts.length; i++) {
      const part = parts[i].trim();

      if (part.indexOf(prefix) !== 0) {
        continue;
      }

      try {
        const value = JSON.parse(
          decodeURIComponent(
            part.substring(prefix.length)
          )
        );

        if (
          value &&
          typeof value.analytics === 'boolean'
        ) {
          return value;
        }

        return null;
      } catch (e) {
        return null;
      }
    }

    return null;
  }

  // =========================================
  // СОХРАНЕНИЕ СОГЛАСИЯ
  // =========================================

  function saveConsent(analytics) {
    const value = {
      necessary: true,
      analytics: Boolean(analytics),
      updated: Date.now()
    };

    const maxAge = CONSENT_DAYS * 86400;

    const expires = new Date(
      Date.now() + maxAge * 1000
    ).toUTCString();

    document.cookie =
      CONSENT_COOKIE + '=' +
      encodeURIComponent(JSON.stringify(value)) +
      '; Expires=' + expires +
      '; Max-Age=' + maxAge +
      '; Path=/' +
      '; Domain=' + COOKIE_DOMAIN +
      '; SameSite=Lax' +
      (location.protocol === 'https:' ? '; Secure' : '');

    return value;
  }

  // =========================================
  // ЯНДЕКС.МЕТРИКА
  // Запуск только после согласия
  // =========================================

  function startMetrika() {
    if (
      metrikaStarted ||
      !settings ||
      settings.analytics !== true
    ) {
      return;
    }

    const currentConsent = getConsent();

    if (
      !currentConsent ||
      currentConsent.analytics !== true
    ) {
      return;
    }

    metrikaStarted = true;

    // Не загружаем второй экземпляр tag.js,
    // если очередь ym уже создана.

    if (typeof window.ym !== 'function') {
      (function (m, e, t, r, i, k, a) {
        m[i] = m[i] || function () {
          (m[i].a = m[i].a || []).push(arguments);
        };

        m[i].l = 1 * new Date();

        k = e.createElement(t);
        a = e.getElementsByTagName(t)[0];

        k.async = 1;
        k.src = r;

        a.parentNode.insertBefore(k, a);
      })(
        window,
        document,
        'script',
        'https://mc.yandex.ru/metrika/tag.js',
        'ym'
      );
    }

    window.ym(METRIKA_ID, 'init', {
      webvisor: true,
      clickmap: true,
      accurateTrackBounce: true,
      trackLinks: true
    });
  }

  // =========================================
  // СОЗДАНИЕ ОБЩЕГО МОДУЛЯ
  // =========================================

  function init() {
    if (document.getElementById('site-cookie-module')) {
      return;
    }

    if (!document.body) {
      return;
    }

    const root = document.createElement('div');
    root.id = 'site-cookie-module';

    root.innerHTML = `
      <style>
        /* =====================================
           ОБЩИЕ СТИЛИ
           ===================================== */

        #site-cookie-module {
          width: 100%;
          max-width: 1000px;
          margin: 12px auto;
          box-sizing: border-box;
          font-family: Arial, sans-serif;
          font-size: 12px;
          line-height: 1.5;
          color: #fff;
          position: relative;
          z-index: 1000;
        }

        #site-cookie-module *,
        #site-cookie-module *::before,
        #site-cookie-module *::after {
          box-sizing: border-box;
        }

        #site-cookie-module [hidden] {
          display: none !important;
        }

        /* =====================================
           ПРЕДУПРЕЖДЕНИЕ О НЕЖЕЛАТЕЛЬНОЙ РЕКЛАМЕ
           Всегда видно, даже после согласия cookie
           ===================================== */

        #site-cookie-module .ns-warning {
          background: #fff8e8;
          color: #333;
          border: 1px solid #e4bd66;
          border-left: 4px solid #c58a17;
          border-radius: 10px;
          padding: 12px 14px;
          margin: 0 0 12px;
          font-family: Arial, sans-serif;
          font-size: 12px;
          line-height: 1.6;
          box-shadow: 0 3px 12px rgba(0, 0, 0, .06);
        }

        #site-cookie-module .ns-warning-title {
          display: block;
          color: #67470b;
          font-size: 13px;
          font-weight: 700;
          margin: 0 0 5px;
        }

        #site-cookie-module .ns-warning-text {
          margin: 0 0 7px;
        }

        #site-cookie-module .ns-warning a {
          color: #79530b;
          font-weight: 700;
          text-decoration: underline;
        }

        #site-cookie-module .ns-warning a:hover {
          color: #333;
        }

        #site-cookie-module .ns-warning a:focus-visible {
          outline: 2px solid #79530b;
          outline-offset: 3px;
        }

        /* =====================================
           ОКНО COOKIE
           ===================================== */

        #site-cookie-module .cc-panel {
          background: #242424;
          color: #fff;
          border: 1px solid #414141;
          border-radius: 10px;
          padding: 12px 14px;
          box-shadow: 0 3px 12px rgba(0, 0, 0, .12);
        }

        #site-cookie-module .cc-title {
          color: #fff;
          font-size: 13px;
          font-weight: 700;
          margin: 0 0 6px;
        }

        #site-cookie-module .cc-text {
          margin: 0 0 9px;
        }

        #site-cookie-module .cc-panel a {
          color: #a8ddb0;
          text-decoration: underline;
        }

        #site-cookie-module .cc-panel a:hover {
          color: #fff;
        }

        #site-cookie-module .cc-buttons {
          display: flex;
          flex-wrap: wrap;
          gap: 7px;
          margin-top: 10px;
        }

        #site-cookie-module .cc-btn {
          display: inline-block;
          border: 1px solid #777;
          border-radius: 6px;
          padding: 7px 10px;
          font-family: Arial, sans-serif;
          font-size: 11px;
          line-height: 1.5;
          cursor: pointer;
          background: #333;
          color: #fff;
          appearance: none;
          -webkit-appearance: none;
        }

        #site-cookie-module .cc-btn:hover {
          filter: brightness(1.12);
        }

        #site-cookie-module .cc-btn:focus-visible,
        #site-cookie-module .cc-settings-link:focus-visible {
          outline: 2px solid #a8ddb0;
          outline-offset: 3px;
        }

        #site-cookie-module .cc-btn-primary {
          background: #39864a;
          border-color: #39864a;
          color: #fff;
          font-weight: 700;
        }

        #site-cookie-module .cc-settings {
          margin-top: 10px;
          padding-top: 10px;
          border-top: 1px solid #484848;
        }

        #site-cookie-module .cc-category {
          display: flex;
          align-items: flex-start;
          gap: 9px;
          margin: 10px 0;
        }

        #site-cookie-module .cc-category input {
          margin-top: 3px;
          flex-shrink: 0;
          cursor: pointer;
        }

        #site-cookie-module .cc-category input:disabled {
          cursor: not-allowed;
        }

        #site-cookie-module .cc-category label {
          cursor: pointer;
        }

        #site-cookie-module .cc-category strong {
          display: block;
          margin-bottom: 2px;
        }

        #site-cookie-module .cc-small {
          display: block;
          color: #d0d0d0;
          font-size: 11px;
        }

        #site-cookie-module .cc-footer {
          margin-top: 7px;
          text-align: right;
        }

        #site-cookie-module .cc-settings-link {
          display: inline-block;
          color: #a8ddb0;
          font-family: Arial, sans-serif;
          font-size: 12px;
          line-height: 1.5;
          text-decoration: underline;
          cursor: pointer;
          background: transparent;
          border: 0;
          padding: 8px 4px;
          appearance: none;
          -webkit-appearance: none;
        }

        #site-cookie-module .cc-settings-link:hover {
          color: #fff;
        }

        /* =====================================
           МОБИЛЬНАЯ ВЕРСИЯ
           ===================================== */

        @media (max-width: 480px) {
          #site-cookie-module .ns-warning {
            padding: 10px;
          }

          #site-cookie-module .cc-panel {
            padding: 10px;
          }

          #site-cookie-module .cc-buttons {
            gap: 6px;
          }

          #site-cookie-module .cc-btn {
            padding: 7px 8px;
          }
        }
      </style>

      <!-- ===================================
           ПОСТОЯННОЕ ПРЕДУПРЕЖДЕНИЕ О РЕКЛАМЕ
           =================================== -->

      <aside
        class="ns-warning"
        aria-label="Предупреждение о нежелательной рекламе"
      >
        <strong class="ns-warning-title">
          ⚠️ ВНИМАНИЕ: нежелательные рекламные звонки и SMS
        </strong>

        <p class="ns-warning-text">
          Рекламные звонки, SMS-рассылки и иные рекламные
          обращения по сетям электросвязи без предварительного
          согласия адресата не допускаются в предусмотренных
          законом случаях.
        </p>

        <a
          href="${NO_SPAM_URL}"
          target="_blank"
          rel="noopener noreferrer"
        >Подробнее о защите от нежелательной рекламы и порядке обращения в ФАС России</a>.
      </aside>

      <!-- ===================================
           COOKIE И КОНФИДЕНЦИАЛЬНОСТЬ
           =================================== -->

      <section
        class="cc-panel"
        id="cc-panel"
        aria-label="Настройки cookie"
        aria-live="polite"
        hidden
      >
        <h3 class="cc-title">
          Cookie и конфиденциальность
        </h3>

        <p class="cc-text">
          Сайт использует необходимые cookie для своей работы.
          С вашего согласия подключается Яндекс Метрика,
          включая Вебвизор, для анализа посещаемости и
          взаимодействия с сайтом.
        </p>

        <p class="cc-text">
          <a
            href="${COOKIE_INFO_URL}"
            target="_blank"
            rel="noopener noreferrer"
          >Что такое cookie</a>
          ·
          <a
            href="${METRIKA_INFO_URL}"
            target="_blank"
            rel="noopener noreferrer"
          >Данные Яндекс Метрики</a>
          ·
          <a
            href="${WEBVISOR_INFO_URL}"
            target="_blank"
            rel="noopener noreferrer"
          >О Вебвизоре</a>
          ·
          <a
            href="${COOKIES_URL}"
            target="_blank"
            rel="noopener noreferrer"
          >Политика cookie</a>
          ·
          <a
            href="${POLICY_URL}"
            target="_blank"
            rel="noopener noreferrer"
          >Политика конфиденциальности</a>
          ·
          <a
            href="${CONSENT_URL}"
            target="_blank"
            rel="noopener noreferrer"
          >Согласие на обработку персональных данных</a>
        </p>

        <p class="cc-text">
          Выбор сохраняется на 180 дней. Изменить его можно
          в любое время через «Настройки cookie» в подвале
          сайта. Отключение cookie может повлиять на работу
          отдельных функций.
        </p>

        <div class="cc-buttons">
          <button
            type="button"
            class="cc-btn"
            id="cc-reject"
          >Только обязательные</button>

          <button
            type="button"
            class="cc-btn cc-btn-primary"
            id="cc-accept"
          >Принять все</button>

          <button
            type="button"
            class="cc-btn"
            id="cc-open-settings"
          >Настроить</button>
        </div>

        <div
          class="cc-settings"
          id="cc-settings"
          hidden
        >
          <div class="cc-category">
            <input
              type="checkbox"
              checked
              disabled
              id="cc-necessary"
            >

            <label for="cc-necessary">
              <strong>Обязательные cookie</strong>
              <span class="cc-small">
                Используются для необходимых функций
                и сохранения настроек. Их нельзя отключить
                через этот модуль.
              </span>
            </label>
          </div>

          <div class="cc-category">
            <input
              type="checkbox"
              id="cc-analytics"
            >

            <label for="cc-analytics">
              <strong>
                Аналитика — Яндекс Метрика и Вебвизор
              </strong>
              <span class="cc-small">
                Помогают анализировать посещаемость и действия
                на страницах. Подключаются только при согласии.
              </span>
            </label>
          </div>

          <p class="cc-small">
            Другие счётчики, рекламные инструменты и сторонние
            виджеты необходимо отдельно настроить так, чтобы
            они не загружались до получения соответствующего
            согласия.
          </p>

          <div class="cc-buttons">
            <button
              type="button"
              class="cc-btn cc-btn-primary"
              id="cc-save"
            >Сохранить выбор</button>

            <button
              type="button"
              class="cc-btn"
              id="cc-cancel"
            >Отмена</button>
          </div>
        </div>
      </section>

      <div class="cc-footer">
        <button
          type="button"
          class="cc-settings-link"
          id="cc-settings-link"
        >Настройки cookie</button>
      </div>
    `;

    // =========================================
    // ВСТАВКА МОДУЛЯ
    // =========================================

    if (
      currentScript &&
      currentScript.parentNode
    ) {
      currentScript.parentNode.insertBefore(
        root,
        currentScript.nextSibling
      );
    } else {
      (
        document.querySelector('footer') ||
        document.body
      ).appendChild(root);
    }

    // =========================================
    // ЭЛЕМЕНТЫ УПРАВЛЕНИЯ
    // =========================================

    const panel = root.querySelector('#cc-panel');
    const settingsPanel = root.querySelector('#cc-settings');
    const analyticsCheckbox = root.querySelector('#cc-analytics');

    // =========================================
    // ПОКАЗ И СКРЫТИЕ COOKIE
    // Баннер рекламы здесь не скрывается
    // =========================================

    function hidePanel() {
      panel.hidden = true;
      settingsPanel.hidden = true;
    }

    function showSettings() {
      panel.hidden = false;
      settingsPanel.hidden = false;

      const saved = getConsent();

      analyticsCheckbox.checked = Boolean(
        saved
          ? saved.analytics
          : settings && settings.analytics
      );
    }

    // =========================================
    // ПРИМЕНЕНИЕ СОГЛАСИЯ
    // =========================================

    function applyConsent(analytics, reloadIfRevoked) {
      const previouslyEnabled = Boolean(
        settings && settings.analytics
      );

      settings = saveConsent(analytics);

      window.dispatchEvent(
        new CustomEvent('siteCookieConsentChanged', {
          detail: {
            necessary: true,
            analytics: Boolean(analytics)
          }
        })
      );

      hidePanel();

      if (analytics) {
        startMetrika();
      } else if (
        previouslyEnabled &&
        reloadIfRevoked
      ) {
        window.location.reload();
      }
    }

    // =========================================
    // ОБРАБОТЧИКИ КНОПОК
    // =========================================

    root.querySelector('#cc-accept').addEventListener(
      'click',
      function () {
        applyConsent(true, false);
      }
    );

    root.querySelector('#cc-reject').addEventListener(
      'click',
      function () {
        applyConsent(false, true);
      }
    );

    root.querySelector('#cc-open-settings').addEventListener(
      'click',
      showSettings
    );

    root.querySelector('#cc-settings-link').addEventListener(
      'click',
      showSettings
    );

    root.querySelector('#cc-save').addEventListener(
      'click',
      function () {
        applyConsent(
          analyticsCheckbox.checked,
          true
        );
      }
    );

    root.querySelector('#cc-cancel').addEventListener(
      'click',
      function () {
        if (getConsent()) {
          hidePanel();
        } else {
          settingsPanel.hidden = true;
        }
      }
    );

    // =========================================
    // ВОССТАНОВЛЕНИЕ СОГЛАСИЯ
    // =========================================

    const saved = getConsent();

    if (saved) {
      settings = saved;
      hidePanel();

      if (settings.analytics) {
        startMetrika();
      }
    } else {
      settings = {
        necessary: true,
        analytics: false
      };

      // При первом посещении показываем окно cookie.
      // Предупреждение о рекламе остаётся видимым всегда.
      panel.hidden = false;
    }
  }

  // =========================================
  // ЗАПУСК
  // =========================================

  if (document.readyState === 'loading') {
    document.addEventListener(
      'DOMContentLoaded',
      init,
      { once: true }
    );
  } else {
    init();
  }
})();