@extends('layouts.truck', ['title' => $title ?? 'Truck Admin'])

@section('body')
    <div class="min-h-screen">
        <nav class="border-b border-zinc-200 bg-white">
            <div class="mx-auto flex max-w-7xl items-center justify-between px-4 py-4 sm:px-6 lg:px-8">
                <a href="{{ route('admin.dashboard') }}" class="text-lg font-semibold">Truck Tracker</a>
                <div class="flex items-center gap-4 text-sm">
                    <a class="text-zinc-700 hover:text-zinc-950" href="{{ route('admin.dashboard') }}">Dashboard</a>
                    <a class="text-zinc-700 hover:text-zinc-950" href="{{ route('admin.trucks.index') }}">Trucks</a>
                </div>
            </div>
        </nav>

        <main class="mx-auto max-w-7xl px-4 py-6 sm:px-6 lg:px-8">
            @if (session('status'))
                <div class="mb-4 rounded-md border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-800">
                    {{ session('status') }}
                </div>
            @endif

            @yield('content')
        </main>
    </div>
@endsection