@if (config('demo.enabled'))
    <div class="relative z-50 w-full bg-blue-600 py-3 text-white dark:bg-blue-700">
        <div class="container mx-auto px-4">
            <div class="flex flex-wrap items-center justify-center gap-x-4 gap-y-1 text-center text-sm">
                <div class="flex items-center gap-2">
                    <svg class="size-5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            stroke-width="2"
                            d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
                        />
                    </svg>
                    <span>This is a demo of the Pet Adoption PHP platform</span>
                </div>
                @if (config('demo.banner.product_details_link'))
                    <a
                        href="{{ config('demo.banner.product_details_link') }}"
                        target="_blank"
                        class="text-sm font-medium underline transition-colors hover:text-blue-100"
                    >
                        Get your own copy →
                    </a>
                @endif
            </div>
        </div>
    </div>
@endif
