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

            <h1 class="text-3xl font-extrabold text-gray-900 mb-6">
                Admin Dashboard
            </h1>

            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">

                {{-- Students Card --}}
                <div class="bg-white shadow-sm rounded-lg p-6">
                    <h2 class="text-xl font-semibold mb-4">Students</h2>
                    <p class="text-gray-600 mb-4">Manage your student accounts and records.</p>

                    <ul class="space-y-2">
                        <li>
                            <a href="{{ route('admin.students.index') }}"
                               class="text-blue-600 hover:underline">
                                View Students
                            </a>
                        </li>
                    </ul>
                </div>


                {{-- Parents Card --}}
                <div class="bg-white shadow-sm rounded-lg p-6">
                    <h2 class="text-xl font-semibold mb-4">Parents</h2>
                    <p class="text-gray-600 mb-4">Manage your parent accounts and records.</p>

                    <ul class="space-y-2">
                        <li>
                            <a href="{{ route('admin.parents.index') }}"
                               class="text-blue-600 hover:underline">
                                View Parents
                            </a>
                        </li>
                    </ul>
                </div>

                {{-- Teachers Card --}}
                <div class="bg-white shadow-sm rounded-lg p-6">
                    <h2 class="text-xl font-semibold mb-4">Teachers</h2>
                    <p class="text-gray-600 mb-4">Manage teachers and related tasks.</p>

                    <ul class="space-y-2">
                        <li>
                            <a href="{{ route('admin.teachers.index') }}"
                               class="text-blue-600 hover:underline">
                                View Teachers
                            </a>
                        </li>

                        <li>
                            <a href="{{ route('admin.teachers.create') }}"
                               class="text-blue-600 hover:underline">
                                Add Teacher
                            </a>
                        </li>

                        <li>
                            <a href="{{ route('admin.users.index') }}"
                               class="text-blue-600 hover:underline">
                                Manage Users
                            </a>
                        </li>

                        <li>
                            <a href="{{ route('admin.calendar') }}"
                               class="text-blue-600 hover:underline">
                                Calendar
                            </a>
                        </li>
                    </ul>
                </div>

                {{-- Courses Card --}}
                <div class="bg-white shadow-sm rounded-lg p-6">
                    <h2 class="text-xl font-semibold mb-4">Courses</h2>
                    <p class="text-gray-600 mb-4">Add, edit, and manage course content.</p>

                    <ul class="space-y-2">
                        <li>
                            <a href="{{ route('admin.courses.index') }}"
                               class="text-blue-600 hover:underline">
                                Manage Courses
                            </a>
                        </li>

                        <li>
                            <a href="{{ route('admin.subjects.store') }}"
                               class="text-blue-600 hover:underline">
                                Add Subject
                            </a>
                        </li>
                    </ul>
                </div>

            </div>

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