@php
    use App\Models\PlatformSetting;
    $cfg = PlatformSetting::group('cookie');
    $enabled = ($cfg['enabled'] ?? '1') === '1';
    $loc = app()->getLocale();
    $message = $cfg["message_$loc"] ?? $cfg['message_en'] ?? '';
    $accept  = $cfg["accept_label_$loc"] ?? $cfg['accept_label_en'] ?? 'Accept';
    $decline = $cfg["decline_label_$loc"] ?? $cfg['decline_label_en'] ?? 'Decline';
    $policy  = $cfg['policy_url'] ?? '/privacy';
@endphp
@if($enabled && $message)
<div x-data="{
        visible: false,
        init() {
            const v = localStorage.getItem('cookie_consent');
            if (!v) this.visible = true;
        },
        accept() { localStorage.setItem('cookie_consent', 'accepted'); this.visible = false; },
        decline(){ localStorage.setItem('cookie_consent', 'declined'); this.visible = false; },
     }"
     x-show="visible" x-transition.opacity x-cloak
     class="fixed bottom-0 inset-x-0 z-50 p-4 sm:p-5 bg-slate-900/95 dark:bg-slate-950/95 backdrop-blur text-white shadow-2xl border-t border-slate-700">
    <div class="max-w-6xl mx-auto flex flex-col sm:flex-row sm:items-center gap-4">
        <div class="flex-1 text-sm">
            {{ $message }}
            @if($policy)
                <a href="{{ $policy }}" class="underline ms-1 hover:text-emerald-300">{{ __('Learn more') }}</a>
            @endif
        </div>
        <div class="flex items-center gap-2 shrink-0">
            <button type="button" @click="decline()" class="px-3 py-1.5 rounded-lg text-sm font-medium text-slate-200 hover:bg-slate-800 transition">
                {{ $decline }}
            </button>
            <button type="button" @click="accept()" class="px-4 py-1.5 rounded-lg text-sm font-semibold bg-emerald-500 hover:bg-emerald-600 text-white transition">
                {{ $accept }}
            </button>
        </div>
    </div>
</div>
@endif