const scriptTag = document.currentScript;
const notificationApproveMode = scriptTag.getAttribute('data-notificationApproveMode') === 'true';
const notificationApproveNotificationPermissionRoute = scriptTag.getAttribute('data-notificationApproveNotificationPermissionRoute');
const notificationPolicyPageUrl = scriptTag.getAttribute('data-notificationPolicyPageUrl');

const styles=`<style>
.sozlesme-onay-top{position:fixed;bottom:0;left:0;right:0;background-color:#E95307;color:#fff;padding:15px 20px;box-shadow:0 -2px 10px rgba(0,0,0,0.15);z-index:99999999999;transition:bottom 0.3s ease-in-out;min-height:50px;display:flex;align-items:center;justify-content:center;}
.sozlesme-onay-icerik{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;gap:20px;}
.sozlesme-metin{margin:0;font-size:14px;font-weight:500;line-height:1.5;flex-grow:1;}
.sozlesme-metin .detay-link{color:#fff;text-decoration:underline;font-weight:600;}
.sozlesme-metin .detay-link:hover{text-decoration:none;color:#ffdcb3;}
.sozlesme-onay-btn{background-color:#fff;color:#E95307;border:none;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:700;cursor:pointer;transition:transform 0.2s ease-out,background-color 0.2s ease-out,box-shadow 0.2s ease-out;white-space:nowrap;box-shadow:0 2px 5px rgba(0,0,0,0.1);flex-shrink:0;}
.sozlesme-onay-btn:hover{background-color:#f0f0f0;transform:scale(1.05) translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,0.15);}
.sozlesme-onay-btn:active{transform:scale(0.98) translateY(0);box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.sozlesme-onay-btn.secondary{background-color:transparent;color:#fff;border:1px solid #fff;margin-left:10px;}
.sozlesme-onay-btn.secondary:hover{background-color:rgba(255,255,255,0.1);color:#fff;transform:scale(1.03) translateY(-1px);}
.sozlesme-buton-grup{display:flex;}
@media (max-width:768px){
.sozlesme-buton-grup{flex-direction:column;}
.sozlesme-onay-icerik .sozlesme-onay-btn{margin-left:0;}
.sozlesme-onay-icerik .sozlesme-onay-btn+.sozlesme-onay-btn{margin-top:10px;}
.sozlesme-onay-top{padding:15px;}
.sozlesme-onay-icerik{flex-direction:column;align-items:stretch;gap:12px;text-align:center;}
.sozlesme-metin{font-size:13px;margin-bottom:5px;}
.sozlesme-onay-btn{width:100%;padding:12px 20px;font-size:15px;}
}
</style>`
document.head.insertAdjacentHTML('beforeend', styles);
console.log('notificationApproveMode',notificationApproveMode);
if(
    typeof notificationApproveMode === "undefined" || notificationApproveMode === null ||
  typeof notificationApproveNotificationPermissionRoute === "undefined" || notificationApproveNotificationPermissionRoute === null ||
  typeof notificationPolicyPageUrl === "undefined" || notificationPolicyPageUrl === null
){
    console.log('Notification permission variables are not defined.');

}else{
    if(notificationApproveMode==false){
        const NOTIFICATION_REMINDER_KEY = 'notificationPermissionReminderSet';
        const REMINDER_DURATION_MS = 3 * 60 * 60 * 1000; // 24 saat milisaniye cinsinden

        const removeBanner = () => {
            const banner = document.querySelector('.sozlesme-onay-top');
            if (banner) {
                banner.remove();
            }
        };

        const handleConfirmNotificationPermission = () => {
            fetch(notificationApproveNotificationPermissionRoute, {
                method: 'POST',
                headers: {
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
                    'Content-Type': 'application/json',
                    'Accept': 'application/json'
                },
            }).then(response => {
                if (!response.ok) {
                    return response.json().then(err => { throw err; });
                }
                return response.json();
            }).then(function(response) {
                if (response.success !== undefined && response.success === true) {
                    removeBanner();
                    localStorage.removeItem(NOTIFICATION_REMINDER_KEY);
                    Swal.fire({
                        title: 'Başarılı',
                        text: 'Bildirim izni tercihleriniz kaydedildi.',
                        confirmButtonText: 'Tamam',
                        icon: 'success'
                    });
                } else {
                    const errorMessage = response.message || 'Bildirim izni tercihleriniz kaydedilemedi.';
                    Swal.fire({
                        title: 'Hata',
                        text: errorMessage,
                        confirmButtonText: 'Tamam',
                        icon: 'error'
                    });
                }
            }).catch(function(error) {
                console.error('Fetch error:', error);
                let errorMessageText = 'Bir sorun oluştu. Lütfen daha sonra tekrar deneyin.';
                if (error && error.message) {
                    errorMessageText = error.message;
                } else if (typeof error === 'string') {
                    errorMessageText = error;
                }
                Swal.fire({
                    title: 'İşlem Başarısız',
                    text: errorMessageText,
                    confirmButtonText: 'Tamam',
                    icon: 'error'
                });
            });
        };
        const handleLaterNotificationPermission = () => {
            const currentTime = new Date().getTime();
            localStorage.setItem(NOTIFICATION_REMINDER_KEY, currentTime.toString());
            removeBanner();
        };
        const shouldShowBanner = () => {
            const reminderSetTime = localStorage.getItem(NOTIFICATION_REMINDER_KEY);
            if (!reminderSetTime) {
                return true;
            }
            const currentTime = new Date().getTime();
            const timeElapsed = currentTime - parseInt(reminderSetTime, 10);

            if (timeElapsed >= REMINDER_DURATION_MS) {
                localStorage.removeItem(NOTIFICATION_REMINDER_KEY);
                console.log('Banner should be shown.');
                return true;
            }

            return false;
        };



        const initBanner = () => {
            const csrfTokenMeta = document.querySelector('meta[name="csrf-token"]');
            if (!csrfTokenMeta || !csrfTokenMeta.getAttribute('content')) {
                console.error('CSRF token meta tag not found or empty. Banner cannot be initialized.');
                return;
            }

            if (!shouldShowBanner()) {
                console.log('Banner should not be shown.');
                return;
            }

            const bannerHTML = `
            <div class="sozlesme-onay-top">
                <div class="sozlesme-onay-icerik">
                    <p class="sozlesme-metin">
                        Size daha iyi hizmet sunabilmek ve yeniliklerden haberdar etmek için bildirimleri kullanıyoruz.
                        Bildirim almak ister misiniz?
                        <a href="${notificationPolicyPageUrl}" class="detay-link" >Detaylı Bilgi ve izin sözleşmesi için tıklayınız.</a>
                    </p>
                    <div class="sozlesme-buton-grup">
                        <button class="sozlesme-onay-btn" id="notificationConfirmBtn">Evet İzin Ver</button>
                        <button class="sozlesme-onay-btn secondary" id="notificationLaterBtn">Daha Sonra Hatırlat</button>
                    </div>
                </div>
            </div>`;


            document.body.insertAdjacentHTML('beforeend', bannerHTML);
            document.getElementById('notificationConfirmBtn').addEventListener('click', handleConfirmNotificationPermission);
            document.getElementById('notificationLaterBtn').addEventListener('click', handleLaterNotificationPermission);
        };
        document.addEventListener('DOMContentLoaded', initBanner);
    }
}