<input type="hidden" name="tiene_indicadores_alta" value="1" />

<h6 class="mt-2 mb-3 fw-bold">Indicadores de alta</h6>
<div class="row justify-content-start g-3">
    @foreach($indicadores as $indicador)
        @php $obligatorio = !empty($indicador->obligatorio); @endphp
        <input type="hidden" name="nombre_{{ $indicador->indicador }}" value="{{ $indicador->nombre_indicador }}" />
        @if($indicador->tipo_dato === 'S')
            @php
                $string_opciones = rtrim($indicador->opciones, '|');

                [$nombres_opciones, $valores] = array_map(
                    fn($parte) => explode('|', $parte),
                    explode('^', $string_opciones)
                );
                $opciones = array_combine($nombres_opciones, $valores);
                ksort($opciones);
            @endphp
            <div class="col-xl-4">
                <label class="d-flex gap-2">
                    {{ $indicador->nombre_indicador }}
                    @if($obligatorio)<span class="text-danger fw-bold">*</span>@endif
                </label>
                <select name="valor_{{ $indicador->indicador }}" class="form-select form-select-sm" @if($obligatorio) required @endif>
                    <option value="">Seleccione una opción</option>
                    @foreach($opciones as $nombre => $valor)
                        <option value="{{ $valor }}">{{  $nombre }}</option>
                    @endforeach
                </select>
            </div>
        @elseif($indicador->tipo_dato === 'I')
            <div class="col-xl-4">
                <label class="d-flex gap-2">
                    {{ $indicador->nombre_indicador }}
                    @if($obligatorio)<span class="text-danger fw-bold">*</span>@endif
                </label>
                <input type="number" name="valor_{{ $indicador->indicador }}" min="{{ $indicador->rango_inferior }}"
                        max="{{ $indicador->rango_superior }}" class="form-control form-control-sm" @if($obligatorio) required @endif />
            </div>
        @elseif($indicador->tipo_dato === 'F')
            <div class="col-xl-4">
                <label class="d-flex gap-2">
                    {{ $indicador->nombre_indicador }}
                    @if($obligatorio)<span class="text-danger fw-bold">*</span>@endif
                    {{-- <span class="fw-bold text-fidelitas">$</span> --}}
                </label>
                <input type="number" name="valor_{{ $indicador->indicador }}" step="0.01" min="{{ $indicador->rango_inferior }}"
                max="{{ $indicador->rango_superior }}" class="form-control form-control-sm" @if($obligatorio) required @endif />
            </div>
        @elseif($indicador->tipo_dato === 'M')
            <div class="col-xl-4">
                <label class="d-flex gap-2">
                    {{ $indicador->nombre_indicador }}
                    @if($obligatorio)<span class="text-danger fw-bold">*</span>@endif
                </label>
                <input type="text" name="valor_{{ $indicador->indicador }}" class="form-control form-control-sm" @if($obligatorio) required @endif>
            </div>
        @elseif($indicador->tipo_dato === 'D')
            <div class="col-xl-4">
                <label class="d-flex gap-2">
                    {{ $indicador->nombre_indicador }}
                    @if($obligatorio)<span class="text-danger fw-bold">*</span>@endif
                </label>
                <input type="date" name="valor_{{ $indicador->indicador }}" class="form-control form-control-sm" @if($obligatorio) required @endif />
            </div>
        @elseif($indicador->tipo_dato === 'B')
            <label class="col-xl-4">
                {{ $indicador->nombre_indicador }}
                @if($obligatorio)<span class="text-danger fw-bold">*</span>@endif
                <div class="d-flex gap-3 align-items-center">
                    <label class="form-check-label d-flex align-items-center gap-1 mb-0">
                        <input type="radio" class="form-check-input mt-0" name="valor_{{ $indicador->indicador }}" value="1"
                            @if($obligatorio) required @endif>
                        <span>Sí</span>
                    </label>
                    <label class="form-check-label d-flex align-items-center gap-1 mb-0">
                        <input type="radio" class="form-check-input mt-0" name="valor_{{ $indicador->indicador }}" value="0"
                            @if($obligatorio) required @endif>
                        <span>No</span>
                    </label>
                </div>
            </label>
        @endif
    @endforeach
</div>