<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">Admin</h2>
    </x-slot>

    <div class="py-8">
        <div class="max-w-6xl mx-auto sm:px-6 lg:px-8 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-4">
            <a href="{{ route('admin.users.index') }}" class="card p-6 hover:shadow-md transition">
                <div class="flex items-center gap-3">
                    <div class="h-10 w-10 rounded-lg bg-blue-50 text-blue-700 flex items-center justify-center">
                        <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-width="1.5" d="M16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/><path stroke-width="1.5" d="M4 21a8 8 0 0 1 16 0"/></svg>
                    </div>
                    <div>
                        <div class="text-sm text-gray-500">Manage</div>
                        <div class="text-lg font-semibold text-gray-800">Users</div>
                    </div>
                </div>
            </a>
            <a href="{{ route('admin.clients.index') }}" class="card p-6 hover:shadow-md transition">
                <div class="flex items-center gap-3">
                    <div class="h-10 w-10 rounded-lg bg-blue-50 text-blue-700 flex items-center justify-center">
                        <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-width="1.5" d="M3 10h18M5 6h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z"/></svg>
                    </div>
                    <div>
                        <div class="text-sm text-gray-500">Manage</div>
                        <div class="text-lg font-semibold text-gray-800">Clients</div>
                    </div>
                </div>
            </a>
            <a href="{{ route('admin.roles.index') }}" class="card p-6 hover:shadow-md transition">
                <div class="flex items-center gap-3">
                    <div class="h-10 w-10 rounded-lg bg-blue-50 text-blue-700 flex items-center justify-center">
                        <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-width="1.5" d="M12 3l8 4v6c0 5-3.5 7.5-8 8-4.5-.5-8-3-8-8V7l8-4z"/><path stroke-width="1.5" d="M9 12l2 2 4-4"/></svg>
                    </div>
                    <div>
                        <div class="text-sm text-gray-500">Manage</div>
                        <div class="text-lg font-semibold text-gray-800">Roles</div>
                    </div>
                </div>
            </a>
            <a href="{{ route('admin.labels.index') }}" class="card p-6 hover:shadow-md transition">
                <div class="flex items-center gap-3">
                    <div class="h-10 w-10 rounded-lg bg-blue-50 text-blue-700 flex items-center justify-center">
                        <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-width="1.5" d="M4 7h9l7 7-5 5-7-7V7Z"/><path stroke-width="1.5" d="M7.5 10.5h.01"/></svg>
                    </div>
                    <div>
                        <div class="text-sm text-gray-500">Manage</div>
                        <div class="text-lg font-semibold text-gray-800">Labels</div>
                    </div>
                </div>
            </a>
            <a href="{{ route('admin.assignments.index') }}" class="card p-6 hover:shadow-md transition">
                <div class="flex items-center gap-3">
                    <div class="h-10 w-10 rounded-lg bg-blue-50 text-blue-700 flex items-center justify-center">
                        <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-width="1.5" d="M7 7h10M7 12h6M7 17h10"/></svg>
                    </div>
                    <div>
                        <div class="text-sm text-gray-500">Manage</div>
                        <div class="text-lg font-semibold text-gray-800">Assignments</div>
                    </div>
                </div>
            </a>
            <a href="{{ route('admin.report-rules.index') }}" class="card p-6 hover:shadow-md transition">
                <div class="flex items-center gap-3">
                    <div class="h-10 w-10 rounded-lg bg-blue-50 text-blue-700 flex items-center justify-center">
                        <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-width="1.5" d="M4 6h16v12H4z"/><path stroke-width="1.5" d="m4 8 8 5 8-5"/></svg>
                    </div>
                    <div>
                        <div class="text-sm text-gray-500">Manage</div>
                        <div class="text-lg font-semibold text-gray-800">Report Rules</div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</x-app-layout>
