@extends('layouts.app')
@section('title', 'Login')
@section('content')
<div class="min-h-screen grid place-items-center bg-slate-100">
    <form method="POST" action="{{ route('login') }}" class="bg-white p-8 rounded-xl shadow-sm w-full max-w-sm">
        @csrf
        <h1 class="text-2xl font-semibold mb-1">BDA System</h1>
        <p class="text-sm text-slate-500 mb-6">Sign in to continue</p>
        @if($errors->any())<div class="mb-3 p-2 rounded bg-rose-100 text-rose-700 text-sm">{{ $errors->first() }}</div>@endif
        <label class="block text-sm mb-1">Email</label>
        <input name="email" type="email" required value="{{ old('email') }}" class="w-full border rounded px-3 py-2 mb-3">
        <label class="block text-sm mb-1">Password</label>
        <input name="password" type="password" required class="w-full border rounded px-3 py-2 mb-4">
        <button class="w-full bg-slate-900 text-white py-2 rounded hover:bg-slate-800">Sign in</button>
        <p class="text-xs text-slate-500 mt-4">Default: admin@bda.test / password</p>
    </form>
</div>
@endsection