{{-- resources/views/dashboard.blade.php --}}
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
            {{ __('Admin Dashboard') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">

            {{-- Quick actions --}}
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
                <a href="{{ route('properties.index') }}"
                   class="bg-white dark:bg-gray-800 rounded-xl shadow hover:shadow-lg transition p-6 flex flex-col gap-2">
                    <span class="text-3xl">🏠</span>
                    <span class="text-lg font-semibold text-gray-800 dark:text-gray-100">Properties</span>
                    <span class="text-sm text-indigo-600 dark:text-indigo-400 font-medium">Go to list →</span>
                </a>

                <a href="{{ route('questions.index') }}"
                   class="bg-white dark:bg-gray-800 rounded-xl shadow hover:shadow-lg transition p-6 flex flex-col gap-2">
                    <span class="text-3xl">❓</span>
                    <span class="text-lg font-semibold text-gray-800 dark:text-gray-100">Questions</span>
                    <span class="text-sm text-indigo-600 dark:text-indigo-400 font-medium">Go to list →</span>
                </a>

                <a href="{{ route('guests.index') }}"
                   class="bg-white dark:bg-gray-800 rounded-xl shadow hover:shadow-lg transition p-6 flex flex-col gap-2">
                    <span class="text-3xl">👤</span>
                    <span class="text-lg font-semibold text-gray-800 dark:text-gray-100">Guests</span>
                    <span class="text-sm text-indigo-600 dark:text-indigo-400 font-medium">Go to list →</span>
                </a>

                <a href="{{ route('instruction-pages.index') }}"
                   class="bg-white dark:bg-gray-800 rounded-xl shadow hover:shadow-lg transition p-6 flex flex-col gap-2">
                    <span class="text-3xl">📖</span>
                    <span class="text-lg font-semibold text-gray-800 dark:text-gray-100">Instruction Pages</span>
                    <span class="text-sm text-indigo-600 dark:text-indigo-400 font-medium">Go to list →</span>
                </a>
            </div>

            {{-- Optional: quick create shortcuts --}}
            <div class="mt-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
                <a href="{{ route('properties.create') }}"
                   class="inline-flex items-center justify-center rounded-lg bg-indigo-600 text-white px-4 py-3 font-semibold hover:bg-indigo-700">
                    + Create Property
                </a>
                <a href="{{ route('questions.create') }}"
                   class="inline-flex items-center justify-center rounded-lg bg-green-600 text-white px-4 py-3 font-semibold hover:bg-green-700">
                    + Create Question
                </a>
                <a href="{{ route('guests.create') }}"
                   class="inline-flex items-center justify-center rounded-lg bg-blue-600 text-white px-4 py-3 font-semibold hover:bg-blue-700">
                    + Create Guest
                </a>
                <a href="{{ route('instruction-pages.create') }}"
                   class="inline-flex items-center justify-center rounded-lg bg-purple-600 text-white px-4 py-3 font-semibold hover:bg-purple-700">
                    + Create Instruction Page
                </a>
            </div>

        </div>
    </div>
</x-app-layout>