<section x-show="step === 4" x-transition x-ref="step4" class="sec sec-azul">

  <h2 class="sec-title" style="color:var(--c-blue-900)">
    INDICADORES DE RESULTADOS EN SALUD
  </h2>
  <h3 class="sec-title">GESTIÓN DE RIESGO DEPARTAMENTAL - AUDITORÍA DEPARTAMENTAL</h3>

  <?php if (isset($component)) { $__componentOriginal6d5aacf0ef396ae7f3d0d05573c46c0d = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal6d5aacf0ef396ae7f3d0d05573c46c0d = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.upload-descripcion','data' => ['title' => 'REPORTE DE RESOLUCION 256 EN SISPRO','name' => 'indicadores','required' => true,'imgLabel' => 'Evidencia (Reporte SISPRO)','descLabel' => 'Análisis']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('upload-descripcion'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['title' => 'REPORTE DE RESOLUCION 256 EN SISPRO','name' => 'indicadores','required' => true,'img-label' => 'Evidencia (Reporte SISPRO)','desc-label' => 'Análisis']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal6d5aacf0ef396ae7f3d0d05573c46c0d)): ?>
<?php $attributes = $__attributesOriginal6d5aacf0ef396ae7f3d0d05573c46c0d; ?>
<?php unset($__attributesOriginal6d5aacf0ef396ae7f3d0d05573c46c0d); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal6d5aacf0ef396ae7f3d0d05573c46c0d)): ?>
<?php $component = $__componentOriginal6d5aacf0ef396ae7f3d0d05573c46c0d; ?>
<?php unset($__componentOriginal6d5aacf0ef396ae7f3d0d05573c46c0d); ?>
<?php endif; ?>



  
  <?php
    if (($seleccion['tipo_red'] ?? null) === 'COMPLEMENTARIOS') {

      // Asignar un array por defecto si no es COMPLEMENTARIOS
      $indicadoresAcceso = [
        ['item' => 'Tiempo promedio de espera para la asignación de consulta medica de Odontologia General', 'meta' => '2 días hábiles = 100%']
      ];
      // Plantilla fija (14 ítems). Ajusta textos/meta si lo necesitas.

    } else {

      $indicadoresAcceso = [
        ['item' => 'Tiempo promedio de espera para la asignación de consulta médica de Medicina General', 'meta' => '2 días hábiles = 100%'],
        ['item' => 'Tiempo promedio de espera para la asignación de consulta médica de Odontología General', 'meta' => '2 días hábiles = 100%'],
        ['item' => 'Tiempo promedio de espera para la asignación de consulta médica de Pediatría', 'meta' => '5 días hábiles = 100%'],
        ['item' => 'Tiempo promedio de espera para la asignación de consulta médica de Obstetricia', 'meta' => '5 días hábiles = 100%'],
        ['item' => 'Tiempo promedio de espera para la asignación de consulta médica de Medicina Interna', 'meta' => '5 días hábiles = 100%'],
        ['item' => 'Tiempo promedio de espera para la asignación de cita de Psicología', 'meta' => '4 días hábiles = 100%'],
        ['item' => 'Tiempo promedio de espera para la asignación de cita de Nutrición', 'meta' => '4 días hábiles = 100%'],
        ['item' => 'Tiempo promedio de espera para la asignación de consulta médica de Medicina Familiar', 'meta' => '5 días hábiles = 100%'],
        ['item' => 'Cumplimiento en la oportunidad de la asignación de citas para toma de ayudas diagnósticas de baja complejidad (Ecografía obstétrica)', 'meta' => '100% (5 días)'],
        ['item' => 'Cumplimiento en la oportunidad de la asignación de citas para toma de imágenes diagnósticas de baja complejidad (Imágenes radiológicas de baja complejidad)', 'meta' => '100% (5 días)'],
        ['item' => 'Cumplimiento en la oportunidad de la asignación de citas para ayudas terapéuticas de baja complejidad (Terapia física)', 'meta' => '100% (5 días)'],
        ['item' => 'Cumplimiento en la oportunidad de la asignación de citas para ayudas terapéuticas de baja complejidad (Terapia ocupacional)', 'meta' => '100% (5 días)'],
        ['item' => 'Cumplimiento en la oportunidad de la asignación de citas para ayudas terapéuticas de baja complejidad (Terapia de lenguaje)', 'meta' => '100% (5 días)'],
        ['item' => 'Cumplimiento en la oportunidad en la toma de laboratorios de baja complejidad', 'meta' => '100% (2 días)'],
      ];

    }
  ?>

  <div class="mt-6 border rounded-lg p-4" x-data="{ rows: <?php echo \Illuminate\Support\Js::from($indicadoresAcceso)->toHtml() ?> }">
    <h3 class="text-base font-semibold mb-3">Indicadores de acceso</h3>

    <div class="overflow-x-auto border rounded-lg">
      <table class="min-w-full text-sm table-azul">

        <thead>
          <tr class="text-left">
            <th class="p-2 w-12 border-b">No.</th>
            <th class="p-2 border-b">INDICADORES DE ACCESO</th>
            <th class="p-2 w-44 border-b">META</th>
            <th class="p-2 w-40 border-b">RESULTADO *</th>
            <th class="p-2 w-[40%] border-b">OBSERVACIONES</th>
          </tr>
        </thead>
        <tbody>
          <template x-for="(row, i) in rows" :key="i">
            <tr class="align-top">
              <!-- No. -->
              <td class="p-2 border-b text-center" x-text="i+1"></td>

              <!-- Indicador fijo + hidden -->
              <td class="p-2 border-b">
                <div class="whitespace-pre-line" x-text="row.item"></div>
                <input type="hidden" :name="`indicadores_acceso[items][${i}][item]`" :value="row.item">
              </td>

              <!-- Meta fija + hidden -->
              <td class="p-2 border-b">
                <div class="text-sm text-gray-700" x-text="row.meta"></div>
                <input type="hidden" :name="`indicadores_acceso[items][${i}][meta]`" :value="row.meta">
              </td>

              <!-- Resultado (usuario) -->
              <td class="p-2 border-b">
                <input class="w-full input-azul" :name="`indicadores_acceso[items][${i}][resultado]`"
                  placeholder="Ej: 2 días hábiles / 95%" required>
              </td>

              <!-- Observaciones (usuario, opcional) -->
              <td class="p-2 border-b">
                <textarea class="w-full textarea-azul" rows="2" :name="`indicadores_acceso[items][${i}][observaciones]`"
                  placeholder="Notas, soportes, explicación del resultado..."></textarea>
              </td>
            </tr>
          </template>
        </tbody>
      </table>
    </div>
  </div>



  <?php if(($seleccion['tipo_red'] ?? null) === 'COMPLEMENTARIOS'): ?>


    
    <?php
      $indicadoresDeteccion = [
        ['item' => 'Cobertura de valoración de la salud bucal en la primera infancia, infancia y adolescencia', 'meta' => '100%'],
        ['item' => 'Cobertura de valoración de la salud bucal en la juventud, adultez y vejez', 'meta' => '100%'],
        ['item' => 'Proporción de pacientes con tratamiento terminado en servicio de odontología', 'meta' => 'Mayor igual al 60% = 100%']
      ];
    ?>



    <div class="mt-6 border rounded-lg p-4" x-data="{ rows: <?php echo \Illuminate\Support\Js::from($indicadoresDeteccion)->toHtml() ?> }">
      <h3 class="text-base font-semibold mb-3">Indicadores salud oral</h3>

      <div class="overflow-x-auto border rounded-lg">
        <table class="min-w-full text-sm table-azul">

          <thead>
            <tr class="text-left">
              <th class="p-2 w-12 border-b">No.</th>
              <th class="p-2 border-b">INDICADORES SALUD ORAL</th>
              <th class="p-2 w-28 border-b text-center">META</th>
              <th class="p-2 w-40 border-b">RESULTADO (%) *</th>
              <th class="p-2 w-[40%] border-b">OBSERVACIONES</th>
            </tr>
          </thead>
          <tbody>
            <template x-for="(row, i) in rows" :key="i">
              <tr class="align-top">
                <!-- No. -->
                <td class="p-2 border-b text-center" x-text="i+1"></td>

                <!-- Indicador fijo + hidden -->
                <td class="p-2 border-b">
                  <div class="whitespace-pre-line" x-text="row.item"></div>
                  <input type="hidden" :name="`indicadores_deteccion[items][${i}][item]`" :value="row.item">
                </td>

                <!-- Meta fija + hidden (+ meta_num para cálculos futuros) -->
                <td class="p-2 border-b text-center">
                  <span x-text="row.meta"></span>
                  <input type="hidden" :name="`indicadores_deteccion[items][${i}][meta]`" :value="row.meta">
                  <input type="hidden" :name="`indicadores_deteccion[items][${i}][meta_num]`"
                    :value="parseInt(String(row.meta).replace('%',''))">
                </td>

                <!-- Resultado: número 0–100 (usuario) -->
                <td class="p-2 border-b">
                  <div class="flex items-center gap-1">
                    <input class="w-full input-azul" type="number" min="0" max="100" step="0.1"
                      :name="`indicadores_deteccion[items][${i}][resultado]`" required placeholder="0.0">
                    <span>%</span>
                  </div>
                </td>

                <!-- Observaciones (usuario, opcional) -->
                <td class="p-2 border-b">
                  <textarea class="w-full textarea-azul" rows="2"
                    :name="`indicadores_deteccion[items][${i}][observaciones]`"
                    placeholder="Notas, soportes, explicación del resultado..."></textarea>
                </td>
              </tr>
            </template>
          </tbody>
        </table>
      </div>
    </div>



  <?php endif; ?>

  <?php if(($seleccion['tipo_red'] ?? null) === 'PRIMARIA'): ?>

    
    <?php
      $indicadoresDeteccion = [
        ['item' => 'Proporción de mujeres entre 50 y 69 años tamizadas para cáncer de mama con mamografía en los últimos dos años', 'meta' => '70%'],
        ['item' => 'Proporción de mujeres entre 25 y 65 años tamizadas para cáncer de cuello uterino con cualquier prueba de tamización', 'meta' => '80%'],
        ['item' => 'Proporción de hombres mayores de 50 años con tamizaje de oportunidad para cáncer de próstata (Antígenos Sanguíneos Prostáticos (PSA) y tacto rectal combinado)', 'meta' => '70%'],
        ['item' => 'Proporción de personas entre 50 y 75 años tamizadas para cáncer de colon y recto (sangre oculta en materia fecal con inmunoquímica, según lo definido en el esquema)', 'meta' => '80%'],
        ['item' => 'Proporción de gestantes con captación temprana al control prenatal (antes semana 10)', 'meta' => '90%'],
      ];
    ?>

    
    <?php
      $indicadoresPrecursoras = [
        [
          'item' => 'Razón de mortalidad materna a 42 días',
          'meta' => '<32 x 100.000 nacidos vivos',
          'tipo' => 'ratio', // resultado como texto/ratio
        ],
        [
          'item' => 'Captación de Hipertensión Arterial (HTA) de personas de 18 a 69 años',
          'meta' => 'Mayor o igual al 50% = 100%',
          'tipo' => 'porcentaje',
        ],
        [
          'item' => 'Proporción de pacientes hipertensos controlados',
          'meta' => 'Mayor o igual al 60% = 100%',
          'tipo' => 'porcentaje',
        ],
        [
          'item' => 'Captación de Diabetes Mellitus de personas de 18 a 69 años',
          'meta' => 'Mayor o igual al 50% = 100%',
          'tipo' => 'porcentaje',
        ],
        [
          'item' => 'Proporción de pacientes diabéticos controlados: proporción de pacientes con diabetes mellitus tipo II controlada (HbA1c < 7 mg/dL)',
          'meta' => 'Mayor o igual al 60% = 100%',
          'tipo' => 'porcentaje',
        ],
        [
          'item' => 'Porcentaje de pacientes con tratamiento terminado en el servicio de odontología',
          'meta' => 'Mayor o igual al 60% = 100%',
          'tipo' => 'porcentaje',
        ],
      ];
    ?>



    <div class="mt-6 border rounded-lg p-4" x-data="{ rows: <?php echo \Illuminate\Support\Js::from($indicadoresDeteccion)->toHtml() ?> }">
      <h3 class="text-base font-semibold mb-3">Indicadores de detección temprana</h3>

      <div class="overflow-x-auto border rounded-lg">
        <table class="min-w-full text-sm table-azul">

          <thead>
            <tr class="text-left">
              <th class="p-2 w-12 border-b">No.</th>
              <th class="p-2 border-b">INDICADORES DE DETECCIÓN TEMPRANA</th>
              <th class="p-2 w-28 border-b text-center">META</th>
              <th class="p-2 w-40 border-b">RESULTADO (%) *</th>
              <th class="p-2 w-[40%] border-b">OBSERVACIONES</th>
            </tr>
          </thead>
          <tbody>
            <template x-for="(row, i) in rows" :key="i">
              <tr class="align-top">
                <!-- No. -->
                <td class="p-2 border-b text-center" x-text="i+1"></td>

                <!-- Indicador fijo + hidden -->
                <td class="p-2 border-b">
                  <div class="whitespace-pre-line" x-text="row.item"></div>
                  <input type="hidden" :name="`indicadores_deteccion[items][${i}][item]`" :value="row.item">
                </td>

                <!-- Meta fija + hidden (+ meta_num para cálculos futuros) -->
                <td class="p-2 border-b text-center">
                  <span x-text="row.meta"></span>
                  <input type="hidden" :name="`indicadores_deteccion[items][${i}][meta]`" :value="row.meta">
                  <input type="hidden" :name="`indicadores_deteccion[items][${i}][meta_num]`"
                    :value="parseInt(String(row.meta).replace('%',''))">
                </td>

                <!-- Resultado: número 0–100 (usuario) -->
                <td class="p-2 border-b">
                  <div class="flex items-center gap-1">
                    <input class="w-full input-azul" type="number" min="0" max="100" step="0.1"
                      :name="`indicadores_deteccion[items][${i}][resultado]`" required placeholder="0.0">
                    <span>%</span>
                  </div>
                </td>

                <!-- Observaciones (usuario, opcional) -->
                <td class="p-2 border-b">
                  <textarea class="w-full textarea-azul" rows="2"
                    :name="`indicadores_deteccion[items][${i}][observaciones]`"
                    placeholder="Notas, soportes, explicación del resultado..."></textarea>
                </td>
              </tr>
            </template>
          </tbody>
        </table>
      </div>
    </div>



    <div class="mt-6 border rounded-lg p-4" x-data="{ rows: <?php echo \Illuminate\Support\Js::from($indicadoresPrecursoras)->toHtml() ?> }">
      <h3 class="text-base font-semibold mb-3">Indicadores de Enf. Precursoras</h3>

      <div class="overflow-x-auto border rounded-lg">
        <table class="min-w-full text-sm table-azul">

          <thead>
            <tr class="text-left">
              <th class="p-2 w-12 border-b">No.</th>
              <th class="p-2 border-b">INDICADORES DE ENF. PRECURSORAS</th>
              <th class="p-2 w-56 border-b">META</th>
              <th class="p-2 w-48 border-b">RESULTADO *</th>
              <th class="p-2 w-[40%] border-b">OBSERVACIONES</th>
            </tr>
          </thead>
          <tbody>
            <template x-for="(row, i) in rows" :key="i">
              <tr class="align-top">
                <!-- No. -->
                <td class="p-2 border-b text-center" x-text="i+1"></td>

                <!-- Indicador fijo + hidden -->
                <td class="p-2 border-b">
                  <div class="whitespace-pre-line" x-text="row.item"></div>
                  <input type="hidden" :name="`indicadores_precursoras[items][${i}][item]`" :value="row.item">
                  <input type="hidden" :name="`indicadores_precursoras[items][${i}][tipo]`" :value="row.tipo">
                </td>

                <!-- Meta fija + hidden -->
                <td class="p-2 border-b">
                  <div class="text-sm text-gray-700 whitespace-pre-line" x-text="row.meta"></div>
                  <input type="hidden" :name="`indicadores_precursoras[items][${i}][meta]`" :value="row.meta">
                </td>

                <!-- Resultado (usuario) -->
                <td class="p-2 border-b">
                  <template x-if="row.tipo === 'porcentaje'">
                    <div class="flex items-center gap-1">
                      <input class="w-full input-azul" type="number" min="0" max="100" step="0.1"
                        :name="`indicadores_precursoras[items][${i}][resultado]`" required placeholder="0.0">
                      <span>%</span>
                    </div>
                  </template>
                  <template x-if="row.tipo === 'ratio'">
                    <input class="w-full input-azul" type="text" :name="`indicadores_precursoras[items][${i}][resultado]`"
                      required placeholder="Ej: 28 x 100.000">
                  </template>
                </td>

                <!-- Observaciones (usuario, opcional) -->
                <td class="p-2 border-b">
                  <textarea class="w-full border rounded p-2" rows="2"
                    :name="`indicadores_precursoras[items][${i}][observaciones]`"
                    placeholder="Notas, soportes, explicación del resultado..."></textarea>
                </td>
              </tr>
            </template>
          </tbody>
        </table>
      </div>
    </div>



  <?php endif; ?>

  <?php
    $indicadoresExperiencia = [
      [
        'item' => 'Tasa de PQRS x 1000 usuarios',
        'meta' => '<= 5 Quejas x 1000 afiliados',
        'tipo' => 'tasa',        // número con decimales
      ],
      [
        'item' => 'Oportunidad en la solución de PQRS de acuerdo a los tiempos establecidos por la Circular Externa SNS 2023151000000010-5',
        'meta' => 'Oportunidad de respuesta según clasificación del riesgo asociado a la PQRS = 70%',
        'tipo' => 'porcentaje',  // 0–100 %
      ],
      [
        'item' => 'Pertinencia en la solución de PQRS de acuerdo a los tiempos establecidos por la Circular Externa SNS 2023151000000010-5',
        'meta' => 'Oportunidad de respuesta según clasificación del riesgo asociado a la PQRS = 70%',
        'tipo' => 'porcentaje',
      ],
      [
        'item' => 'Cantidad de tutela (atribuibles al prestador y los servicios contratados)',
        'meta' => '0',
        'tipo' => 'entero',      // conteo
      ],
      [
        'item' => 'Porcentaje de satisfacción',
        'meta' => '>90%',
        'tipo' => 'porcentaje',
      ],
    ];
  ?>


  


  <div class="mt-6 border rounded-lg p-4" x-data="{ rows: <?php echo \Illuminate\Support\Js::from($indicadoresExperiencia)->toHtml() ?> }">
    <h3 class="text-base font-semibold mb-3">Indicadores de experiencia del usuario</h3>

    <div class="overflow-x-auto border rounded-lg">
      <table class="min-w-full text-sm table-azul">

        <thead>
          <tr class="text-left">
            <th class="p-2 w-12 border-b">No.</th>
            <th class="p-2 border-b">INDICADORES DE EXPERIENCIA DEL USUARIO</th>
            <th class="p-2 w-56 border-b">META</th>
            <th class="p-2 w-48 border-b">RESULTADO *</th>
            <th class="p-2 w-[40%] border-b">OBSERVACIONES</th>
          </tr>
        </thead>
        <tbody>
          <template x-for="(row, i) in rows" :key="i">
            <tr class="align-top">
              <!-- No. -->
              <td class="p-2 border-b text-center" x-text="i+1"></td>

              <!-- Indicador fijo + hidden -->
              <td class="p-2 border-b">
                <div class="whitespace-pre-line" x-text="row.item"></div>
                <input type="hidden" :name="`indicadores_experiencia[items][${i}][item]`" :value="row.item">
                <input type="hidden" :name="`indicadores_experiencia[items][${i}][tipo]`" :value="row.tipo">
              </td>

              <!-- Meta fija + hidden -->
              <td class="p-2 border-b">
                <div class="text-sm text-gray-700 whitespace-pre-line" x-text="row.meta"></div>
                <input type="hidden" :name="`indicadores_experiencia[items][${i}][meta]`" :value="row.meta">
              </td>

              <!-- Resultado (usuario, según tipo) -->
              <td class="p-2 border-b">
                <template x-if="row.tipo === 'porcentaje'">
                  <div class="flex items-center gap-1">
                    <input class="w-full input-azul" type="number" min="0" max="100" step="0.1"
                      :name="`indicadores_experiencia[items][${i}][resultado]`" required placeholder="0.0">
                    <span>%</span>
                  </div>
                </template>

                <template x-if="row.tipo === 'tasa'">
                  <div class="flex items-center gap-1">
                    <input class="w-full input-azul" type="number" min="0" step="0.01"
                      :name="`indicadores_experiencia[items][${i}][resultado]`" required placeholder="0.00">
                    <span>por 1000</span>
                  </div>
                </template>

                <template x-if="row.tipo === 'entero'">
                  <input class="w-full input-azul" type="number" min="0" step="1"
                    :name="`indicadores_experiencia[items][${i}][resultado]`" required placeholder="0">
                </template>
              </td>

              <!-- Observaciones (usuario, opcional) -->
              <td class="p-2 border-b">
                <textarea class="w-full border rounded p-2" rows="2"
                  :name="`indicadores_experiencia[items][${i}][observaciones]`"
                  placeholder="Notas, soportes, explicación del resultado..."></textarea>
              </td>
            </tr>
          </template>
        </tbody>
      </table>
    </div>
  </div>


  <?php if(($seleccion['tipo_red'] ?? null) === 'PRIMARIA'): ?>
  
  <?php
    $resSaludPlantilla = [
      ['item' => 'El prestador cumple con las metas pactadas para los indicadores de acceso.', 'ponderado' => 8, 'cumple' => '', 'observaciones' => ''],
      ['item' => 'El prestador cumple con las metas pactadas para los indicadores de Detección temprana.', 'ponderado' => 8, 'cumple' => '', 'observaciones' => ''],
      ['item' => 'El prestador cumple con las metas pactadas para los indicadores de Enfermedades Precursoras.', 'ponderado' => 8, 'cumple' => '', 'observaciones' => ''],
      ['item' => 'El prestador cumple con las metas pactadas para los indicadores de Experiencia al usuario.', 'ponderado' => 8, 'cumple' => '', 'observaciones' => ''],
      ['item' => 'Oportunidad en la notificación de casos de eventos de interés en salud pública por parte de las UNM en el aplicativo Sivigila.', 'ponderado' => 8, 'cumple' => '', 'observaciones' => ''],
    ];
  ?>

  <div class="mt-6 border rounded-lg p-4" x-data="{
           rows: <?php echo \Illuminate\Support\Js::from($resSaludPlantilla)->toHtml() ?>,
           total()     { return this.rows.reduce((a,r)=>a + Number(r.ponderado||0), 0) },
           obtenido()  { return this.rows.reduce((a,r)=>a + (r.cumple==='SI' ? Number(r.ponderado||0) : 0), 0) },
           porcentaje(){ const t=this.total(); return t>0 ? (this.obtenido()/t)*100 : 0 },
           pushResumen(){
             if (window.Alpine?.store('resumen')) {
      Alpine.store('resumen').resultados         = this.porcentaje();
      Alpine.store('resumen').resultadosTotal    = this.total();
      Alpine.store('resumen').resultadosObtenido = this.obtenido();
    }
    window.dispatchEvent(new CustomEvent('resumen-updated')); // 👈 nuevo

           }
         }" x-init="pushResumen()" x-effect="pushResumen()" @sync-resumen.window="pushResumen()">

    <h3 class="text-base font-semibold mb-3">Resultados en Salud</h3>

    <div class="overflow-x-auto border rounded-lg">
      <table class="min-w-full text-sm table-azul">

        <thead>
          <tr class="text-left">
            <th class="p-2 w-12 border-b">No.</th>
            <th class="p-2 border-b">ITEM EVALUADO</th>
            <th class="p-2 w-28 border-b text-center">PONDERADO</th>
            <th class="p-2 w-40 border-b text-center">CUMPLE</th>
            <th class="p-2 w-[40%] border-b">OBSERVACIONES</th>
          </tr>
        </thead>
        <tbody>
          <template x-for="(row, i) in rows" :key="i">
            <tr class="align-top">
              <td class="p-2 border-b text-center" x-text="i+1"></td>
              <td class="p-2 border-b">
                <div class="whitespace-pre-line" x-text="row.item"></div>
                <input type="hidden" :name="`resultados_salud[items][${i}][item]`" :value="row.item">
              </td>
              <td class="p-2 border-b text-center">
                <span x-text="row.ponderado"></span>
                <input type="hidden" :name="`resultados_salud[items][${i}][ponderado]`" :value="row.ponderado">
              </td>
              <td class="p-2 border-b">
                <div class="flex items-center justify-center gap-4">
                  <label class="inline-flex items-center gap-1">
                    <input type="radio" :name="`resultados_salud[items][${i}][cumple]`" value="SI" x-model="row.cumple"
                      required>
                    <span>SI</span>
                  </label>
                  <label class="inline-flex items-center gap-1">
                    <input type="radio" :name="`resultados_salud[items][${i}][cumple]`" value="NO" x-model="row.cumple"
                      required>
                    <span>NO</span>
                  </label>
                </div>
              </td>
              <td class="p-2 border-b">
                <textarea class="w-full border rounded p-2" rows="2"
                  :name="`resultados_salud[items][${i}][observaciones]`" x-model="row.observaciones"
                  :required="row.cumple==='NO'"
                  :class="row.cumple==='NO' && !row.observaciones ? 'ring-2 ring-red-400' : ''"
                  placeholder="Notas, soportes, causas, acciones..."></textarea>
              </td>
            </tr>
          </template>
        </tbody>
        <tfoot>
          <tr>
            <td class="p-2 border-t font-semibold text-right" colspan="2">Totales</td>
            <td class="p-2 border-t font-semibold text-center" x-text="total()"></td>
            <td class="p-2 border-t font-semibold text-center" colspan="2">
              Obtenido: <span x-text="obtenido()"></span> / <span x-text="total()"></span>
              — <strong x-text="porcentaje().toFixed(1) + '%'"></strong>
            </td>
          </tr>
        </tfoot>
      </table>
    </div>

    <!-- Enviar % y puntos para uso posterior (p. ej., informe final) -->
    <input type="hidden" name="resultados_salud[porcentaje]" :value="porcentaje().toFixed(1)">
    <input type="hidden" name="resultados_salud[puntos_obtenidos]" :value="obtenido()">
    <input type="hidden" name="resultados_salud[puntos_totales]" :value="total()">
  </div>

  <?php endif; ?>

  <?php if(($seleccion['tipo_red'] ?? null) === 'COMPLEMENTARIOS'): ?>
  
  <?php
    $resSaludPlantilla = [
      ['item' => 'El prestador cumple con las metas pactadas para los indicadores de acceso.', 'ponderado' => 14, 'cumple' => '', 'observaciones' => ''],
      ['item' => 'El prestador cumple con las metas pactadas para los indicadores de Salud Oral.', 'ponderado' => 13, 'cumple' => '', 'observaciones' => ''],
      ['item' => 'El prestador cumple con las metas pactadas para los indicadores de Experiencia al usuario', 'ponderado' => 13, 'cumple' => '', 'observaciones' => ''],
    ];
  ?>

  <div class="mt-6 border rounded-lg p-4" x-data="{
           rows: <?php echo \Illuminate\Support\Js::from($resSaludPlantilla)->toHtml() ?>,
           total()     { return this.rows.reduce((a,r)=>a + Number(r.ponderado||0), 0) },
           obtenido()  { return this.rows.reduce((a,r)=>a + (r.cumple==='SI' ? Number(r.ponderado||0) : 0), 0) },
           porcentaje(){ const t=this.total(); return t>0 ? (this.obtenido()/t)*100 : 0 },
           pushResumen(){
             if (window.Alpine?.store('resumen')) {
      Alpine.store('resumen').resultados         = this.porcentaje();
      Alpine.store('resumen').resultadosTotal    = this.total();
      Alpine.store('resumen').resultadosObtenido = this.obtenido();
    }
    window.dispatchEvent(new CustomEvent('resumen-updated')); // 👈 nuevo

           }
         }" x-init="pushResumen()" x-effect="pushResumen()" @sync-resumen.window="pushResumen()">

    <h3 class="text-base font-semibold mb-3">Resultados en Salud</h3>

    <div class="overflow-x-auto border rounded-lg">
      <table class="min-w-full text-sm table-azul">

        <thead>
          <tr class="text-left">
            <th class="p-2 w-12 border-b">No.</th>
            <th class="p-2 border-b">ITEM EVALUADO</th>
            <th class="p-2 w-28 border-b text-center">PONDERADO</th>
            <th class="p-2 w-40 border-b text-center">CUMPLE</th>
            <th class="p-2 w-[40%] border-b">OBSERVACIONES</th>
          </tr>
        </thead>
        <tbody>
          <template x-for="(row, i) in rows" :key="i">
            <tr class="align-top">
              <td class="p-2 border-b text-center" x-text="i+1"></td>
              <td class="p-2 border-b">
                <div class="whitespace-pre-line" x-text="row.item"></div>
                <input type="hidden" :name="`resultados_salud[items][${i}][item]`" :value="row.item">
              </td>
              <td class="p-2 border-b text-center">
                <span x-text="row.ponderado"></span>
                <input type="hidden" :name="`resultados_salud[items][${i}][ponderado]`" :value="row.ponderado">
              </td>
              <td class="p-2 border-b">
                <div class="flex items-center justify-center gap-4">
                  <label class="inline-flex items-center gap-1">
                    <input type="radio" :name="`resultados_salud[items][${i}][cumple]`" value="SI" x-model="row.cumple"
                      required>
                    <span>SI</span>
                  </label>
                  <label class="inline-flex items-center gap-1">
                    <input type="radio" :name="`resultados_salud[items][${i}][cumple]`" value="NO" x-model="row.cumple"
                      required>
                    <span>NO</span>
                  </label>
                </div>
              </td>
              <td class="p-2 border-b">
                <textarea class="w-full border rounded p-2" rows="2"
                  :name="`resultados_salud[items][${i}][observaciones]`" x-model="row.observaciones"
                  :required="row.cumple==='NO'"
                  :class="row.cumple==='NO' && !row.observaciones ? 'ring-2 ring-red-400' : ''"
                  placeholder="Notas, soportes, causas, acciones..."></textarea>
              </td>
            </tr>
          </template>
        </tbody>
        <tfoot>
          <tr>
            <td class="p-2 border-t font-semibold text-right" colspan="2">Totales</td>
            <td class="p-2 border-t font-semibold text-center" x-text="total()"></td>
            <td class="p-2 border-t font-semibold text-center" colspan="2">
              Obtenido: <span x-text="obtenido()"></span> / <span x-text="total()"></span>
              — <strong x-text="porcentaje().toFixed(1) + '%'"></strong>
            </td>
          </tr>
        </tfoot>
      </table>
    </div>

    <!-- Enviar % y puntos para uso posterior (p. ej., informe final) -->
    <input type="hidden" name="resultados_salud[porcentaje]" :value="porcentaje().toFixed(1)">
    <input type="hidden" name="resultados_salud[puntos_obtenidos]" :value="obtenido()">
    <input type="hidden" name="resultados_salud[puntos_totales]" :value="total()">
  </div>

  <?php endif; ?>



</section><?php /**PATH C:\xampp\htdocs\Auditoria-app\resources\views/formularios/sections/_indicadores.blade.php ENDPATH**/ ?>