@extends('layouts.public')

@section('title', 'Lupa Password')

@section('content')
<section class="bg-gradient-to-br from-cyan-50 via-white to-emerald-50">
    <div class="mx-auto flex min-h-[calc(100svh-4rem)] max-w-xl items-center px-4 py-10">
        <div class="w-full rounded-lg border border-cyan-100 bg-white p-6 shadow-sm">
            <span class="grid h-11 w-11 place-items-center rounded-md bg-amber-100 text-amber-700">
                <i data-lucide="key-round" class="h-5 w-5"></i>
            </span>
            <h1 class="mt-5 text-2xl font-black text-cyan-950">Lupa Password</h1>
            <p class="mt-3 text-sm leading-7 text-slate-600">Fitur reset email disiapkan sebagai placeholder untuk demo lokal. Untuk sementara, gunakan akun demo atau ubah password melalui database seeder.</p>
            <a href="{{ route('login') }}" class="mt-6 inline-flex items-center gap-2 rounded-md bg-cyan-600 px-4 py-3 text-sm font-black text-white hover:bg-orange-400 hover:text-cyan-950">
                <i data-lucide="arrow-left" class="h-4 w-4"></i>
                Kembali Login
            </a>
        </div>
    </div>
</section>
@endsection