@php
    use App\Support\CookieConsent;
    $cats = CookieConsent::categories();
    $consent = CookieConsent::current();
    $hasConsent = $consent !== null;
@endphp

{{-- Floating "Cookie settings" button — reopen preferences at any time. --}}
<button type="button" class="cookie-manage" data-cookie-open aria-label="Cookie settings">
    <i class="fa-light fa-cookie"></i> Cookie settings
</button>

{{-- Consent dialog. Shown by default until a choice is made; reopened via the
     manage button. Posts to the server (works without JS). --}}
<div class="cookie-banner {{ $hasConsent ? 'is-hidden' : '' }}" id="cookieBanner"
     role="dialog" aria-modal="false" aria-labelledby="cookieTitle" data-cookie-banner>
    <div class="cookie-overlay" data-cookie-close></div>
    <div class="cookie-card">
        <form method="POST" action="{{ route('cookie-consent.store') }}">
            @csrf
            <input type="hidden" name="return" value="{{ request()->fullUrl() }}">

            <div class="cookie-head">
                <span class="cookie-ico"><i class="fa-light fa-cookie"></i></span>
                <div>
                    <h2 id="cookieTitle" class="cookie-title">We value your privacy</h2>
                    <p class="cookie-text">We use cookies to run this site, remember your preferences and understand how it’s used. Choose what you’re happy with — you can change or withdraw your choice at any time. See our <a href="https://data.yspi.ie/privacy.php" target="_blank" rel="noopener">privacy policy</a>.</p>
                </div>
                @if ($hasConsent)
                    <button type="button" class="cookie-x" data-cookie-close aria-label="Close"><i class="fa-light fa-xmark"></i></button>
                @endif
            </div>

            {{-- Preferences (toggle open with "Manage preferences"). --}}
            <div class="cookie-prefs {{ $hasConsent ? 'is-open' : '' }}" data-cookie-prefs>
                @foreach ($cats as $key => $cat)
                    @php $on = $cat['required'] || CookieConsent::allows($key); @endphp
                    <label class="cookie-cat">
                        <span class="cc-ico"><i class="fa-light {{ $cat['icon'] }}"></i></span>
                        <span class="cc-body">
                            <span class="cc-label">{{ $cat['label'] }}@if ($cat['required'])<span class="cc-always">Always on</span>@endif</span>
                            <span class="cc-desc">{{ $cat['description'] }}</span>
                        </span>
                        <input type="checkbox" class="cc-toggle" name="categories[{{ $key }}]" value="1"
                               @checked($on) @disabled($cat['required'])>
                    </label>
                @endforeach
            </div>

            <div class="cookie-actions">
                <button type="submit" name="action" value="accept_all" class="btn btn-donate"><i class="fa-light fa-check"></i>&nbsp; Accept all</button>
                <button type="submit" name="action" value="reject_all" class="btn btn-ghost-navy">Reject all</button>
                <button type="button" class="btn btn-ghost-navy" data-cookie-toggle-prefs><i class="fa-light fa-sliders"></i>&nbsp; <span data-prefs-label>Manage preferences</span></button>
                <button type="submit" name="action" value="save_preferences" class="btn btn-navy cookie-save {{ $hasConsent ? '' : 'is-hidden' }}" data-cookie-save>Save preferences</button>
            </div>
        </form>
    </div>
</div>