<x-layouts.app :title="'Login Kasir'">
    <div class="mx-auto mt-16 max-w-md rounded-xl border border-slate-200 bg-white p-6">
        <h1 class="mb-1 text-xl font-bold">Login Kasir</h1>
        <p class="mb-6 text-sm text-slate-500">Masuk dengan akun owner/admin/cashier.</p>

        <form method="POST" action="{{ route('login.store') }}" class="space-y-4">
            @csrf
            <div>
                <label class="mb-1 block text-sm font-medium">Email</label>
                <input type="email" name="email" required value="{{ old('email') }}"
                       class="w-full rounded-lg border border-slate-300 px-3 py-2">
            </div>
            <div>
                <label class="mb-1 block text-sm font-medium">Password</label>
                <input type="password" name="password" required class="w-full rounded-lg border border-slate-300 px-3 py-2">
            </div>
            <button type="submit" class="w-full rounded-lg bg-slate-900 py-2 text-white">Login</button>
        </form>
    </div>
</x-layouts.app>
