@if($cookieConsentConfig['enabled'] && ! $alreadyConsentedWithCookies)
    <div class="cookie-consent-banner js-cookie-consent" style="top: unset !important; min-height:80px;">
        <p>
            {{ config('cookie-consent.message') }}
            @if(config('cookie-consent.show_cookie_policy_link'))
                <a href="{{ config('cookie-consent.cookie_policy_url') }}" class="cookie-policy-link">En savoir plus</a>
            @endif
        </p>
        <div class="cookie-buttons">
            <button class="js-cookie-consent-agree">{{ config('cookie-consent.accept_button_text') }}</button>
            @if (config('cookie-consent.show_decline_button'))
                <button class="js-cookie-consent-decline">{{ config('cookie-consent.decline_button_text') }}</button>
            @endif
        </div>
    </div>

    <script>
        window.laravelCookieConsent = (function () {
            const COOKIE_VALUE = 1;
            const COOKIE_DOMAIN = '{{ config('session.domain') ?? request()->getHost() }}';

            function consentWithCookies() {
                setCookie('cookies_accepted', COOKIE_VALUE, {{ $cookieConsentConfig['cookie_lifetime'] }});
                hideCookieDialog();
            }

            function cookieExists(name) {
                return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1);
            }

            function hideCookieDialog() {
                const dialogs = document.getElementsByClassName('js-cookie-consent');
                for (let i = 0; i < dialogs.length; ++i) {
                    dialogs[i].style.display = 'none';
                }
            }

            function setCookie(name, value, expirationInDays) {
                const date = new Date();
                date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));
                document.cookie = name + '=' + value
                    + ';expires=' + date.toUTCString()
                    + ';domain=' + COOKIE_DOMAIN
                    + ';path=/{{ config('session.secure') ? ';secure' : null }}'
                    + '{{ config('session.same_site') ? ';samesite='.config('session.same_site') : null }}';
            }

            if (cookieExists('{{ $cookieConsentConfig['cookie_name'] }}')) {
                hideCookieDialog();
            }

            const buttons = document.getElementsByClassName('js-cookie-consent-agree');
            for (let i = 0; i < buttons.length; ++i) {
                buttons[i].addEventListener('click', consentWithCookies);
            }

            @if (config('cookie-consent.show_decline_button'))
                const declineButtons = document.getElementsByClassName('js-cookie-consent-decline');
                for (let i = 0; i < declineButtons.length; ++i) {
                    declineButtons[i].addEventListener('click', hideCookieDialog);
                }
            @endif

            return {
                consentWithCookies: consentWithCookies,
                hideCookieDialog: hideCookieDialog
            };
        })();
    </script>
@endif