<x-filament-widgets::widget>
    <div class="rounded-xl bg-[#004b9f] p-8 text-white shadow-md space-y-6">
        <h2 class="text-xl font-bold">
            {{ __('association-admin-dashboard.water_request.title') }}
        </h2>

        <p class="leading-relaxed">
            {{ __('association-admin-dashboard.water_request.description') }}
        </p>

        <div class="flex justify-end">
            <a href="{{ route('filament.association-admin.resources.association-orders.create') }}"
                class="inline-flex items-center px-5 py-2 border border-white rounded-lg text-white hover:bg-white hover:text-[#004b9f] transition">
                <svg class="w-4 h-4 me-2" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4" />
                </svg>
                {{ __('association-admin-dashboard.water_request.create') }}
            </a>
        </div>
    </div>
</x-filament-widgets::widget>