@extends('layouts.auth')
@section('title', __('Recuperar Contraseña'))

@section('content')
<div class="auth-card">
    <h2>{{ __('Recuperar contraseña') }}</h2>
    <p class="subtitle">{{ __('Introduce tu correo y te enviaremos el enlace de recuperación') }}</p>

    @if(session('status'))
        <div class="alert alert-success">
            <i class="bi bi-envelope-check me-2"></i>{{ session('status') }}
        </div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger">
            <i class="bi bi-exclamation-circle me-2"></i>{{ $errors->first() }}
        </div>
    @endif

    <form method="POST" action="{{ route('password.email') }}">
        @csrf
        <div class="mb-4">
            <label class="form-label">{{ __('Correo electrónico') }}</label>
            <input type="email" name="email" class="form-control @error('email') is-invalid @enderror"
                   value="{{ old('email') }}" placeholder="{{ __('usuario@empresa.com') }}" required autofocus>
            @error('email')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <button type="submit" class="btn btn-primary-auth">
            <i class="bi bi-send me-2"></i>{{ __('Enviar enlace de recuperación') }}
        </button>
    </form>

    <div class="text-center mt-4 auth-links">
        <a href="{{ route('login') }}"><i class="bi bi-arrow-left me-1"></i>{{ __('Volver al inicio de sesión') }}</a>
    </div>
</div>
@endsection