@extends('layouts.admin')

@section('content')

<div class="container">
    <div class="row">

        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.index') }}">Inicio</a></li>
                <li class="breadcrumb-item"><a href="{{ route('admin.solicitudes-cargos-pasivos.index') }}">Solicitud de Incorporación de Sujetos Pasivos</a></li>
                <li class="breadcrumb-item active" aria-current="page">Crear Sujetos Pasivos.</li>
            </ol>
        </nav>

        @if (session('status'))
			<div class="col-12 alert alert-success mb-5">
				{{ session('status') }}
			</div>
		@endif

        <!-- {{-- Variable auxiliar limpia para saber si el formulario debe estar bloqueado --}} -->
        @php
            $isLocked = $block || (isset($solicitud) && $solicitud->estado !== 'ingresada');
        @endphp


        <form id="SolicitudCargoPasivoForm" novalidate class="form-horizontal" method="POST" action="...">
            @csrf
            <!-- {{-- Si existe la variable $edit y es true, agregamos PUT --}} -->
            @if(isset($edit) && $edit) @method('PUT') @endif

            <h2 class="destacado mb-5">{{ $title }}</h2>
            
            <!-- {{-- ALERTAS DE ESTADO --}} -->
            @if(isset($solicitud))
                @if($solicitud->estado == 'aceptada')
                    <div class="validacion">
                        <div class="alert alert-success"><p>Solicitud Aceptada</p> (Edición desactivada)</div>
                    </div>
                @elseif($solicitud->estado == 'rechazada')
                    <div class="validacion">
                        <div class="alert alert-warning"><p>Solicitud Rechazada</p> (Edición desactivada)</div>
                    </div>
                @elseif($solicitud->estado == 'finalizada')
                    <div class="validacion">
                        <div class="alert alert-success"><p>Solicitud Finalizada</p> El sujeto pasivo ya fue creado (Edición desactivada)</div>
                    </div>
                @endif
            @endif

            <fieldset>
                <h2 class="line">1. Institución</h2>
                <p class="destacado-descripcion">Seleccione la institución a la cual presentará su solicitud</p>
                <div class="row">
                    <div class="col-12 py-2">
                        <label for="institucion" class="form-label">Institución</label>
                        <select name="folio[institucion_id]" id="institucion" class="form-control mb-0" {{ ($instituciones->count() == 1 || $isLocked) ? 'disabled' : '' }} required>
                            <option value="">Seleccione una institución</option>
                            @foreach($instituciones->groupBy('padre') as $padre => $lista)
                                <optgroup label="{{ $padre }}">
                                    @foreach($lista as $inst)
                                        <!-- {{-- Ya no necesitamos el data-prefijo aquí --}} -->
                                        <option value="{{ $inst->id }}" 
                                            {{ old('folio.institucion_id', $institucion->id ?? ($instituciones->count() == 1 ? $instituciones->first()->id : '')) == $inst->id ? 'selected' : '' }}>
                                            {{ $inst->nombre }}
                                        </option>
                                    @endforeach
                                </optgroup>
                            @endforeach
                        </select>
                    </div>
                </div>
            </fieldset>

            <!-- {{-- CONDICIONAL BLADE PARA ROLES --}} -->
            @if($digitador || $auditor)
                <fieldset id="FolioContent">
                    <h2 class="line">2. Datos de la solicitud</h2>
                    <div class="col-12 py-2">
                        <label for="correlativo" class="form-label">Folio</label>
                        <div class="input-group">
                            <span class="input-group-text" id="prefijo-folio">
                                {{ !empty($institucion->codigo) ? $institucion->codigo . 'PP' : 'PP' }}
                            </span>
                            <input type="text" class="form-control" name="folio[correlativo]" 
                                value="{{ old('folio.correlativo', $folio->correlativo ?? '') }}" 
                                {{ $isLocked || !empty($folio->correlativo) ? 'readonly' : '' }} required />
                        </div>
                    </div>

                    <div class="col-12 py-2">
                        <label class="form-label">Fecha Recepción</label>
                        <div class="input-group">
                            <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                            <input type="text" class="form-control datepicker" name="folio[fecha]" 
                                value="{{ old('folio.fecha', $folio->fecha ?? '') }}" 
                                {{ $isLocked || !empty($folio->fecha) ? 'readonly' : '' }} required/>
                        </div>
                    </div>
                </fieldset>
            @endif

            <fieldset>
                <h2 class="line">3. Identificación</h2>
                <p class="destacado-descripcion">Identificación del solicitante</p>

                <div class="col-12 py-2">
                    <label class="form-label">Nacionalidad / Identificación</label>
                    <div class="row">
                        <div class="col-6">
                            <select name="persona[pais]" id="select_pais_id" onchange="togglePasaporte()" class="form-select mb-0" 
                                    {{ $isLocked || ($paises->count() == 1) || !empty($persona->pais_id) ? 'readonly' : '' }} required>
                                <option value="">Seleccione país</option>
                                @foreach($paises->groupBy('tipo') as $tipo => $listaPaises)
                                    <optgroup label="{{ $tipo }}">
                                        @foreach($listaPaises as $pais)
                                            <option value="{{ $pais->id }}" 
                                                {{ old('persona.pais', $persona->pais_id ?? '') == $pais->id ? 'selected' : '' }}>
                                                {{ $pais->nombre }}
                                            </option>
                                        @endforeach
                                    </optgroup>
                                @endforeach
                            </select>
                        </div>
                        
                        <div class="col-6" id="pasaporteContainer">
                            <input name="persona[pasaporte]" id="pasaporte" class="form-control pasaporte" 
                                value="{{ old('persona.pasaporte', $persona->pasaporte ?? '') }}" 
                                placeholder="ej. 12345678-9" 
                                onblur="checkPassport()" 
                                {{ $isLocked || !empty($persona->pasaporte) ? 'readonly' : '' }} required>
                        </div>
                    </div>
                </div>

                <div class="col-12 py-2">
                    <div class="row">
                        <div class="col-6">
                            <label class="form-label">Nombres</label>
                            <input name="persona[nombres]" class="form-control" 
                                value="{{ old('persona.nombres', $persona->nombres ?? '') }}" 
                                {{ $isLocked || !empty($persona->nombres) ? 'readonly' : '' }} required>
                        </div>
                        <div class="col-6">
                            <label class="form-label">Apellidos</label>
                            <input name="persona[apellidos]" class="form-control" 
                                value="{{ old('persona.apellidos', $persona->apellidos ?? '') }}" 
                                {{ $isLocked || !empty($persona->apellidos) ? 'readonly' : '' }} required>
                        </div>
                    </div>
                </div>

                <div class="col-12 py-2">
                    <div class="row">
                        <div class="col-6">
                            <label class="form-label">E-Mail</label>
                            <input type="email" name="persona[email]" class="form-control" 
                                value="{{ old('persona.email', $persona->email ?? '') }}" 
                                {{ $isLocked || !empty($persona->email) ? 'readonly' : '' }}>
                        </div>
                        <div class="col-6">
                            <label class="form-label">Teléfono</label>
                            <input name="persona[telefono]" class="form-control" 
                                value="{{ old('persona.telefono', $persona->telefono ?? '') }}" 
                                {{ $isLocked || !empty($persona->telefono) ? 'readonly' : '' }}>
                        </div>
                    </div>
                </div>

                <div class="col-12 py-2">
                    <label for="otro_contacto" class="form-label">Dirección</label>
                    <textarea id="otro_contacto" name="persona[otro_contacto]" class="form-control" 
                            {{ $isLocked || !empty($persona->otro_contacto) ? 'readonly' : '' }} required>{{ old('persona.otro_contacto', $persona->otro_contacto ?? '') }}</textarea>
                </div>
            </fieldset>

            <fieldset>
                <h2 class="line">4. Identificación del funcionario o servidor público</h2>
                <div class="col-12 py-2">
                    <div class="row">
                        <div class="col-6">
                            <label class="form-label">Nombres</label>
                            <input type="text" class="form-control" name="solicitud[nombres]" 
                                value="{{ old('solicitud.nombres', $solicitud->nombres ?? '') }}" 
                                {{ $isLocked ? 'readonly' : '' }} required>
                        </div>
                        <div class="col-6">
                            <label class="form-label">Apellidos</label>
                            <input type="text" class="form-control" name="solicitud[apellidos]" 
                                value="{{ old('solicitud.apellidos', $solicitud->apellidos ?? '') }}" 
                                {{ $isLocked ? 'readonly' : '' }} required>
                        </div>
                    </div>
                </div>
                <div class="col-12 py-2">
                    <label class="form-label">Función o cargo</label>
                    <input type="text" class="form-control" name="solicitud[funcion]" 
                        value="{{ old('solicitud.funcion', $solicitud->funcion ?? '') }}" 
                        {{ $isLocked ? 'readonly' : '' }} required>
                </div>
            </fieldset>

            <fieldset class="mb-3">
                <h2 class="line">5. Observaciones</h2>
                <div class="col-12 py-2">
                    <textarea class="form-control" rows="3" name="folio[observaciones]" 
                            {{ $isLocked ? 'readonly' : '' }} required>{{ old('folio.observaciones', $folio->observaciones ?? '') }}</textarea>
                </div>
            </fieldset>

            <!-- {{-- BOTONES NATIVOS EN BLADE --}} -->
            <div class="form-group mt-4">
                <div class="col-sm-12 text-center" id="submitButtonContent">
                    
                    @if(!$auditor && ($admin || $jefe) && isset($solicitud) && $solicitud->estado == 'ingresada')
                        <button type="button" class="btn btn-success" onclick="submitForm(true)">Aceptar Solicitud</button> 
                        <button type="button" class="btn btn-danger" onclick="submitForm(false)">Rechazar Solicitud</button> 
                    
                    @elseif(!$auditor && ($admin || $digitador || $natural) && empty($solicitud->estado))
                        <button type="button" class="btn btn-primary" onclick="submitForm()">Enviar solicitud</button> 
                    @endif
                    
                    <!-- {{-- Usamos route() para no quemar las URLs --}} -->
                    <a href="{{ $natural ? route('admin.index') : route('admin.solicitudes-cargos-pasivos.index') }}" class="btn btn-outline-primary me-2">Volver</a>
                </div>
            </div>
        </form>

    </div>
</div>
@endsection

@push('scripts')
    <script>
        // Creamos un diccionario { ID: "CODIGO" } limpio y directo desde la colección
        const diccInstituciones = {!! json_encode($instituciones->pluck('codigo', 'id')) !!};
    </script>
    <script src="{{ asset('js/solicitud-cargo-pasivo.js?v=4') }}"></script>
@endpush