@php
    use App\Helpers\Helper;
    $manager = $cookieConsentManager ?? app(\App\Services\CookieConsent\CookieConsentManager::class);
    $categories = $manager->categoryKeys();
    $preferences = $manager->getPreferences() ?? $manager->defaultPreferences();
@endphp

@if($manager->isEnabled())
    <div id="usms-cookie-modal" class="usms-cookie-modal" role="dialog" aria-modal="true" aria-labelledby="usms-cookie-modal-title" aria-hidden="true" hidden>
        <div class="usms-cookie-modal__backdrop" data-usms-cookie-modal-close tabindex="-1"></div>
        <div class="usms-cookie-modal__dialog" role="document">
            <div class="usms-cookie-modal__header">
                <div>
                    <h2 id="usms-cookie-modal-title" class="usms-cookie-modal__title">{{ Helper::cookieConsentMessage('modal.title') }}</h2>
                    <p class="usms-cookie-modal__subtitle">{{ Helper::cookieConsentMessage('modal.subtitle') }}</p>
                </div>
                <button type="button" class="btn btn-icon btn-sm" data-usms-cookie-modal-close aria-label="{{ Helper::cookieConsentMessage('banner.close') }}">
                    <i data-feather="x"></i>
                </button>
            </div>

            <div class="usms-cookie-modal__body" id="usms-cookie-categories">
                @foreach($categories as $key)
                    @php
                        $definition = $manager->categoryDefinitions()[$key] ?? [];
                        $isRequired = (bool) ($definition['required'] ?? false);
                        $isChecked = (bool) ($preferences[$key] ?? false);
                    @endphp
                    <article class="usms-cookie-category" data-category="{{ $key }}">
                        <div class="usms-cookie-category__head">
                            <div class="usms-cookie-category__titles">
                                <h3 class="usms-cookie-category__title">{{ Helper::cookieConsentMessage("categories.{$key}.title") }}</h3>
                                @if($isRequired)
                                    <span class="badge bg-light-secondary usms-cookie-category__badge">{{ Helper::cookieConsentMessage('modal.always_active') }}</span>
                                @endif
                            </div>
                            <x-cookie-consent.toggle
                                :id="'usms-cookie-'.$key"
                                :name="'categories['.$key.']'"
                                :checked="$isChecked"
                                :disabled="$isRequired"
                            />
                        </div>
                        <p class="usms-cookie-category__description">{{ Helper::cookieConsentMessage("categories.{$key}.description") }}</p>
                        <p class="usms-cookie-category__examples">{{ Helper::cookieConsentMessage("categories.{$key}.examples") }}</p>
                    </article>
                @endforeach
            </div>

            <div class="usms-cookie-modal__footer">
                <button type="button" class="btn btn-outline-secondary" data-usms-cookie-reject-optional>{{ Helper::cookieConsentMessage('modal.reject_optional') }}</button>
                <button type="button" class="btn btn-outline-primary" data-usms-cookie-accept-all-modal>{{ Helper::cookieConsentMessage('modal.accept_all') }}</button>
                <button type="button" class="btn btn-primary" data-usms-cookie-save>{{ Helper::cookieConsentMessage('modal.save') }}</button>
            </div>
        </div>
    </div>
@endif