@extends('layouts.app')

@section('title', 'Recuperar Senha')

@section('content')
<div class="page-wrapper content-wrapper page-recovery-password">
    <section class="recovery">
        <div class="container">
            <div class="recovery__box">
                <div class="recovery__title">
                    <h2>Esqueceu a senha?</h2>
                    <p>Enviaremos instruções de como redefinir a sua senha</p>
                </div>

                <!-- Mensagens de sucesso -->
                @if(session('success'))
                    <div class="alert alert-success">
                        <i class="fas fa-check-circle"></i>
                        {{ session('success') }}
                    </div>
                @endif

                <!-- Mensagens de erro -->
                @if($errors->any())
                    <div class="alert alert-error">
                        <i class="fas fa-exclamation-circle"></i>
                        <ul>
                            @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <form method="POST" action="{{ route('password.email') }}">
                    @csrf
                    <div class="field">
                        <label for="email">E-mail<span>*</span></label>
                        <input type="email" 
                               name="email" 
                               id="email" 
                               value="{{ old('email') }}" 
                               required
                               class="@error('email') error @enderror">
                        @error('email')
                            <span class="field-error">{{ $message }}</span>
                        @enderror
                    </div>

                    <input type="submit" value="Enviar Link de Recuperação">
                </form>

                <div class="recovery__links">
                    <a href="{{ route('login') }}">Voltar ao login</a>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection