@inject('announcementService', 'App\Services\SiteAnnouncementService')

@php
    $homepagePopup = $announcementService->getHomepagePopup();
@endphp

@if($homepagePopup)
    <div x-data="{
        show: false,
        id: {{ $homepagePopup->id }},
        remember: {{ $homepagePopup->remember_dismissal ? 'true' : 'false' }},
        days: {{ $homepagePopup->dismissal_days ?? 1 }},
        init() {
            const key = 'site_announcement_dismissed_' + this.id;
            if (this.remember) {
                const dismissedAt = localStorage.getItem(key);
                if (dismissedAt) {
                    const diff = Date.now() - parseInt(dismissedAt, 10);
                    const limit = this.days * 24 * 60 * 60 * 1000;
                    if (diff < limit) {
                        this.show = false;
                        return;
                    } else {
                        localStorage.removeItem(key);
                    }
                }
            } else {
                if (sessionStorage.getItem(key)) {
                    this.show = false;
                    return;
                }
            }
            // Sayfa yüklendikten kısa süre sonra açılması hoş bir mikro-animasyondur
            setTimeout(() => {
                this.show = true;
            }, 600);
        },
        dismiss() {
            const key = 'site_announcement_dismissed_' + this.id;
            if (this.remember) {
                localStorage.setItem(key, Date.now().toString());
            } else {
                sessionStorage.setItem(key, 'true');
            }
            this.show = false;
        }
    }" 
    x-show="show" 
    @keyup.escape.window="dismiss()"
    class="site-announcement-popup-overlay" 
    style="display: none;"
    x-transition:enter="transition ease-out duration-300"
    x-transition:enter-start="opacity-0"
    x-transition:enter-end="opacity-100"
    x-transition:leave="transition ease-in duration-200"
    x-transition:leave-start="opacity-100"
    x-transition:leave-end="opacity-0"
    >
        {{-- Dış Alana Tıklayınca Kapanma --}}
        <div class="popup-backdrop" @click="dismiss()"></div>

        <div class="site-announcement-popup-content {{ $homepagePopup->background_style }} {{ $homepagePopup->text_style }}"
             x-transition:enter="transition ease-out duration-300 transform"
             x-transition:enter-start="opacity-0 scale-95 translate-y-4"
             x-transition:enter-end="opacity-100 scale-100 translate-y-0"
             x-transition:leave="transition ease-in duration-200 transform"
             x-transition:leave-start="opacity-100 scale-100 translate-y-0"
             x-transition:leave-end="opacity-0 scale-95 translate-y-4"
        >
            {{-- Belirgin Kapatma Butonu --}}
            @if($homepagePopup->isDismissible())
                <button type="button" @click="dismiss()" class="popup-close-btn" aria-label="Popup Kapat">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" style="width: 20px; height: 20px;">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </button>
            @endif

            <div class="popup-body">
                @if($homepagePopup->icon)
                    <div class="popup-icon-wrapper">
                        <i class="{{ $homepagePopup->icon }} popup-icon"></i>
                    </div>
                @endif
                
                <h4 class="popup-title">{{ $homepagePopup->title }}</h4>
                <p class="popup-message">{{ $homepagePopup->message }}</p>

                @if($homepagePopup->button_text && $homepagePopup->button_url)
                    <div class="popup-action">
                        <a href="{{ $homepagePopup->button_url }}" 
                           class="popup-btn" 
                           @if(str_starts_with($homepagePopup->button_url, 'http://') || str_starts_with($homepagePopup->button_url, 'https://')) target="_blank" rel="noopener noreferrer" @endif>
                            {{ $homepagePopup->button_text }}
                        </a>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endif