@php
    $p = $promo ?? [];
    $promoOn = !empty($p['enabled']);
    $delay = (int) ($p['delay_ms'] ?? 700);
    $once = !empty($p['session_once']);
    $isEn = ($locale ?? app()->getLocale()) === 'en';
    $title = $isEn ? ($p['title_en'] ?? '') : ($p['title_sr'] ?? '');
    $body = $isEn ? ($p['body_en'] ?? '') : ($p['body_sr'] ?? '');
    $btn = $isEn ? ($p['button_label_en'] ?? '') : ($p['button_label_sr'] ?? '');
    $url = trim((string) ($p['button_url'] ?? ''));
    if ($url === '') {
        $url = route('pilates.classes');
    }
@endphp
@if($promoOn && ($title !== '' || $body !== ''))
<div
    x-data="{
        open: false,
        init() {
            const key = 'ajr_promo_dismissed';
            const delay = {{ max(0, $delay) }};
            const once = {{ $once ? 'true' : 'false' }};
            setTimeout(() => {
                if (once && sessionStorage.getItem(key)) return;
                this.open = true;
            }, delay);
        },
        dismiss() {
            this.open = false;
            @if($once) sessionStorage.setItem('ajr_promo_dismissed', '1'); @endif
        }
    }"
    x-show="open"
    x-cloak
    class="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/40"
    style="display: none;"
    @keydown.escape.window="dismiss()"
    @click.self="dismiss()"
>
    <div class="bg-card text-card-foreground border border-border rounded-xl shadow-lg max-w-md w-full" @click.stop>
        <div class="flex items-start justify-between p-5 border-b border-border">
            <h3 class="text-lg font-semibold m-0 pr-4">{{ $title ?: __('app.company_name') }}</h3>
            <button type="button" class="text-2xl leading-none text-foreground/60 hover:text-foreground bg-transparent border-0 cursor-pointer shrink-0" @click="dismiss()" aria-label="Close">&times;</button>
        </div>
        @if($body !== '')
            <div class="p-5 text-sm text-foreground/80 leading-relaxed whitespace-pre-line">{{ $body }}</div>
        @endif
        <div class="flex flex-wrap gap-2 p-5 border-t border-border">
            <a href="{{ $url }}" class="inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-4 bg-primary text-primary-foreground hover:bg-accent" @click="dismiss()">{{ $btn ?: __('app.homepage_view_schedule') }}</a>
            <button type="button" class="inline-flex items-center justify-center rounded-md text-sm font-medium h-9 px-4 border border-border bg-background hover:bg-muted/50" @click="dismiss()">{{ __('app.close') }}</button>
        </div>
    </div>
</div>
@endif