@php
    $cookie_banner_promotion = app(\App\Services\Listing\ListingPromotionPlacementService::class)
        ->cookieBannerPromotion(request());
@endphp

<div class="cookie-consent-bar d-none" id="cookieConsentBar" role="dialog" aria-labelledby="cookieConsentTitle" aria-live="polite">
    <div class="cookie-consent-bar__inner">
        <div class="cookie-consent-bar__grid">
            <div class="cookie-consent-bar__col cookie-consent-bar__col--intro">
                <h2 class="cookie-consent-bar__title" id="cookieConsentTitle">
                    {{ __('translate.Cookie consent title') }}
                </h2>
                <p class="cookie-consent-bar__message">{{ $cookie_consent->message }}</p>
                <p class="cookie-consent-bar__links">
                    <a href="{{ route('cookie-policy') }}" class="cookie-consent-bar__link cookie-consent-bar__link--boxed">
                        {{ __('translate.Cookie Policy') }}
                    </a>
                    <a href="{{ route('privacy-policy') }}" class="cookie-consent-bar__link">
                        {{ __('translate.Privacy Policy') }}
                    </a>
                </p>
            </div>

            <div class="cookie-consent-bar__col cookie-consent-bar__col--detail">
                @if (!empty($cookie_banner_promotion))
                    <div class="cookie-consent-bar__promo">
                        @include('partials.listing_subcategory_promoted_banner', [
                            'promoted' => $cookie_banner_promotion,
                            'variant' => 'cookie',
                        ])
                    </div>
                @else
                    <p class="cookie-consent-bar__detail-title">{{ __('translate.Cookie consent purposes title') }}</p>
                    <p class="cookie-consent-bar__detail-text">{{ __('translate.Cookie consent purposes text') }}</p>
                @endif
            </div>

            <div class="cookie-consent-bar__col cookie-consent-bar__col--actions">
                <button type="button" class="cookie-consent-bar__btn cookie-consent-bar__btn--primary cookie_consent_accept_all_btn">
                    {{ __('translate.Accept all cookies') }}
                </button>
                <button type="button" class="cookie-consent-bar__btn cookie-consent-bar__btn--secondary cookie_consent_accept_necessary_btn">
                    {{ __('translate.Accept necessary cookies') }}
                </button>
                <button type="button" class="cookie-consent-bar__btn cookie-consent-bar__btn--outline cookie_consent_toggle_preferences_btn" aria-expanded="false" aria-controls="cookieConsentPreferences">
                    {{ __('translate.Set cookie preferences') }}
                </button>
            </div>
        </div>

        <div class="cookie-consent-bar__preferences d-none" id="cookieConsentPreferences">
            <p class="cookie-consent-bar__preferences-lead">{{ __('translate.Cookie preferences lead') }}</p>
            <ul class="cookie-consent-bar__preference-list">
                <li class="cookie-consent-bar__preference-item cookie-consent-bar__preference-item--locked">
                    <label class="cookie-consent-bar__preference-label">
                        <input type="checkbox" checked disabled>
                        <span class="cookie-consent-bar__preference-text">
                            <strong>{{ __('translate.Cookie category necessary') }}</strong>
                            <small>{{ __('translate.Cookie category necessary help') }}</small>
                        </span>
                    </label>
                </li>
                <li class="cookie-consent-bar__preference-item">
                    <label class="cookie-consent-bar__preference-label">
                        <input type="checkbox" class="cookie-consent-pref" data-cookie-pref="analytics" value="1">
                        <span class="cookie-consent-bar__preference-text">
                            <strong>{{ __('translate.Cookie category analytics') }}</strong>
                            <small>{{ __('translate.Cookie category analytics help') }}</small>
                        </span>
                    </label>
                </li>
                <li class="cookie-consent-bar__preference-item">
                    <label class="cookie-consent-bar__preference-label">
                        <input type="checkbox" class="cookie-consent-pref" data-cookie-pref="marketing" value="1">
                        <span class="cookie-consent-bar__preference-text">
                            <strong>{{ __('translate.Cookie category marketing') }}</strong>
                            <small>{{ __('translate.Cookie category marketing help') }}</small>
                        </span>
                    </label>
                </li>
                <li class="cookie-consent-bar__preference-item">
                    <label class="cookie-consent-bar__preference-label">
                        <input type="checkbox" class="cookie-consent-pref" data-cookie-pref="personalization" value="1">
                        <span class="cookie-consent-bar__preference-text">
                            <strong>{{ __('translate.Cookie category personalization') }}</strong>
                            <small>{{ __('translate.Cookie category personalization help') }}</small>
                        </span>
                    </label>
                </li>
            </ul>
            <div class="cookie-consent-bar__preferences-actions">
                <button type="button" class="cookie-consent-bar__btn cookie-consent-bar__btn--primary cookie_consent_save_preferences_btn">
                    {{ __('translate.Save cookie preferences') }}
                </button>
                <a href="{{ route('cookie-policy') }}" class="cookie-consent-bar__preferences-policy-link">
                    {{ __('translate.Cookie Policy') }}
                </a>
            </div>
        </div>
    </div>
</div>