@php
    use Illuminate\Support\Facades\DB;

    // Queries
    $config = DB::table('config')->get();

    // Check active theme
    switch ($config[93]->config_value) {
        case 'GoBizOriginal':
            // Get theme color
            $themeColor = DB::table('gobiz_original_config')->first();
            $themeColor = $themeColor->template_color;
            break;

        case 'GoBizModern':
            // Get theme color
            $themeColor = DB::table('gobiz_modern_config')->first();
            $themeColor = $themeColor->template_color;
            break;

        default:
            // Default color
            $themeColor = $config[11]->config_value;
            break;
    }
@endphp

{{-- Desktop cookie consent --}}
@if ($config[93]->config_value == 'GoBizOriginal')
    <div
        class="fixed bottom-4 left-1/2 transform -translate-x-1/2 w-full flex justify-center mx-4 z-50 js-cookie-consent cookie-consent hidden lg:flex xl:flex">
        <div
            class="bg-{{ $themeColor }}-600 text-white shadow-lg flex items-center justify-between space-x-4 max-w-4xl w-full px-4 py-2 rounded-lg">
            <!-- Left Content -->
            <div class="flex items-center space-x-4">
                <div class="text-2xl">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                        stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                        class="h-8 w-8">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                        <path d="M8 13v.01" />
                        <path d="M12 17v.01" />
                        <path d="M12 12v.01" />
                        <path d="M16 14v.01" />
                        <path d="M11 8v.01" />
                        <path
                            d="M13.148 3.476l2.667 1.104a4 4 0 0 0 4.656 6.14l.053 .132a3 3 0 0 1 0 2.296q -.745 1.18 -1.024 1.852q -.283 .684 -.66 2.216a3 3 0 0 1 -1.624 1.623q -1.572 .394 -2.216 .661q -.712 .295 -1.852 1.024a3 3 0 0 1 -2.296 0q -1.203 -.754 -1.852 -1.024q -.707 -.292 -2.216 -.66a3 3 0 0 1 -1.623 -1.624q -.397 -1.577 -.661 -2.216q -.298 -.718 -1.024 -1.852a3 3 0 0 1 0 -2.296q .719 -1.116 1.024 -1.852q .257 -.62 .66 -2.216a3 3 0 0 1 1.624 -1.623q 1.547 -.384 2.216 -.661q .687 -.285 1.852 -1.024a3 3 0 0 1 2.296 0" />
                    </svg>
                </div>
                <div>
                    <p class="font-semibold text-lg mb-2">{{ __('We use cookies') }}</p>
                    <p class="text-sm">{!! trans('cookie-consent::texts.message') !!}</p>
                </div>
            </div>
            <!-- Right Content -->
            <div class="flex space-x-2">
                <button
                    class="bg-white text-gray-800 px-4 py-2 rounded shadow-md font-medium hover:bg-{{ $themeColor }}-800 hover:text-gray-50 transition js-cookie-consent-agree cookie-consent__agree">
                    {{ __('Accept') }}
                </button>
                {{-- Deny Button --}}
                <button
                    class="bg-gray-800 text-gray-50 px-4 py-2 rounded shadow-md font-medium hover:bg-gray-50 hover:text-gray-800 transition hover:text-gray-300 transition js-cookie-consent-deny cookie-consent__deny">
                    {{ __('Deny') }}
                </button>
            </div>
        </div>
    </div>

    {{-- Mobile cookie consent --}}
    <div
        class="fixed bottom-4 left-1/2 transform -translate-x-1/2 w-full flex justify-center z-50 lg:hidden xl:hidden js-cookie-consent cookie-consent">
        <div class="bg-{{ $themeColor }}-50 text-center shadow-lg rounded-lg p-6 mx-2 max-w-sm w-full">
            <!-- Icon -->
            <div
                class="flex justify-center items-center bg-{{ $themeColor }}-600 text-white w-16 h-16 rounded-full mx-auto mb-4">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="icon icon-tabler icons-tabler-outline icon-tabler-cookie h-8 w-8">
                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                    <path d="M8 13v.01" />
                    <path d="M12 17v.01" />
                    <path d="M12 12v.01" />
                    <path d="M16 14v.01" />
                    <path d="M11 8v.01" />
                    <path
                        d="M13.148 3.476l2.667 1.104a4 4 0 0 0 4.656 6.14l.053 .132a3 3 0 0 1 0 2.296q -.745 1.18 -1.024 1.852q -.283 .684 -.66 2.216a3 3 0 0 1 -1.624 1.623q -1.572 .394 -2.216 .661q -.712 .295 -1.852 1.024a3 3 0 0 1 -2.296 0q -1.203 -.754 -1.852 -1.024q -.707 -.292 -2.216 -.66a3 3 0 0 1 -1.623 -1.624q -.397 -1.577 -.661 -2.216q -.298 -.718 -1.024 -1.852a3 3 0 0 1 0 -2.296q .719 -1.116 1.024 -1.852q .257 -.62 .66 -2.216a3 3 0 0 1 1.624 -1.623q 1.547 -.384 2.216 -.661q .687 -.285 1.852 -1.024a3 3 0 0 1 2.296 0" />
                </svg>
            </div>

            <!-- Text -->
            <h2 class="text-xl font-semibold mb-2">{{ __('We use cookies') }}</h2>
            <p class="text-sm text-gray-600 mb-6">
                {!! trans('cookie-consent::texts.message') !!}
            </p>

            <!-- Buttons -->
            <div class="flex justify-center space-x-4">
                <button
                    class="bg-{{ $themeColor }}-600 text-white px-4 py-2 rounded font-medium hover:bg-{{ $themeColor }}-700 js-cookie-consent-agree cookie-consent__agree">
                    {{ __('Accept') }}
                </button>
                <button
                    class="bg-gray-800 text-gray-50 px-4 py-2 rounded font-medium hover:bg-gray-50 mobilejs-cookie-consent-deny cookie-consent__deny">
                    {{ __('Deny') }}
                </button>
            </div>
        </div>
    </div>
@endif

@if ($config[93]->config_value == 'GoBizModern')
    {{-- Cookie Consent --}}
    @if (env('COOKIE_CONSENT_ENABLED') === true)
        <div class="fixed bottom-6 left-0 right-0 z-[60] px-4 md:px-6 js-cookie-consent cookie-consent">
            <div
                class="pointer-events-auto max-w-7xl mx-auto glass bg-white/90 dark:bg-slate-900/90 backdrop-blur-xl
               border border-slate-200 dark:border-slate-700 shadow-2xl rounded-3xl p-5 md:p-6
               relative overflow-hidden">

                {{-- Decoration Glow --}}
                <div
                    class="absolute top-0 right-0 w-64 h-64
                   bg-{{ $themeColor }}-500/10
                   rounded-full blur-3xl -mr-20 -mt-20 pointer-events-none">
                </div>

                <div class="relative z-10 flex flex-col md:flex-row items-center justify-between gap-6">

                    {{-- Text Content --}}
                    <div class="flex items-center gap-5 w-full md:w-auto">
                        <div
                            class="w-12 h-12
                           bg-{{ $themeColor }}-50
                           dark:bg-{{ $themeColor }}-900/30
                           text-{{ $themeColor }}-600
                           dark:text-{{ $themeColor }}-400
                           rounded-2xl flex items-center justify-center text-2xl
                           flex-shrink-0 shadow-sm">
                            🍪
                        </div>

                        <div class="text-center md:text-left">
                            <h3 class="text-base font-bold text-slate-900 dark:text-white">
                                {{ __('Cookie Preferences') }}
                            </h3>

                            <p class="text-sm text-slate-500 dark:text-slate-400 mt-1 leading-snug">
                                {!! trans('cookie-consent::texts.message') !!}
                            </p>
                        </div>
                    </div>

                    {{-- Action Buttons --}}
                    <div class="flex flex-col sm:flex-row gap-3 w-full md:w-auto flex-shrink-0">
                        <button
                            class="w-full sm:w-auto px-8 py-3
                                rounded-xl bg-gradient-to-br from-{{ $themeColor }}-600 to-{{ $themeColor }}-500 flex items-center justify-center text-white font-bold text-sm shadow-lg group-hover:scale-105 transition-transform
                                transition-colors
                                transition-all hover:-translate-y-0.5
                                js-cookie-consent-agree cookie-consent__agree">
                            {{ __('Accept All') }}
                        </button>

                        <button
                            class="pointer-events-auto
                                w-full sm:w-auto px-6 py-3
                                bg-slate-900 hover:bg-slate-700
                                text-white
                                text-sm font-bold rounded-xl
                                transition-colors duration-200
                                js-cookie-consent-deny cookie-consent__deny">
                            {{ __('Deny') }}
                        </button>
                    </div>

                </div>
            </div>
        </div>
    @endif
@endif