@extends('layouts.app')

@section('title', trim($__env->yieldContent('page_title')).' · '.config('app.name'))
@section('body_class', 'no-clock')

@section('nav')
    <a href="{{ route('vault') }}" class="nav-link" target="_blank">🔐 VAULT</a>
    <a href="{{ route('leaderboard') }}" class="nav-link" target="_blank">🏆 LEADERBOARD</a>
    <form method="POST" action="{{ route('admin.logout') }}">
        @csrf
        <button class="nav-link" style="background:none">LOG OUT</button>
    </form>
@endsection

@section('content')
<main class="page">
    <nav class="admin-tabs">
        <a href="{{ route('admin.dashboard') }}" @class(['active' => request()->routeIs('admin.dashboard')])>🎛 CONTROL ROOM</a>
        <a href="{{ route('admin.batches') }}" @class(['active' => request()->routeIs('admin.batches')])>⏱ BATCHES</a>
        <a href="{{ route('admin.teams') }}" @class(['active' => request()->routeIs('admin.teams')])>👥 TEAMS</a>
    </nav>

    <h1 class="headline" style="font-size:clamp(26px,4vw,42px)">@yield('page_title')</h1>
    <p class="subline">@yield('page_subtitle')</p>

    @if (session('success'))
        <div class="alert ok">✓ {{ session('success') }}</div>
    @endif
    @if (session('import_errors'))
        <div class="alert err">Some rows were skipped:
            <ul>@foreach (session('import_errors') as $e)<li>{{ $e }}</li>@endforeach</ul>
        </div>
    @endif
    @if ($errors->any())
        <div class="alert err"><ul>@foreach ($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
    @endif

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

@push('scripts')
    @include('admin.partials.scripts')
@endpush