@extends('layouts.admin', [
    'title' => 'Admin Dashboard | LottoData',
    'heading' => 'Dashboard',
])

@section('content')
    <section class="grid gap-5 lg:grid-cols-4">
        <article class="rounded-[1.75rem] border border-white/10 bg-white/[0.04] p-6">
            <p class="text-sm font-semibold uppercase tracking-[0.3em] text-cyan-200">Pages / Content</p>
            <h2 class="mt-3 text-xl font-semibold text-white">Placeholder ready</h2>
            <p class="mt-3 text-sm leading-7 text-slate-300">
                Foundation route and page shell are ready for managed pages, editorial content, and homepage promos.
            </p>
        </article>

        <article class="rounded-[1.75rem] border border-white/10 bg-white/[0.04] p-6">
            <p class="text-sm font-semibold uppercase tracking-[0.3em] text-emerald-200">Ad Placements</p>
            <h2 class="mt-3 text-xl font-semibold text-white">Management enabled</h2>
            <p class="mt-3 text-sm leading-7 text-slate-300">
                Create and manage active homepage and footer promo placements with lightweight V1 controls.
            </p>
            <a
                href="{{ route('admin.ads') }}"
                class="mt-5 inline-flex rounded-full border border-emerald-300/35 px-4 py-2 text-sm font-medium text-emerald-200 transition hover:border-emerald-200 hover:bg-emerald-300/10 hover:text-white"
            >
                Manage ad placements
            </a>
        </article>

        <article class="rounded-[1.75rem] border border-white/10 bg-white/[0.04] p-6">
            <p class="text-sm font-semibold uppercase tracking-[0.3em] text-indigo-200">Providers</p>
            <h2 class="mt-3 text-xl font-semibold text-white">Live data ready</h2>
            <p class="mt-3 text-sm leading-7 text-slate-300">
                Configure the active lottery data provider, credentials, supported games, and import priority without changing code.
            </p>
            <a
                href="{{ route('admin.providers') }}"
                class="mt-5 inline-flex rounded-full border border-indigo-300/35 px-4 py-2 text-sm font-medium text-indigo-200 transition hover:border-indigo-200 hover:bg-indigo-300/10 hover:text-white"
            >
                Manage providers
            </a>
        </article>

        <article class="rounded-[1.75rem] border border-white/10 bg-white/[0.04] p-6">
            <p class="text-sm font-semibold uppercase tracking-[0.3em] text-amber-200">Games</p>
            <h2 class="mt-3 text-xl font-semibold text-white">Placeholder ready</h2>
            <p class="mt-3 text-sm leading-7 text-slate-300">
                Foundation route and page shell are ready for future game setup, visibility, and draw-management tooling.
            </p>
        </article>

        <article class="rounded-[1.75rem] border border-white/10 bg-white/[0.04] p-6">
            <p class="text-sm font-semibold uppercase tracking-[0.3em] text-fuchsia-200">Settings</p>
            <h2 class="mt-3 text-xl font-semibold text-white">Operational controls</h2>
            <p class="mt-3 text-sm leading-7 text-slate-300">
                Site copy, footer text, and import-facing settings remain separated from provider configuration for cleaner operations.
            </p>
        </article>
    </section>

    <section class="mt-5 rounded-[2rem] border border-white/10 bg-slate-900/85 p-6 lg:p-8">
        <p class="text-sm font-semibold uppercase tracking-[0.3em] text-slate-400">Access model</p>
        <h2 class="mt-3 text-2xl font-semibold text-white">V1 uses session auth plus a lightweight admin flag.</h2>
        <p class="mt-4 max-w-3xl text-sm leading-8 text-slate-300">
            Admin routes are protected by a single middleware that redirects guests to the admin login and returns `403` for authenticated users without admin privileges. This keeps the foundation easy to understand while leaving room for richer policies later.
        </p>
    </section>
@endsection