@if(!session('policy_banner_dismissed'))
<div id="policy-banner" class="bg-blue-50 border-b border-blue-200 px-4 py-3 relative">
    <div class="max-w-7xl mx-auto flex items-center justify-between">
        <div class="flex items-center">
            <div class="flex-shrink-0">
                <svg class="h-5 w-5 text-blue-400" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
                </svg>
            </div>
            <div class="ml-3">
                <p class="text-sm text-blue-800">
                    Given the nature of AI-generated content, and particularly in the sensitive domain of healthcare, human discretion and professional judgment are paramount. Please review our
                    <a href="https://medicrawl.com/policy" target="_blank" class="font-medium underline hover:text-blue-600">
                        Website Policy
                    </a>.
                </p>
            </div>
        </div>
        <div class="ml-4 flex-shrink-0">
            <button
                type="button"
                onclick="dismissPolicyBanner()"
                class="bg-blue-50 rounded-md inline-flex text-blue-400 hover:text-blue-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
            >
                <span class="sr-only">Dismiss</span>
                <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                    <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
                </svg>
            </button>
        </div>
    </div>
</div>

<script>
function dismissPolicyBanner() {
    // Hide the banner
    document.getElementById('policy-banner').style.display = 'none';

    // Send AJAX request to mark as dismissed
    fetch('/dismiss-policy-banner', {
        method: 'POST',
        headers: {
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
            'Content-Type': 'application/json',
        },
    })
    .then(response => response.json())
    .then(data => {
        console.log('Policy banner dismissed');
    })
    .catch(error => {
        console.error('Error dismissing banner:', error);
    });
}
</script>
@endif