@extends('layouts.app')
@section('title','Forgot Password')
@section('content')
<div class="mx-auto flex min-h-screen max-w-md items-center px-5 py-10"><form id="forgot-form" class="vtu-card w-full space-y-4"><div><p class="text-sm font-semibold uppercase tracking-wide text-slate-500">Password recovery</p><h1 class="mt-2 text-2xl font-black">Reset your password</h1><p class="mt-2 text-sm text-slate-500">Enter the email address on your account.</p></div><div><label class="vtu-label">Email</label><input id="email" type="email" class="vtu-input" required></div><div id="message" class="hidden rounded-2xl px-4 py-3 text-sm"></div><button class="vtu-btn-primary w-full">Send reset link</button><a href="/login" class="block text-center text-sm font-semibold">Back to login</a></form></div>
<script>document.getElementById('forgot-form').addEventListener('submit',async e=>{e.preventDefault();await axios.get('/sanctum/csrf-cookie');const b=document.getElementById('message');try{const r=await axios.post('/api/auth/forgot-password',{email:document.getElementById('email').value});b.className='rounded-2xl bg-emerald-50 px-4 py-3 text-sm text-emerald-700';b.textContent=r.data.message;}catch(x){b.className='rounded-2xl bg-red-50 px-4 py-3 text-sm text-red-700';b.textContent=x.response?.data?.message||'Unable to send reset link.';}b.classList.remove('hidden');});</script>
@endsection