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

@php
    $topBarAnnouncement = $announcementService->getTopBarAnnouncement();
@endphp

@if($topBarAnnouncement)
    <div x-data="{
        show: false,
        id: {{ $topBarAnnouncement->id }},
        remember: {{ $topBarAnnouncement->remember_dismissal ? 'true' : 'false' }},
        days: {{ $topBarAnnouncement->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;
                }
            }
            this.show = true;
        },
        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" x-transition.opacity class="site-announcement-top-bar {{ $topBarAnnouncement->background_style }} {{ $topBarAnnouncement->text_style }}" style="display: none;">
        <div class="sf-container d-flex align-items-center justify-content-between py-2 flex-wrap gap-2">
            <div class="d-flex align-items-center gap-2 flex-grow-1 justify-content-center text-center">
                @if($topBarAnnouncement->icon)
                    <i class="{{ $topBarAnnouncement->icon }} announcement-icon"></i>
                @endif
                <span class="announcement-message">{{ $topBarAnnouncement->message }}</span>
                @if($topBarAnnouncement->button_text && $topBarAnnouncement->button_url)
                    <a href="{{ $topBarAnnouncement->button_url }}" 
                       class="announcement-btn" 
                       @if(str_starts_with($topBarAnnouncement->button_url, 'http://') || str_starts_with($topBarAnnouncement->button_url, 'https://')) target="_blank" rel="noopener noreferrer" @endif>
                        {{ $topBarAnnouncement->button_text }}
                    </a>
                @endif
            </div>
            @if($topBarAnnouncement->isDismissible())
                <button type="button" @click="dismiss()" class="btn-close-announcement" aria-label="Kapat">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" style="width: 16px; height: 16px;">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
                    </svg>
                </button>
            @endif
        </div>
    </div>
@endif