@extends('layouts.auth-public')

@section('title', 'Ley de Lobby' . (($title ?? '') ? ' - ' . $title : ''))

@section('content')
    @php
        $paises = $paises ?? \App\Models\Pais::getAllSorted();
    @endphp
    <main class="main container">
        <span class=" mt-4"
            style="color: #3962A3; font-size: 32px; text-align: center; font-family:Arial, Helvetica, sans-serif;">Registro
            de Usuario</span><br><br><br>
        <form id="register-form" class="form-horizontal" method="post" action="{{ route('register.store') }}">
            @csrf
            <fieldset>
                <div class="row">
                    <div class="col-6">
                        <label for="pasaporte" class="form-label">Pasaporte</label>
                        <input type="text" class="form-control" id="pasaporte" name="pasaporte"
                            value="{{ old('pasaporte') }}" placeholder="Ej: 12345678-9"
                            maxlength="32" required autocomplete="off">
                    </div>

                    <div class="col-6">
                        <label for="pais_id" class="form-label">País emisor</label>
                        <select name="pais_id" id="pais_id" class="form-select" autocomplete="country"
                            data-lpignore="true" data-1p-ignore data-form-type="other">
                            <optgroup label="RUT">
                                <option value="CHL" @selected(old('pais_id', 'AFG') === 'CHL')>Chile</option>
                            </optgroup>
                            <optgroup label="Pasaporte">
                                @foreach ($paises as $pais)
                                    @continue($pais->id === 'CHL')
                                    <option value="{{ $pais->id }}" @selected(old('pais_id', 'AFG') === $pais->id)>
                                        {{ $pais->nombre }}
                                    </option>
                                @endforeach
                            </optgroup>
                        </select>
                    </div>
                </div>

                

                <div class="col-12 py-2">
                    <label for="nombres" class="form-label">Nombres</label>
                    <div>
                        <input type="text" class="form-control" id="nombres" name="nombres"
                            value="{{ old('nombres') }}" maxlength="255" data-sanitize="true">
                    </div>
                </div>

                <div class="col-12 py-2">
                    <label for="apellidos" class="form-label">Apellidos</label>
                    <div>
                        <input type="text" class="form-control" id="apellidos" name="apellidos"
                            value="{{ old('apellidos') }}" maxlength="255" data-sanitize="true">
                    </div>
                </div>

                <div class="col-12 py-2">
                    <label for="email" class="form-label">E-Mail</label>
                    <div>
                        <input type="email" class="form-control" id="email" name="email"
                            value="{{ old('email') }}" maxlength="255" inputmode="email"
                            autocomplete="email" data-sanitize="email">
                    </div>
                </div>

                <x-auth.password-fields />

                <div class="col-12 py-2">
                    <label for="telefono" class="form-label">Teléfono</label>
                    <div>
                        <input type="tel" class="form-control" id="telefono" name="telefono"
                            value="{{ old('telefono') }}" maxlength="32" inputmode="tel"
                            autocomplete="tel" data-sanitize="tel">
                    </div>
                </div>

                <div class="col-12 py-2">
                    <label>
                        <input type="checkbox" name="terminos_y_condiciones_de_uso"
                            @checked(old('terminos_y_condiciones_de_uso'))> Acepto los <a
                            href="