@extends('layouts.guest')

@section('title', 'Recuperar contraseña')

@section('content')

<div class="text-center mb-4">
    <img src="{{ asset('images/Logo_Carza_Horizontal.png') }}"
         alt="CARZA"
         class="img-fluid"
         style="max-width:220px;">
</div>

<h5 class="text-center mb-3">Recuperar contraseña</h5>

{{-- Mensaje cuando el correo fue enviado --}}
@if (session('status'))
    <div class="alert alert-success">
        {{ session('status') }}
    </div>
@endif

{{-- Errores --}}
@if ($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<form method="POST" action="{{ route('password.email') }}">
    @csrf

    <div class="mb-3">
        <label class="form-label">Correo electrónico</label>
        <input type="email"
               name="email"
               value="{{ old('email') }}"
               class="form-control @error('email') is-invalid @enderror"
               required
               autofocus>
    </div>

    <button type="submit" class="btn btn-dark w-100">
        Enviar enlace de recuperación
    </button>

    <div class="text-center mt-3">
        <a href="{{ route('login') }}">
            Volver al login
        </a>
    </div>
</form>

@endsection