@extends('layouts.app')

@section('content')
    <div class="mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8">
        <div class="grid gap-8 lg:grid-cols-[220px_1fr]">

            <aside>
                <h2 class="mb-4 text-xs font-bold uppercase tracking-wider text-slate-500">Admin</h2>
                @php
                    $adminLinks = [
                        ['label' => 'Overview', 'route' => 'admin.dashboard'],
                        ['label' => 'Prompts', 'route' => 'admin.prompts.index'],
                        ['label' => 'Categories', 'route' => 'admin.categories.index'],
                        ['label' => 'Users', 'route' => 'admin.users.index'],
                    ];
                @endphp
                <nav class="flex gap-1.5 overflow-x-auto lg:flex-col">
                    @foreach ($adminLinks as $link)
                        <a href="{{ route($link['route']) }}"
                           class="whitespace-nowrap rounded-lg px-3.5 py-2 text-sm font-medium transition
                                  {{ request()->routeIs($link['route']) || request()->routeIs(str_replace('.index', '.*', $link['route']))
                                      ? 'bg-brand-600/20 text-brand-200'
                                      : 'text-slate-400 hover:bg-ink-800 hover:text-white' }}">
                            {{ $link['label'] }}
                        </a>
                    @endforeach
                </nav>

                <a href="{{ route('home') }}" class="mt-6 hidden text-xs text-slate-500 hover:text-slate-300 lg:block">← Back to site</a>
            </aside>

            <div class="min-w-0">
                @if ($errors->any() && ! $errors->has('user'))
                    <div class="mb-6 rounded-xl border border-rose-500/30 bg-rose-500/10 px-4 py-3 text-sm text-rose-300">
                        <ul class="space-y-1">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                @yield('admin')
            </div>
        </div>
    </div>
@endsection