@extends('layouts.app')
@section('title','Solicitud de Préstamos — Flexipréstamos')
@section('content')<x-banner image="solicitud.png"/><section class="application-section"><div class="container narrow"><h1>Solicitud de Préstamo</h1><div class="steps" aria-label="Progreso de la solicitud"><span class="active" aria-label="Paso 1: Datos personales">1<span class="sr-only"> Datos personales</span></span><span aria-label="Paso 2: Vehículo">2<span class="sr-only"> Vehículo</span></span><span aria-label="Paso 3: Solicitud">3<span class="sr-only"> Solicitud</span></span></div>
<form method="post" action="/solicitud-de-prestamos" id="loan-form" novalidate>@csrf<input type="hidden" name="submission_token" value="{{ old('submission_token', $token) }}"><div class="hp" aria-hidden="true"><label>No completar<input name="website" tabindex="-1" autocomplete="off"></label></div>
@if($errors->any())<div class="validation-summary" role="alert"><strong>Por favor comprueba los campos resaltados.</strong><ul>@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>@endif
<fieldset class="form-step active"><legend>Datos Personales del Solicitante</legend><label>Nombre y Apellido<input name="full_name" value="{{ old('full_name') }}" required aria-describedby="full_name-error">@error('full_name')<span id="full_name-error" class="error">{{ $message }}</span>@enderror</label><label>Número de Cédula<input name="cedula" value="{{ old('cedula') }}" inputmode="numeric" required>@error('cedula')<span class="error">{{ $message }}</span>@enderror</label><label>Correo Electrónico<input type="email" name="email" value="{{ old('email') }}" required>@error('email')<span class="error">{{ $message }}</span>@enderror</label><label>Número de Contacto<input type="tel" name="phone" value="{{ old('phone') }}" required>@error('phone')<span class="error">{{ $message }}</span>@enderror</label><div class="form-actions"><button type="button" class="button next">Próximo paso</button></div></fieldset>
<fieldset class="form-step"><legend>Información del Vehículo</legend><label>Marca<input name="vehicle_make" value="{{ old('vehicle_make') }}" required>@error('vehicle_make')<span class="error">{{ $message }}</span>@enderror</label><label>Modelo<input name="vehicle_model" value="{{ old('vehicle_model') }}" required>@error('vehicle_model')<span class="error">{{ $message }}</span>@enderror</label><label>Año (opcional)<input type="number" name="vehicle_year" value="{{ old('vehicle_year') }}" min="1950" max="{{ now()->year + 1 }}">@error('vehicle_year')<span class="error">{{ $message }}</span>@enderror</label><label>RD$ Valor del Vehículo<input type="number" step="0.01" min="0.01" name="vehicle_value" value="{{ old('vehicle_value') }}" required>@error('vehicle_value')<span class="error">{{ $message }}</span>@enderror</label><div class="form-actions"><button type="button" class="button secondary previous">Paso previo</button><button type="button" class="button next">Próximo paso</button></div></fieldset>
<fieldset class="form-step"><legend>Información de la Solicitud</legend><label>RD$ Monto a Solicitar<input type="number" step="0.01" min="0.01" name="requested_amount" value="{{ old('requested_amount') }}" required>@error('requested_amount')<span class="error">{{ $message }}</span>@enderror</label><label>Motivo de la Solicitud<textarea name="request_reason" maxlength="2000" required>{{ old('request_reason') }}</textarea>@error('request_reason')<span class="error">{{ $message }}</span>@enderror</label><label class="consent"><input type="checkbox" name="consent" value="1" @checked(old('consent'))> <span>Autorizo a FLEXI a utilizar la información suministrada para evaluar mi solicitud, contactarme y gestionar el proceso relacionado. Consulte la <a href="/privacidad" target="_blank">política de privacidad</a>.</span>@error('consent')<span class="error">{{ $message }}</span>@enderror</label><div class="form-actions"><button type="button" class="button secondary previous">Paso previo</button><button type="submit" class="button submit">Enviar</button></div></fieldset></form></div></section>@endsection