@if (!$cookiesAccepted)
<div id="cookie-notification" style="position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.8); color: white; text-align: center; padding: 0.30rem; font-size: 0.8rem; z-index: 1000; border-top: 3px solid #070d3f;">
    <p style="display: flex; justify-content: center; align-items: center; gap: 6px; flex-wrap: wrap; margin: 0;">
        We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it. Learn more in our 
        <a href="{{ route('privacyPolicy') }}" class="footer-text2 text-decoration-none m-0" style="color: #ffffff; text-decoration: underline; font-size: 0.8rem;"><u>Privacy Policy</u></a>
        <button id="accept-cookies" class="button" style="padding: 2px 6px; font-size: 0.7rem; background-color: #070d3f; color: white; border: none; border-radius: 1px; cursor: pointer;">
            Accept
        </button>
        <button id="reject-cookies" class="button" style="padding: 2px 6px; font-size: 0.7rem; background-color: #f44336; color: white; border: none; border-radius: 1px; cursor: pointer;">
            Reject
        </button>
    </p>
</div>



@endif


<script>
    document.getElementById('accept-cookies').addEventListener('click', function () {
        // Set the cookie
        document.cookie = "cookies_accepted=true; path=/; max-age=" + (60 * 60 * 24 * 365) + ";"; // expires in 1 year

        // Hide the notification
        document.getElementById('cookie-notification').style.display = 'none';

        // Set session data to avoid showing the notification again
        fetch('{{ route("cookies-accepted") }}', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
            },
            body: JSON.stringify({
                accepted: true
            })
        });
    });
    document.getElementById('reject-cookies').addEventListener('click', function () {
        // Set the cookie
        document.cookie = "cookies_accepted=true; path=/; max-age=" + (60 * 60 * 24 * 365) + ";"; // expires in 1 year

        // Hide the notification
        document.getElementById('cookie-notification').style.display = 'none';

        // Set session data to avoid showing the notification again
        fetch('{{ route("cookies-accepted") }}', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
            },
            body: JSON.stringify({
                accepted: true
            })
        });
    });
</script>