@props(['title' => 'Sign in', 'subtitle' => ''])
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>{{ $title }} — {{ config('app.name') }}</title>

    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">

    @vite(['resources/css/admin.scss', 'resources/js/admin.js'])
</head>
<body>
    <div class="auth-shell">
        <div class="auth-card">
            <div class="auth-brand-panel">
                <div class="auth-brand-mark"><i class="bi bi-taxi-front-fill"></i></div>
                <h2>{{ config('app.name') }}</h2>
                <p>Dispatch, drivers, and customers — all in one place.</p>
            </div>

            <div class="auth-form-panel">
                <h3 class="mb-1">{{ $title }}</h3>
                @if ($subtitle)
                    <p class="text-muted mb-4">{{ $subtitle }}</p>
                @endif

                @if (session('status'))
                    <div class="alert alert-success">{{ session('status') }}</div>
                @endif

                {{ $slot }}
            </div>
        </div>
    </div>
</body>
</html>
