<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>{{ config('app.name') }}</title>

        <link rel="preconnect" href="https://fonts.bunny.net">
        <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />

        @vite(['resources/css/app.css', 'resources/js/app.js'])
    </head>
    <body class="antialiased bg-white text-zinc-900 dark:bg-zinc-950 dark:text-zinc-100">
        <div class="flex min-h-screen flex-col">
            <header class="flex items-center justify-between px-6 py-6 sm:px-10">
                <img src="{{ asset('images/logo.png') }}" alt="{{ config('app.name') }}" class="h-10 w-auto">

                <a
                    href="{{ \Filament\Facades\Filament::getLoginUrl() }}"
                    class="inline-flex items-center gap-1.5 rounded-lg border border-zinc-200 px-4 py-2 text-sm font-medium text-zinc-700 transition hover:border-zinc-300 hover:bg-zinc-50 dark:border-zinc-800 dark:text-zinc-200 dark:hover:border-zinc-700 dark:hover:bg-zinc-900"
                >
                    Admin Login
                </a>
            </header>

            <main class="flex flex-1 flex-col items-center justify-center px-6 text-center">
                <img src="{{ asset('images/logo.png') }}" alt="{{ config('app.name') }}" class="h-24 w-auto">

                <h1 class="mt-6 text-3xl font-semibold tracking-tight sm:text-4xl">
                    {{ config('app.name') }}
                </h1>
                <p class="mt-3 max-w-md text-sm text-zinc-500 dark:text-zinc-400">
                    Door-to-door EV route booking &amp; dispatch.
                </p>
            </main>

            <footer class="px-6 py-6 text-center text-xs text-zinc-400 dark:text-zinc-600">
                &copy; {{ now()->year }} {{ config('app.name') }}
            </footer>
        </div>
    </body>
</html>
