@extends('layouts.auth')
@section('title','Forgot Password')
@section('content')
<h2 class="text-2xl font-black text-white mb-1">Reset Password</h2>
<p class="text-slate-400 text-sm mb-8">Enter your email and we'll send a reset link.</p>
<form method="POST" action="{{ route('password.email') }}" class="space-y-5">
    @csrf
    <div>
        <label class="block text-xs font-bold uppercase tracking-wider text-slate-400 mb-2">Email Address</label>
        <input type="email" name="email" value="{{ old('email') }}" required autofocus
               class="w-full bg-white/5 border border-white/10 rounded-xl px-4 py-3.5 text-sm text-white placeholder:text-slate-600 focus:border-primary/50 focus:ring-1 focus:ring-primary/50 focus:outline-none"
               placeholder="you@example.com"/>
    </div>
    <button type="submit" class="w-full bg-primary hover:bg-primary/90 text-white font-black py-4 rounded-2xl shadow-xl shadow-primary/20 transition-all text-sm uppercase tracking-widest">
        Send Reset Link
    </button>
</form>
<p class="text-center text-slate-500 text-sm mt-5"><a href="{{ route('login') }}" class="text-primary hover:underline">← Back to Login</a></p>
@endsection