@extends('layouts.portal-auth')
@section('title', 'Restablecer 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">Nueva Contraseña</h2>
    <p class="text-gray-500 text-sm text-center mb-6">Escribe tu nueva contraseña.</p>

    <form method="POST" action="{{ route('portal.reset.post', ['token' => $token]) }}" class="space-y-4">
        @csrf
        <div>
            <label class="block text-sm text-gray-400 mb-1">Nueva contraseña</label>
            <input type="password" name="password"
                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="Mínimo 8 caracteres" required>
        </div>
        <div>
            <label class="block text-sm text-gray-400 mb-1">Confirmar contraseña</label>
            <input type="password" name="password_confirmation"
                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="Repite la contraseña" required>
        </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-save mr-1"></i> Guardar Contraseña
        </button>
    </form>
</div>
@endsection