{{-- GDPR Cookie Consent Banner (Story 7.1) --}}
{{-- Rendered on every page. JavaScript handles show/hide based on localStorage. --}}
<div
    id="cookie-band"
    role="dialog"
    aria-label="{{ __('cookie.title') }}"
    aria-describedby="cookie-band-description"
    class="fixed bottom-4 right-4 z-50 w-[360px] rounded-lg border border-white/10 bg-background p-4 shadow-lg
           max-sm:w-full max-sm:left-0 max-sm:right-0 max-sm:bottom-0 max-sm:rounded-none max-sm:rounded-t-lg
           hidden opacity-0 transition-opacity duration-300">
    {{-- Title --}}
    <p class="text-white font-semibold text-sm mb-1">
        {{ __('cookie.title') }}
    </p>

    {{-- Description --}}
    <p id="cookie-band-description" class="text-muted-foreground text-xs mb-3">
        {{ __('cookie.description') }}
        <a
            href="{{ url(app()->getLocale() . __('cookie.learn_more_url')) }}"
            class="text-[#6dadff] text-xs hover:underline">
            {{ __('cookie.learn_more') }}
        </a>
    </p>

    {{-- Action buttons --}}
    <div class="flex gap-2">
        <button
            data-cookie-accept
            aria-label="{{ __('cookie.accept') }}"
            class="bg-primary text-white text-sm rounded-full px-4 py-2 hover:brightness-110 transition-all cursor-pointer">
            {{ __('cookie.accept') }}
        </button>
        <button
            data-cookie-reject
            aria-label="{{ __('cookie.reject') }}"
            class="bg-transparent border border-white/10 text-white text-sm rounded-full px-4 py-2 hover:bg-white/5 transition-all cursor-pointer">
            {{ __('cookie.reject') }}
        </button>
    </div>
</div>