@extends('layouts.app')
@section('title','Reset Password')
@section('content')
<div class="mx-auto flex min-h-screen max-w-md items-center px-5 py-10"><form id="reset-form" class="vtu-card w-full space-y-4"><h1 class="text-2xl font-black">Choose a new password</h1><div><label class="vtu-label">Email</label><input id="email" type="email" class="vtu-input" value="{{ request('email') }}" required></div><div><label class="vtu-label">New password</label><input id="password" type="password" minlength="12" class="vtu-input" required></div><div><label class="vtu-label">Confirm password</label><input id="confirmation" type="password" minlength="12" 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">Reset password</button></form></div>
<script>const token=@json($token);document.getElementById('reset-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/reset-password',{token,email:document.getElementById('email').value,password:document.getElementById('password').value,password_confirmation:document.getElementById('confirmation').value});b.className='rounded-2xl bg-emerald-50 px-4 py-3 text-sm text-emerald-700';b.textContent=r.data.message;setTimeout(()=>window.location.href='/login',700);}catch(x){b.className='rounded-2xl bg-red-50 px-4 py-3 text-sm text-red-700';b.textContent=x.response?.data?.message||Object.values(x.response?.data?.errors||{}).flat().join(' ')||'Unable to reset password.';}b.classList.remove('hidden');});</script>
@endsection