{{-- Custom JS --}}
@php
    use App\Models\Config;
    $config = DB::table('config')->get();
@endphp

<div class="js-cookie-consent cookie-consent fixed bottom-0 inset-x-0 py-12 z-50 overflow-hidden">
    <div class="container px-4 mx-auto">
        <div class="py-4 px-8 xl:px-20 max-w-7xl mx-auto bg-{{ $config[11]->config_value }}-800 rounded-lg">
            <div class="flex flex-wrap -mx-4 items-center">
                <div class="w-full lg:w-1/2 xl:w-2/3 px-2 mb-4 lg:mb-0">
                    <div class="flex items-start">
                        <div class="flex-shrink-0 mr-6">
                            <img src="{{ asset('cookie-icon-small.svg') }}" alt="">
                        </div>
                        <div class="max-w-xl">
                            <p class="text-gray-50 mb-3">{{ trans('cookie-consent::texts.message') }}</p>
                            <a class="inline-flex items-center text-{{ $config[11]->config_value }}-200 hover:text-{{ $config[11]->config_value }}-100 font-semibold"
                                href="{{ route('privacy.policy') }}" target="_blank">
                                <span class="mr-3">{{ trans('cookie-consent::texts.policy') }}</span>
                                <svg width="13" height="13" viewbox="0 0 13 13" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M12.92 0.62C12.8185 0.375651 12.6243 0.181475 12.38 0.0799999C12.2598 0.028759 12.1307 0.00157999 12 0H2C1.73478 0 1.48043 0.105357 1.29289 0.292893C1.10536 0.48043 1 0.734784 1 1C1 1.26522 1.10536 1.51957 1.29289 1.70711C1.48043 1.89464 1.73478 2 2 2H9.59L1.29 10.29C1.19627 10.383 1.12188 10.4936 1.07111 10.6154C1.02034 10.7373 0.994202 10.868 0.994202 11C0.994202 11.132 1.02034 11.2627 1.07111 11.3846C1.12188 11.5064 1.19627 11.617 1.29 11.71C1.38296 11.8037 1.49356 11.8781 1.61542 11.9289C1.73728 11.9797 1.86799 12.0058 2 12.0058C2.13201 12.0058 2.26272 11.9797 2.38458 11.9289C2.50644 11.8781 2.61704 11.8037 2.71 11.71L11 3.41V11C11 11.2652 11.1054 11.5196 11.2929 11.7071C11.4804 11.8946 11.7348 12 12 12C12.2652 12 12.5196 11.8946 12.7071 11.7071C12.8946 11.5196 13 11.2652 13 11V1C12.9984 0.869323 12.9712 0.740222 12.92 0.62Z"
                                        fill="currentColor"></path>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="w-full lg:w-1/2 xl:w-1/3 px-4">
                    <div class="flex items-center justify-end">
                        <button
                            class="js-cookie-consent-agree cookie-consent__agree inline-block py-3 px-5 text-sm font-semibold text-gray-800 bg-{{ $config[11]->config_value }}-50 hover:bg-gray-900 hover:text-gray-50 rounded-md transition duration-200">{{ trans('cookie-consent::texts.agree') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>