@extends('layouts.app')
@section('content')
<section class="mx-auto max-w-md card p-8">
    <div class="mb-6 text-center">
        <div class="mx-auto flex h-16 w-16 items-center justify-center rounded-2xl bg-slate-950 text-2xl text-white"><i class="fa-solid fa-right-to-bracket"></i></div>
        <h1 class="mt-4 text-3xl font-black text-slate-950">Login Website RT</h1>
        <p class="mt-2 text-slate-500">Masuk sesuai role: administrator, admin RT, bendahara, atau warga.</p>
    </div>
    <form method="post" action="{{ route('login.post') }}" class="grid gap-4">
        @csrf
        <div><label class="label">Email</label><input class="field" type="email" name="email" value="{{ old('email') }}" required autofocus></div>
        <div><label class="label">Password</label><input class="field" type="password" name="password" required></div>
        <label class="flex items-center gap-2 text-sm font-bold text-slate-600"><input type="checkbox" name="remember" value="1"> Ingat saya</label>
        <button class="btn-primary w-full"><i class="fa-solid fa-lock"></i> Login</button>
    </form>
</section>
@endsection