<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>

<?php /* DESCOMENTADO PARA DEBUG - Botón de prueba con parámetros específicos
if(is_user_logged_in()): ?>
<div class="container">
   <div class="alert alert-info mt-3">
      <h5><i class="fa fa-flask"></i> Prueba Directa con Parámetros</h5>
      <p class="mb-2">Click para probar con los siguientes parámetros:</p>
      <ul class="mb-3" style="font-family: monospace; font-size: 13px;">
         <li><strong>Cuadro:</strong> GFSM2014_E1</li>
         <li><strong>Variable:</strong> * (todas)</li>
         <li><strong>País:</strong> CRI (Costa Rica)</li>
         <li><strong>Frecuencia:</strong> M (Mensual)</li>
         <li><strong>Sector:</strong> GFS</li>
         <li><strong>Subsector:</strong> _Z</li>
         <li><strong>Período:</strong> 01-01-2025 al 31-12-2025</li>
      </ul>
      <a href="<?php echo home_url('/efpa-resultados/'); ?>?cuadro=GFSM2014_E1&variable=*&pais=CRI&frecuencia=M&sector=GFS&subsector=_Z&fechaInicio=01-01-2025&fechaFin=31-12-2025" 
         class="btn btn-primary">
         <i class="fa fa-play-circle"></i> Ejecutar Prueba
      </a>
      <a href="http://192.168.100.137:8081/simafir_api/ws/public/efpa/obtenerDatos/GFSM2014_E1/%2A/CRI/M/GFS/_Z?fechaInicio=01-01-2025&fechaFin=31-12-2025&formato=json" 
         target="_blank" 
         class="btn btn-secondary ml-2">
         <i class="fa fa-external-link"></i> Ver URL API
      </a>
   </div>
</div>
<?php endif; 
FIN COMENTARIO DEBUG */ ?>

<h2>Resumen de todos los cuadros</h2>
<div class="d-block d-md-block cs-space-40"></div>

<?php
// Obtener la lista de cuadros disponibles
$cuadros = $this->api->efpa_get_cuadros();

if($cuadros && is_array($cuadros)){
  ?>
  <?php 
  foreach ($cuadros as $cid => $cuadro) {
    $nombre = isset($cuadro["nombreEsp"]) ? $cuadro["nombreEsp"] : "Cuadro " . ($cid + 1);
    $descripcion = isset($cuadro["dscesp"]) ? $cuadro["dscesp"] : "";
    $codigo = isset($cuadro["codGeneral"]) ? $cuadro["codGeneral"] : "";
    $codigo_sdmx = isset($cuadro["codigoSDMX"]) ? $cuadro["codigoSDMX"] : "";
    
    // Usar codGeneral como identificador para la URL
    $cuadro_param = $codigo ? $codigo : $codigo_sdmx;
    ?>
    <div class="col col-box">
        <div class="subjects-wraper" style="padding-bottom: 15px; margin-bottom: 15px;">
            <div class="row">
                <div class="col-3 col-md-2 d-flex d-md-block justify-content-center">
                    <img class="logo" src="https://www.secmca.org/wp-content/uploads/2019/12/activos-y-pasivos-de-las-osd@2x.png" alt="<?php echo esc_attr($nombre); ?>">
                </div>
                <div class="col-9 col-md-10">
                    <a href="<?php echo home_url('/efpa-parametros/'); ?>?cuadro=<?php echo urlencode($cuadro_param); ?>">
                        <h3 style="border-bottom: none;"><?php echo esc_html($nombre); ?></h3>
                    </a>
                    <?php if($descripcion): ?>
                    <a href="#" class="tooltip-test" title="<?php echo esc_attr($descripcion); ?>" data-original-title="Ver más">
                        <i class="fa fa-info-circle" aria-hidden="true"></i>
                    </a>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
  <?php } ?>
  
  <script type="text/javascript">
    jQuery(document).ready(function($) {
      $('.tooltip-test').tooltip();
    });
  </script>
  <?php
} else {
  // Obtener el último error del log de WordPress
  $debug_log = WP_CONTENT_DIR . '/debug.log';
  $last_error = '';
  
  if (file_exists($debug_log)) {
    $log_lines = file($debug_log);
    $efpa_errors = array_filter(array_reverse($log_lines), function($line) {
      return strpos($line, 'EFPA API') !== false;
    });
    
    if (!empty($efpa_errors)) {
      $last_error = reset($efpa_errors);
      // Limpiar el timestamp del log
      $last_error = preg_replace('/^\[.*?\]\s+/', '', $last_error);
    }
  }
  ?>
  <div class="container">
    <div class="alert alert-danger">
      <h4><strong>⚠️ Error al cargar los cuadros EFPA</strong></h4>
      <hr>
      <p><strong>Endpoint:</strong> <code>http://192.168.100.137:8081/simafir_api/ws/efpa/criterios/obtenerCuadros?formato=json</code></p>
      <?php if ($last_error): ?>
      <p><strong>Error:</strong></p>
      <pre style="background: #fff; padding: 10px; border-radius: 4px; font-size: 12px;"><?php echo esc_html($last_error); ?></pre>
      <?php endif; ?>
      <hr>
      <p><strong>Posibles causas:</strong></p>
      <ul>
        <li>El servidor de la API no está disponible (verificar que está corriendo en 192.168.100.137:8081)</li>
        <li>El token de autenticación es inválido o expiró</li>
        <li>El endpoint requiere permisos adicionales</li>
        <li>Problemas de conectividad de red</li>
      </ul>
      <p><strong>Token actual:</strong> <code><?php echo substr($this->api->token, 0, 30); ?>...</code></p>
    </div>
  </div>
  <?php
}
?>
