{{--
    Renderiza TODOS los campos fijos (bloqueados + configurables visibles)
    en el orden exacto que el admin configuró.

    Reemplaza TANTO el bloque hardcodeado de campos fijos en registro.blade.php
    COMO el @include('publico._campos_fijos_configurables').

    Uso: @include('publico._campos_fijos_todos', ['congreso' => $congreso])

    Variables Alpine requeridas en el padre (ya en tu registro.blade.php):
        estadoSeleccionado, municipios, cargandoMunicipios, cargarMunicipios()
        sectorSeleccionado, sectorTipoLogica, actualizarLogicaSector()
        tipoOIC
--}}

@php
    use App\Http\Controllers\Admin\CamposFijosController;

    // Todos los campos en su orden — bloqueados siempre visibles,
    // configurables solo si están activados
    $cfgTodos = collect(CamposFijosController::getConfigEstatica($congreso))
        ->filter(fn($c) => $c['visible'] === true)
        ->sortBy('orden')
        ->values();
@endphp

@foreach($cfgTodos as $cf)
@php $req = $cf['requerido'] ?? false; $clave = $cf['clave']; @endphp

{{-- ══════════════════════════════════════════════════════════════════
     CAMPOS BLOQUEADOS
═══════════════════════════════════════════════════════════════════ --}}

@if($clave === 'nombres')
<div>
    <x-input-label for="nombres" :value="$cf['etiqueta']" class="font-bold" />
    <x-text-input id="nombres" name="nombres" type="text"
        :value="old('nombres')" class="w-full" required />
    <x-input-error :messages="$errors->get('nombres')" class="mt-2" />
</div>

@elseif($clave === 'primer_apellido')
<div>
    <x-input-label for="primer_apellido" :value="$cf['etiqueta']" class="font-bold" />
    <x-text-input id="primer_apellido" name="primer_apellido" type="text"
        :value="old('primer_apellido')" class="w-full" required />
    <x-input-error :messages="$errors->get('primer_apellido')" class="mt-2" />
</div>

@elseif($clave === 'email')
<div>
    <x-input-label for="email" :value="$cf['etiqueta']" class="font-bold" />
    <x-text-input id="email" name="email" type="email"
        :value="old('email')" class="w-full" required placeholder="tu@correo.com" />
    <x-input-error :messages="$errors->get('email')" class="mt-2" />
</div>

@elseif($clave === 'telefono')
<div>
    <x-input-label for="telefono" :value="$cf['etiqueta']" class="font-bold" />
    <x-text-input id="telefono" name="telefono" type="tel"
        :value="old('telefono')" class="w-full" required placeholder="10 dígitos" />
    <x-input-error :messages="$errors->get('telefono')" class="mt-2" />
</div>

@elseif($clave === 'estado_id')
<div>
    <x-input-label for="estado_id" :value="$cf['etiqueta']" class="font-bold" />
    <select id="estado_id" name="estado_id" required
        x-model="estadoSeleccionado"
        @change="cargarMunicipios()"
        class="mt-1 border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm w-full">
        <option value="">Seleccione un estado...</option>
        @foreach(\App\Models\Estado::orderBy('nombre')->get() as $estado)
            <option value="{{ $estado->id }}" @selected(old('estado_id') == $estado->id)>
                {{ $estado->nombre }}
            </option>
        @endforeach
    </select>
    <x-input-error :messages="$errors->get('estado_id')" class="mt-2" />
</div>

@elseif($clave === 'municipio_id')
<div>
    <x-input-label for="municipio_id" :value="$cf['etiqueta']" class="font-bold" />
    <select id="municipio_id" name="municipio_id" required
        :disabled="cargandoMunicipios || !estadoSeleccionado"
        class="mt-1 border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm w-full">
        <option value="">Seleccione un municipio...</option>
        <template x-for="municipio in municipios" :key="municipio.id">
            <option :value="municipio.id"
                    :selected="municipio.id == '{{ old('municipio_id') }}'"
                    x-text="municipio.nombre"></option>
        </template>
    </select>
    <x-input-error :messages="$errors->get('municipio_id')" class="mt-2" />
</div>

{{-- ══════════════════════════════════════════════════════════════════
     CAMPOS CONFIGURABLES (visibles)
═══════════════════════════════════════════════════════════════════ --}}

@elseif($clave === 'segundo_apellido')
<div>
    <x-input-label for="segundo_apellido" :value="$cf['etiqueta']" class="font-bold" />
    <x-text-input id="segundo_apellido" name="segundo_apellido" type="text"
        :value="old('segundo_apellido')" class="w-full" :required="$req" />
    @if(!$req)<p class="text-xs text-gray-400 mt-1">Opcional</p>@endif
    <x-input-error :messages="$errors->get('segundo_apellido')" class="mt-2" />
</div>

@elseif($clave === 'rango_edad')
<div>
    <x-input-label for="rango_edad" :value="$cf['etiqueta']" class="font-bold" />
    <select id="rango_edad" name="rango_edad" {{ $req ? 'required' : '' }}
        class="mt-1 border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm w-full">
        <option value="">Seleccione...</option>
        @foreach($rangos_edad as $rango)
            <option value="{{ $rango }}" @selected(old('rango_edad') == $rango)>{{ $rango }}</option>
        @endforeach
    </select>
    @if(!$req)<p class="text-xs text-gray-400 mt-1">Opcional</p>@endif
    <x-input-error :messages="$errors->get('rango_edad')" class="mt-2" />
</div>

@elseif($clave === 'sector_id')
<div>
    <x-input-label for="sector_id" :value="$cf['etiqueta']" class="font-bold" />
    <select id="sector_id" name="sector_id" {{ $req ? 'required' : '' }}
        x-model="sectorSeleccionado"
        @change="actualizarLogicaSector()"
        class="mt-1 border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm w-full">
        <option value="">Seleccione su sector...</option>
        @foreach($sectores as $sector)
            <option value="{{ $sector->id }}" @selected(old('sector_id') == $sector->id)>
                {{ $sector->nombre }}
            </option>
        @endforeach
    </select>
    @if(!$req)<p class="text-xs text-gray-400 mt-1">Opcional</p>@endif
    <x-input-error :messages="$errors->get('sector_id')" class="mt-2" />
</div>

{{-- Sub-bloques sector --}}
@if($dependencias_municipales->count() > 0 || $dependencias_estatales->count() > 0)
<div x-show="sectorTipoLogica === 'oic'" x-transition
     class="p-4 bg-gray-50 rounded-xl border border-gray-200 space-y-4">
    <x-input-label value="Tipo de Órgano de Control" class="font-bold" />
    <div class="flex gap-6">
        @if($dependencias_municipales->count() > 0)
        <label class="flex items-center gap-2 cursor-pointer">
            <input type="radio" name="tipo_oic" value="municipal" x-model="tipoOIC"
                class="border-gray-300 text-indigo-600 focus:ring-indigo-500">
            <span class="text-sm">Municipal</span>
        </label>
        @endif
        @if($dependencias_estatales->count() > 0)
        <label class="flex items-center gap-2 cursor-pointer">
            <input type="radio" name="tipo_oic" value="estatal" x-model="tipoOIC"
                class="border-gray-300 text-indigo-600 focus:ring-indigo-500">
            <span class="text-sm">Estatal</span>
        </label>
        @endif
    </div>
    @if($dependencias_municipales->count() > 0)
    <div x-show="tipoOIC === 'municipal'">
        <x-input-label value="Municipio (OIC)" class="font-bold" />
        <select name="detalle_procedencia_oic_mun"
            class="mt-1 border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm w-full">
            <option value="">Seleccione...</option>
            @foreach($dependencias_municipales as $dep)
                <option value="{{ $dep->nombre }}" @selected(old('detalle_procedencia_oic_mun') == $dep->nombre)>{{ $dep->nombre }}</option>
            @endforeach
        </select>
    </div>
    @endif
    @if($dependencias_estatales->count() > 0)
    <div x-show="tipoOIC === 'estatal'">
        <x-input-label value="Dependencia (OIC)" class="font-bold" />
        <select name="detalle_procedencia_oic_est"
            class="mt-1 border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm w-full">
            <option value="">Seleccione...</option>
            @foreach($dependencias_estatales as $dep)
                <option value="{{ $dep->nombre }}" @selected(old('detalle_procedencia_oic_est') == $dep->nombre)>{{ $dep->nombre }}</option>
            @endforeach
        </select>
    </div>
    @endif
</div>
@endif
@if($dependencias_estatales->count() > 0)
<div x-show="sectorTipoLogica === 'servidor_publico'" x-transition class="p-4 bg-gray-50 rounded-xl border border-gray-200">
    <x-input-label value="Dependencia" class="font-bold" />
    <select name="detalle_procedencia_servidor" class="mt-1 border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm w-full">
        <option value="">Seleccione...</option>
        @foreach($dependencias_estatales as $dep)
            <option value="{{ $dep->nombre }}" @selected(old('detalle_procedencia_servidor') == $dep->nombre)>{{ $dep->nombre }}</option>
        @endforeach
    </select>
</div>
@endif
@if($dependencias_educativas->count() > 0)
<div x-show="sectorTipoLogica === 'educativo'" x-transition class="p-4 bg-gray-50 rounded-xl border border-gray-200">
    <x-input-label value="Institución educativa" class="font-bold" />
    <select name="detalle_procedencia_educativo" class="mt-1 border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm w-full">
        <option value="">Seleccione...</option>
        @foreach($dependencias_educativas as $dep)
            <option value="{{ $dep->nombre }}" @selected(old('detalle_procedencia_educativo') == $dep->nombre)>{{ $dep->nombre }}</option>
        @endforeach
    </select>
</div>
@endif
@if($dependencias_autonomas->count() > 0)
<div x-show="sectorTipoLogica === 'autonomo'" x-transition class="p-4 bg-gray-50 rounded-xl border border-gray-200">
    <x-input-label value="Organismo autónomo" class="font-bold" />
    <select name="detalle_procedencia_autonomo" class="mt-1 border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm w-full">
        <option value="">Seleccione...</option>
        @foreach($dependencias_autonomas as $dep)
            <option value="{{ $dep->nombre }}" @selected(old('detalle_procedencia_autonomo') == $dep->nombre)>{{ $dep->nombre }}</option>
        @endforeach
    </select>
</div>
@endif
<div x-show="sectorTipoLogica === 'ninguno'" x-transition class="p-4 bg-gray-50 rounded-xl border border-gray-200">
    <x-input-label value="Institución u organización" class="font-bold" />
    <x-text-input name="detalle_procedencia_texto" type="text"
        :value="old('detalle_procedencia_texto')" class="w-full mt-1" />
</div>

@elseif($clave === 'fecha_hora_llegada')
<div>
    <x-input-label for="fecha_hora_llegada" :value="$cf['etiqueta']" class="font-bold" />
    <x-text-input id="fecha_hora_llegada" name="fecha_hora_llegada" type="datetime-local"
        :value="old('fecha_hora_llegada')" class="w-full" :required="$req" />
    @if(!$req)<p class="text-xs text-gray-400 mt-1">Opcional</p>@endif
    <x-input-error :messages="$errors->get('fecha_hora_llegada')" class="mt-2" />
</div>

@elseif($clave === 'fecha_hora_salida')
<div>
    <x-input-label for="fecha_hora_salida" :value="$cf['etiqueta']" class="font-bold" />
    <x-text-input id="fecha_hora_salida" name="fecha_hora_salida" type="datetime-local"
        :value="old('fecha_hora_salida')" class="w-full" :required="$req" />
    @if(!$req)<p class="text-xs text-gray-400 mt-1">Opcional</p>@endif
    <x-input-error :messages="$errors->get('fecha_hora_salida')" class="mt-2" />
</div>

@endif

@endforeach