<?php if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true)
    die();
/** @var array $arParams */
/** @var array $arResult */
/** @global CMain $APPLICATION */
/** @global CUser $USER */
/** @global CDatabase $DB */
/** @var CBitrixComponentTemplate $this */
/** @var string $templateName */
/** @var string $templateFile */
/** @var string $templateFolder */
/** @var string $componentPath */
/** @var CBitrixComponent $component */
$this->setFrameMode(true);

$obName = 'ob' . preg_replace('/[^a-zA-Z0-9_]/', 'x', $arResult['AREA_ID']);

$visual = [
    'cookieModalPrimary'  => "{$arResult['AREA_ID']}_cookieModalPrimary",
    'closePrimary'        => "{$arResult['AREA_ID']}_closePrimary",
    'settingsBtn'         => "{$arResult['AREA_ID']}_settingsBtn",
    'cancelPrimary'       => "{$arResult['AREA_ID']}_cancelPrimary",
    'acceptAll'           => "{$arResult['AREA_ID']}_acceptAll",
    'acceptAllPopup'      => "{$arResult['AREA_ID']}_acceptAllPopup",
    'overlay'             => "{$arResult['AREA_ID']}_overlay",
    'cookieModalSettings' => "{$arResult['AREA_ID']}_cookieModalSettings",
    'closeSettings'       => "{$arResult['AREA_ID']}_closeSettings",
    'technical-cookies'   => "{$arResult['AREA_ID']}_technical-cookies",
    'technical'           => "{$arResult['AREA_ID']}_technical",
    'analytics'           => "{$arResult['AREA_ID']}_analytics",
    'marketing'           => "{$arResult['AREA_ID']}_marketing",
    'rejectSettings'      => "{$arResult['AREA_ID']}_rejectSettings",
    'acceptSettings'      => "{$arResult['AREA_ID']}_acceptSettings",
];


?>

<? if ($arParams['ACTIVE'] == 'Y'): ?>
    <div class="nw-cookies-modal nw-cookies-modal-primary" id="<?= $visual['cookieModalPrimary'] ?>">
        <div class="nw-cookies-modal-header">
            <h2><?= $arParams['NOTIFICATION_TITLE'] ?></h2>
            <button class="nw-cookies-close-btn" id="<?= $visual['closePrimary'] ?>">
                <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M13 13.2996L1 1.76654M13 1.76654L1 13.2996" stroke="#A9A9A9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                </svg>

            </button>
        </div>
        <div class="nw-cookies-modal-content">
            <?
            $notificationText = $arParams['NOTIFICATION_TEXT'];
            $notificationText = str_replace('#COOKIES_HREF#', $arParams['COOKIE_POLICY_LINK'], $notificationText);
            $notificationText = str_replace("data-show-cookie-settings", "id=\"{$visual['settingsBtn']}\" data-show-cookie-settings", $notificationText);

            ?>
            <p><?= htmlspecialchars_decode($notificationText) ?></p>
        </div>
        <div class="nw-cookies-modal-actions">
            <div class="nw-cookies-modal-actions-btns">
                <? if (!empty($arParams['NOTIFICATION_DECLINE'])): ?>
                    <button class="nw-cookies-btn nw-cookies-btn-cancel" id="<?= $visual['cancelPrimary'] ?>"><?= $arParams['NOTIFICATION_DECLINE'] ?></button>
                <? endif; ?>
                <button class="nw-cookies-btn nw-cookies-btn-accept-all" id="<?= $visual['acceptAll'] ?>"><?= $arParams['NOTIFICATION_ACCEPT'] ?></button>
            </div>


        </div>
    </div>
    <div class="nw-cookies-overlay" id="<?= $visual['overlay'] ?>"></div>
    <div class="nw-cookies-modal nw-cookies-modal-settings" id="<?= $visual['cookieModalSettings'] ?>">
        <div class="nw-cookies-modal-header">
            <div class="nw-cookies-modal-settings-title"><?= $arParams['POPUP_TITLE'] ?></div>
            <button class="nw-cookies-close-btn" id="<?= $visual['closeSettings'] ?>">
                <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M13 13.5213L1 1.98828M13 1.98828L1 13.5214" stroke="#A9A9A9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                </svg>

            </button>
        </div>
        <div class="nw-cookies-modal-content">
            <?
            $popupText = $arParams['POPUP_TEXT'];
            $popupText = str_replace('#HREF#', $arParams['POLICY_LINK'], $popupText);
            $popupText = str_replace('#COOKIES_HREF#', $arParams['COOKIE_POLICY_LINK'], $popupText);

            ?>
            <p><?= htmlspecialchars_decode($popupText) ?></p>

            <div class="nw-cookies-settings">
                <h3 class="nw-cookies-modal-settings-subTitle"><?= $arParams['POPUP_SUBTITLE'] ?></h3>

                <p class="nw-cookies-text"><?= $arParams['POPUP_DESCRIPTION'] ?></p>

                <div class="nw-cookies-type nw-cookies-technical" id="<?= $visual['technical-cookies'] ?>">
                    <div class="nw-cookies-checkbox-container">
                        <div class="nw-cookies-checkbox-header">
                            <div>
                                <input type="checkbox" id="<?= $visual['technical'] ?>" checked disabled>
                                <label for="<?= $visual['technical'] ?>" class="nw-cookies-type-title"><?= $arParams['TECH_TITLE'] ?></label>
                            </div>
                            <div class="nw-cookies-accordion">
                                <svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M10.685 1.6229L5.99747 6.3104C5.93214 6.37595 5.85452 6.42796 5.76906 6.46345C5.68359 6.49894 5.59196 6.5172 5.49942 6.5172C5.40688 6.5172 5.31525 6.49894 5.22978 6.46345C5.14431 6.42796 5.06669 6.37595 5.00137 6.3104L0.313872 1.6229C0.181782 1.49081 0.107574 1.31166 0.107574 1.12485C0.107574 0.938049 0.181782 0.758896 0.313872 0.626806C0.445963 0.494715 0.625115 0.420508 0.811919 0.420508C0.998723 0.420508 1.17788 0.494715 1.30997 0.626806L5.5 4.81684L9.69004 0.62622C9.82213 0.49413 10.0013 0.419922 10.1881 0.419922C10.3749 0.419922 10.554 0.49413 10.6861 0.62622C10.8182 0.75831 10.8924 0.937463 10.8924 1.12427C10.8924 1.31107 10.8182 1.49022 10.6861 1.62231L10.685 1.6229Z" fill="#383839" />
                                </svg>

                            </div>
                        </div>

                        <p class="nw-cookies-type-desc"><?= $arParams['TECH_TEXT'] ?></p>
                    </div>

                </div>

                <? if (!empty($arResult['COOKIE_SETTINGS']['COOKIE_TYPES']['analytics']['ENABLED'])): ?>

                    <div class="nw-cookies-type">
                        <div class="nw-cookies-checkbox-container">
                            <div class="nw-cookies-checkbox-header">
                                <div>
                                    <input type="checkbox" id="<?= $visual['analytics'] ?>" <?= $arParams['ANALYTIC_CHECKED'] == 'Y' ? 'checked' : '' ?>>
                                    <label for="<?= $visual['analytics'] ?>" class="nw-cookies-type-title"><?= $arParams['ANALYTIC_TITLE'] ?></label>
                                </div>
                                <div class="nw-cookies-accordion">
                                    <svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M10.685 1.6229L5.99747 6.3104C5.93214 6.37595 5.85452 6.42796 5.76906 6.46345C5.68359 6.49894 5.59196 6.5172 5.49942 6.5172C5.40688 6.5172 5.31525 6.49894 5.22978 6.46345C5.14431 6.42796 5.06669 6.37595 5.00137 6.3104L0.313872 1.6229C0.181782 1.49081 0.107574 1.31166 0.107574 1.12485C0.107574 0.938049 0.181782 0.758896 0.313872 0.626806C0.445963 0.494715 0.625115 0.420508 0.811919 0.420508C0.998723 0.420508 1.17788 0.494715 1.30997 0.626806L5.5 4.81684L9.69004 0.62622C9.82213 0.49413 10.0013 0.419922 10.1881 0.419922C10.3749 0.419922 10.554 0.49413 10.6861 0.62622C10.8182 0.75831 10.8924 0.937463 10.8924 1.12427C10.8924 1.31107 10.8182 1.49022 10.6861 1.62231L10.685 1.6229Z" fill="#383839" />
                                    </svg>

                                </div>
                            </div>
                            <p class="nw-cookies-type-desc"><?= $arParams['ANALYTIC_TEXT'] ?></p>
                        </div>

                    </div>

                <? endif; ?>

                <? if (!empty($arResult['COOKIE_SETTINGS']['COOKIE_TYPES']['marketing']['ENABLED'])): ?>
                    <div class="nw-cookies-type">
                        <div class="nw-cookies-checkbox-container">
                            <div class="nw-cookies-checkbox-header">
                                <div>
                                    <input type="checkbox" id="<?= $visual['marketing'] ?>" <?= $arParams['MARKETING_CHECKED'] == 'Y' ? 'checked' : '' ?>>
                                    <label for="<?= $visual['marketing'] ?>" class="nw-cookies-type-title"><?= $arParams['MARKETING_TITLE'] ?></label>
                                </div>
                                <div class="nw-cookies-accordion">
                                    <svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M10.685 1.6229L5.99747 6.3104C5.93214 6.37595 5.85452 6.42796 5.76906 6.46345C5.68359 6.49894 5.59196 6.5172 5.49942 6.5172C5.40688 6.5172 5.31525 6.49894 5.22978 6.46345C5.14431 6.42796 5.06669 6.37595 5.00137 6.3104L0.313872 1.6229C0.181782 1.49081 0.107574 1.31166 0.107574 1.12485C0.107574 0.938049 0.181782 0.758896 0.313872 0.626806C0.445963 0.494715 0.625115 0.420508 0.811919 0.420508C0.998723 0.420508 1.17788 0.494715 1.30997 0.626806L5.5 4.81684L9.69004 0.62622C9.82213 0.49413 10.0013 0.419922 10.1881 0.419922C10.3749 0.419922 10.554 0.49413 10.6861 0.62622C10.8182 0.75831 10.8924 0.937463 10.8924 1.12427C10.8924 1.31107 10.8182 1.49022 10.6861 1.62231L10.685 1.6229Z" fill="#383839" />
                                    </svg>

                                </div>
                            </div>
                            <p class="nw-cookies-type-desc"><?= $arParams['MARKETING_TEXT'] ?></p>
                        </div>

                    </div>
                <? endif; ?>

            </div>
        </div>
        <div class="nw-cookies-modal-actions">
            <div>
                <button class="nw-cookies-btn nw-cookies-btn-accept-all" id="<?= $visual['acceptAllPopup'] ?>"><?= $arParams['POPUP_ACCEPT'] ?></button>
                <button class="nw-cookies-btn nw-cookies-btn-accept" id="<?= $visual['acceptSettings'] ?>"><?= $arParams['POPUP_ACCEPT_CHOSEN'] ?></button>
            </div>

            <button class="nw-cookies-btn nw-cookies-btn-cancel" id="<?= $visual['rejectSettings'] ?>"><?= $arParams['POPUP_DECLINE'] ?></button>
        </div>
    </div>

    <?
    $decode = function ($x) {
        return array_map(function ($d) {
            return htmlspecialchars_decode($d);
        }, $x);
    };

    $jsParams = [
        'OBJ_NAME'                 => $obName,
        'VISUAL'                   => $visual,
        'SETTINGS'                 => [
            'delay'      => $arResult['COOKIE_SETTINGS']['SHOW_AFTER'] ? $arResult['COOKIE_SETTINGS']['SHOW_AFTER'] : 1000,
            'cookieName' => $arResult['COOKIE_SETTINGS']['COOKIE_NAME'] ? $arResult['COOKIE_SETTINGS']['COOKIE_NAME'] : 'bitrixCookiePreferences',
            'lifeLimit'  => $arResult['COOKIE_SETTINGS']['COOKIE_LIFETIME'] ? $arResult['COOKIE_SETTINGS']['COOKIE_LIFETIME'] : '365'
        ],
        'ANALYTIC_HEAD_STRINGS'    => $decode($arParams['ANALYTIC_HEAD_STRINGS']),
        'ANALYTIC_FOOTER_STRINGS'  => $decode($arParams['ANALYTIC_FOOTER_STRINGS']),
        'MARKETING_HEAD_STRINGS'   => $decode($arParams['MARKETING_HEAD_STRINGS']),
        'MARKETING_FOOTER_STRINGS' => $decode($arParams['MARKETING_FOOTER_STRINGS']),
    ]; ?>

    <script>
        var <?= $obName ?> = new JSCookiePopup(<?= CUtil::PhpToJSObject($jsParams, false, true) ?>);
    </script>

    <style type="text/css">
        :root {
            --cookies-btn-accept-all-btn-color:
                <?= !empty($arParams['ACCEPT_ALL_COLOR']) ? $arParams['ACCEPT_ALL_COLOR'] : '#000000' ?>
            ;
            --cookies-btn-accept-all-btn-text-color:
                <?= !empty($arParams['ACCEPT_ALL_TEXT_COLOR']) ? $arParams['ACCEPT_ALL_TEXT_COLOR'] : '#ffffff' ?>
            ;
            --cookies-link-hover-color:
                <?= !empty($arParams['LINK_HOVER_COLOR']) ? $arParams['LINK_HOVER_COLOR'] : '#000000' ?>
            ;
        }
    </style>
<? endif; ?>