@extends('layouts.auth')
@section('title', 'Reset Password')
@section('content')
<div style="text-align: center; margin-bottom: 24px; color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.5;">
    Forgot your password? No problem. Just let us know your email address and we will email you a password reset link.
</div>

@if (session('status'))
    <div class="alert alert-success" style="color: #166534; background: #dcfce7; padding: 10px; border-radius: 8px; margin-bottom: 20px;">
        {{ session('status') }}
    </div>
@endif

<form action="{{ route('password.email') }}" method="POST">
    @csrf
    <div class="form-group">
        <label for="email">Email Address</label>
        <input type="email" id="email" name="email" class="form-control" placeholder="admin@paytell.com" required>
    </div>

    <button type="submit" class="btn">Email Password Reset Link</button>
    
    <div class="auth-links">
        <a href="{{ route('login') }}">← Back to Sign In</a>
    </div>
</form>
@endsection