@extends('front.layouts.main')
@section('contenido')
<div class="col-12 fondo_subpagina">
    <div class="col-12 espacio_header"></div>
</div>
<div class="container py-5" style="max-width: 540px;">

    {{-- Mensaje principal --}}
    @if (session('status'))
        <div class="alert alert-info">{{ session('status') }}</div>
    @else
        <div class="alert alert-info">
            Te enviamos un correo con un enlace para confirmar tu registro. Revisá tu bandeja de entrada (y la carpeta de spam).
        </div>
    @endif

    {{-- Error de envío --}}
    @if ($errors->has('default') || $errors->any() && ! $errors->has('resend'))
        <div class="alert alert-danger">
            {{ $errors->first() }}
        </div>
    @endif

    {{-- Confirmación de reenvío --}}
    @if (session('resend_status'))
        <div class="alert alert-success">{{ session('resend_status') }}</div>
    @endif

    {{-- Error de reenvío --}}
    @if ($errors->has('resend'))
        <div class="alert alert-danger">{{ $errors->first('resend') }}</div>
    @endif

    {{-- Sección de reenvío --}}
    <div class="card mt-4 border-0 shadow-sm">
        <div class="card-body">
            <p class="mb-3 text-muted" style="font-size:.95rem;">
                ¿No te llegó ningún correo?
            </p>
            <form method="POST" action="{{ route('registro.reenviar') }}">
                @csrf
                <div class="mb-3">
                    <label for="resend_email" class="form-label">Ingresá tu correo electrónico</label>
                    <input
                        type="email"
                        id="resend_email"
                        name="email"
                        class="form-control @error('email') is-invalid @enderror"
                        value="{{ old('email') }}"
                        placeholder="tucorreo@ejemplo.com"
                        required
                    >
                    @error('email')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
                <button type="submit" class="btn btn-outline-primary w-100">
                    Reenviar correo de confirmación
                </button>
            </form>
        </div>
    </div>

    <div class="text-center mt-3">
        <a href="{{ route('registro.form') }}" class="text-muted small">Volver al formulario de registro</a>
    </div>

</div>
@endsection