@extends('layouts.app')

@section('title', 'Esqueci minha senha')

@section('content')
<div class="password-reset-container">
    <div class="custom-card password-reset-card">
        <h2 class="text-center mb-3 color-primary">Recuperar de Senha</h2>

        @if (session('status'))
            <div class="alert alert-success">
                {{ session('status') }}
            </div>
        @endif

        <form method="POST" action="{{ route('password.email') }}">
            @csrf
            <div class="mb-3">
                <label for="email" class="form-label">E-mail</label>
                <input 
                    type="email" 
                    class="form-control" 
                    id="email" 
                    name="email" 
                    value="{{ old('email') }}" 
                    required 
                    placeholder="Digite seu e-mail"
                >
                @error('email')
                    <div class="text-danger">{{ $message }}</div>
                @enderror
            </div>
            <p class="text-muted mb-3">Informe seu e-mail e enviaremos um link para redefinir sua senha.</p>

            <button type="submit" class="btn btn-primary btn-block">Enviar Link de Redefinição</button>
        </form>
    </div>
</div>
@endsection