@extends('layouts.portal-auth')
@section('title', 'Olvidé mi Contraseña — Olorun Secure')

@section('content')
<div class="bg-gray-900 rounded-xl border border-gray-800 p-6">
    <h2 class="font-semibold text-lg mb-2 text-center">Recuperar Contraseña</h2>
    <p class="text-gray-500 text-sm text-center mb-6">Ingresa tu email para recibir un enlace de recuperación.</p>

    <form method="POST" action="{{ route('portal.forgot.post') }}" class="space-y-4">
        @csrf
        <div>
            <label class="block text-sm text-gray-400 mb-1">Email</label>
            <input type="email" name="email" value="{{ old('email') }}"
                class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:outline-none focus:border-indigo-500 transition"
                placeholder="tu@email.com" required autofocus>
        </div>

        <button type="submit"
            class="w-full bg-indigo-600 hover:bg-indigo-700 rounded-lg py-3 font-medium transition">
            <i class="fas fa-envelope mr-1"></i> Enviar Enlace
        </button>
    </form>

    <div class="mt-4 text-center">
        <a href="{{ route('portal.login') }}" class="text-sm text-gray-500 hover:text-white transition">
            <i class="fas fa-arrow-left mr-1"></i> Volver al inicio de sesión
        </a>
    </div>
</div>
@endsection