{# templates/cookie_consent/banner.html.twig #}
<div class="ch-cookie-consent ch-cookie-consent--light-theme ch-cookie-consent--bottom ch-cookie-consent--simplified modern-cookie-banner" id="cookie-banner-custom" style="display: none;">
    <div class="cookie-banner-container">
        <div class="cookie-banner-content">
            <p class="ch-cookie-consent__intro">
                {{ 'lang.cookie.intro' | trans }}
            </p>

            <div class="ch-cookie-consent__category-group" id="cookie-categories" style="display: none;">
                <div class="cookie-category">
                    <div class="category-header">
                        <h4>{{ 'lang.cookie.analytics.title' | trans }}</h4>
                        <label class="toggle-switch">
                            <input type="checkbox" id="analytics-checkbox" aria-label="{{ 'lang.cookie.analytics.title'|trans }}">
                            <span class="toggle-slider"></span>
                        </label>
                    </div>
                    <p class="category-description">{{ 'lang.cookie.analytics.description' | trans }}</p>
                    <p class="category-details">{{ 'lang.cookie.analytics.details' | trans }}</p>
                </div>

                <div class="cookie-category">
                    <div class="category-header">
                        <h4>{{ 'lang.cookie.marketing.title' | trans }}</h4>
                        <label class="toggle-switch">
                            <input type="checkbox" id="marketing-checkbox" aria-label="{{ 'lang.cookie.marketing.title'|trans }}">
                            <span class="toggle-slider"></span>
                        </label>
                    </div>
                    <p class="category-description">{{ 'lang.cookie.marketing.description' | trans }}</p>
                    <p class="category-details">{{ 'lang.cookie.marketing.details' | trans }}</p>
                </div>

                <div class="cookie-category">
                    <div class="category-header">
                        <h4>{{ 'lang.cookie.session.title' | trans }}</h4>
                        <label class="toggle-switch">
                            <input type="checkbox" id="tracking-checkbox" aria-label="{{ 'lang.cookie.session.title'|trans }}">
                            <span class="toggle-slider"></span>
                        </label>
                    </div>
                    <p class="category-description">{{ 'lang.cookie.session.description' | trans }}</p>
                    <p class="category-details">{{ 'lang.cookie.session.details' | trans }}</p>
                </div>
            </div>

            <div class="ch-cookie-consent__btn-group" id="main-buttons">
                <button type="button" id="reject-all-btn" class="btn btn-reject">
                    {{ 'lang.cookie.btn.reject_all' | trans }}
                </button>

                <button type="button" id="customize-btn" class="btn btn-customize">
                    {{ 'lang.cookie.btn.customize' | trans }}
                </button>

                <button type="button" id="accept-all-btn" class="btn btn-accept">
                    {{ 'lang.cookie.btn.accept_all' | trans }}
                </button>
            </div>

            <div class="ch-cookie-consent__btn-group" id="customize-buttons" style="display: none;">
                <button type="button" id="reject-all-custom-btn" class="btn btn-reject">
                    {{ 'lang.cookie.btn.reject_all' | trans }}
                </button>

                <button type="button" id="save-preferences-btn" class="btn btn-save">
                    {{ 'lang.cookie.btn.save_preferences' | trans }}
                </button>
            </div>

            <div class="policy-links" id="policy-links" style="display: none;">

                <a href="https://cumas365.com/datenschutzerklarung/">{{ 'lang.privacy_policy' | trans }}</a>
            </div>
        </div>
    </div>
</div>

<script>
    (function() {
        // Функция для получения состояния согласия
        function checkConsent() {
            return fetch('/cookie-consent/check', {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json'
                }
            })
                .then(response => response.json())
                .catch(error => {
                    console.error('Error checking consent:', error);
                    return { hasConsent: false };
                });
        }

        // Функция для сохранения согласия
        function saveConsent(data) {
            return fetch('/cookie-consent/save', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest'
                },
                body: JSON.stringify(data)
            })
                .then(response => response.json())
                .then(result => {
                    if (result.status === 'success') {
                        if (typeof window.updateGoogleConsentMode === 'function') {
                            window.updateGoogleConsentMode({
                                analytics: !!data.analytics,
                                marketing: !!data.marketing
                            });
                        }
                        window.dispatchEvent(new CustomEvent('cookie-consent-updated', {
                            detail: {
                                analytics: !!data.analytics,
                                marketing: !!data.marketing,
                                tracking: !!data.tracking
                            }
                        }));
                        hideBanner();
                        window.location.reload();
                    }
                })
                .catch(error => {
                    console.error('Error saving consent:', error);
                });
        }

        // Функция для показа баннера
        function showBanner() {
            const banner = document.getElementById('cookie-banner-custom');
            if (banner) {
                banner.style.display = 'block';
            }
        }

        // Функция для скрытия баннера
        function hideBanner() {
            const banner = document.getElementById('cookie-banner-custom');
            if (banner) {
                banner.style.display = 'none';
            }
        }

        // Инициализация при загрузке страницы
        document.addEventListener('DOMContentLoaded', function() {
            
            if (window.location.pathname.includes('/2fa') || window.location.pathname.includes('/2fa_check')) {
                return;
            }
            
            // Проверяем наличие согласия
            checkConsent().then(data => {
                if (!data.hasConsent) {
                    showBanner();
                } else {
                    // Если есть согласие, можем использовать сохраненные настройки
                    console.log('Cookie consent exists:', data.categories);
                }
            });

            // Элементы управления
            const customizeBtn = document.getElementById('customize-btn');
            const categoriesDiv = document.getElementById('cookie-categories');
            const mainButtons = document.getElementById('main-buttons');
            const customizeButtons = document.getElementById('customize-buttons');
            const policyLinks = document.getElementById('policy-links');

            const analyticsCheckbox = document.getElementById('analytics-checkbox');
            const trackingCheckbox = document.getElementById('tracking-checkbox');
            const marketingCheckbox = document.getElementById('marketing-checkbox');

            // Кнопка Customize - показывает категории
            if (customizeBtn) {
                customizeBtn.addEventListener('click', function() {
                    categoriesDiv.style.display = 'block';
                    mainButtons.style.display = 'none';
                    customizeButtons.style.display = 'flex';
                    policyLinks.style.display = 'block';
                });
            }

            // Кнопка Accept All
            const acceptAllBtn = document.getElementById('accept-all-btn');
            if (acceptAllBtn) {
                acceptAllBtn.addEventListener('click', function() {
                    saveConsent({
                        action: 'accept_all',
                        analytics: true,
                        tracking: true,
                        marketing: true,
                        social_media: false // Скрытая категория, всегда false
                    });
                });
            }

            // Кнопка Reject All (главная)
            const rejectAllBtn = document.getElementById('reject-all-btn');
            if (rejectAllBtn) {
                rejectAllBtn.addEventListener('click', function() {
                    saveConsent({
                        action: 'reject_all',
                        analytics: false,
                        tracking: false,
                        marketing: false,
                        social_media: false
                    });
                });
            }

            // Кнопка Reject All (в режиме настройки)
            const rejectAllCustomBtn = document.getElementById('reject-all-custom-btn');
            if (rejectAllCustomBtn) {
                rejectAllCustomBtn.addEventListener('click', function() {
                    saveConsent({
                        action: 'reject_all',
                        analytics: false,
                        tracking: false,
                        marketing: false,
                        social_media: false
                    });
                });
            }

            // Кнопка Save Preferences
            const savePreferencesBtn = document.getElementById('save-preferences-btn');
            if (savePreferencesBtn) {
                savePreferencesBtn.addEventListener('click', function() {
                    saveConsent({
                        action: 'custom',
                        analytics: analyticsCheckbox ? analyticsCheckbox.checked : false,
                        tracking: trackingCheckbox ? trackingCheckbox.checked : false,
                        marketing: marketingCheckbox ? marketingCheckbox.checked : false,
                        social_media: false
                    });
                });
            }
        });

        // Экспортируем глобальные функции для использования в других скриптах
        window.CookieConsent = {
            checkConsent: checkConsent,
            saveConsent: saveConsent,
            showBanner: showBanner,
            revoke: function() {
                fetch('/cookie-consent/revoke', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-Requested-With': 'XMLHttpRequest'
                    }
                })
                    .then(() => {
                        if (typeof window.updateGoogleConsentMode === 'function') {
                            window.updateGoogleConsentMode({ analytics: false, marketing: false });
                        }
                        window.location.reload();
                    });
            }
        };
    })();
</script>