
<div class="container">
<div class="row">
  <div class="cs-space-20 d-md-none"></div>
  <?php
  foreach ($categories as $key => $category) {
    if($category['title'] == $current_parent) {
      $childs = $category["sub_crb_cat"];
      if($key == intval($_GET['cid'])){
          $current_img  = $category["crb_cat_photo"];
      }
        foreach ($childs as $scid => $child) {
          if($child["title"] == $_GET['son']){
            if(! empty($child["sub_sub_crb_cat"])) {
              foreach ($child["sub_sub_crb_cat"] as $k => $vv) {
                  if($key == intval($_GET['cid']) && $scid == intval($_GET['scid']) && $k == intval($_GET['scsid']) && $_GET['son'] == $child["title"]) {
                    $desc_cat1 = $vv["desc"];
                    $desc_cat2 = $desc_cat1;
                  }else {
                      $desc_cat2 = $child["desc"];
                  }
              }
            }else {
              $desc_cat2 = $child["desc"];
            }
          }
          if($scid == intval($_GET['scid'])){
            $extra1 = $child["extra1"];
            $ex_2 = $child["extra2"];
            $ex_tit1 = $child["extra1tit"];
            $ex_tit2 = $child["extra2tit"];
          }
        }
    }
  }
  ?>
  <div class="cs-space-20 d-md-none"></div>
</div>
</div>
<div class="d-none d-md-block cs-space-40"></div>
<section id="single-params">
  <div class="container">
    <div class="row">
      <div class="col-12 col-md-3">
        <!-- Menú lateral EFPA -->
        <div class="lateral-menu">
          <div class="header-lateral-menu">
            <div class="row">
              <div class="col-12">
                <h4>EFPA</h4>
              </div>
            </div>
          </div>
          <div class="body-lateral-menu">
            <?php 
            // Obtener lista de cuadros para el menú lateral
            $cuadros_menu = $this->api->efpa_get_cuadros();
            
            // Obtener el nombre del cuadro actual para el título
            $maintitle = "EFPA";
            if($cuadros_menu && is_array($cuadros_menu)):
                foreach ($cuadros_menu as $cid => $cuadro_item):
                    $nombre_menu = isset($cuadro_item["nombreEsp"]) ? $cuadro_item["nombreEsp"] : "Cuadro " . ($cid + 1);
                    $codigo_menu = isset($cuadro_item["codGeneral"]) ? $cuadro_item["codGeneral"] : "";
                    $codigo_sdmx_menu = isset($cuadro_item["codigoSDMX"]) ? $cuadro_item["codigoSDMX"] : "";
                    $cuadro_param_menu = $codigo_menu ? $codigo_menu : $codigo_sdmx_menu;
                    $es_activo = (isset($cuadro) && $cuadro == $cuadro_param_menu) ? 'active' : '';
                    
                    // Si este es el cuadro actual, guardar su nombre para el título
                    if(isset($cuadro) && $cuadro == $cuadro_param_menu) {
                        $maintitle = $nombre_menu;
                    }
            ?>
            <div class="row" style="border-bottom: 1px solid #e0e0e0; padding-bottom: 5px; margin-bottom: 5px;">
              <div class="col-12">
                <a href="<?php echo home_url('/efpa-parametros/'); ?>?cuadro=<?php echo urlencode($cuadro_param_menu); ?>">
                  <h3 class="<?php echo $es_activo; ?>">
                    <?php echo esc_html($nombre_menu); ?>
                  </h3>
                </a>
              </div>
            </div>
            <?php 
                endforeach;
            endif;
            ?>
          </div>
        </div>
      </div>
        <div class="cs-space-20 d-md-none"></div>
        <div class="col-12 col-md-9" id="parameters">
          <h2><?php echo $maintitle; ?></h2>
          <div class="d-none d-md-block cs-space-10"></div>
           <p class="params-p">
                    <pre class="params-p"><?php echo $desc_cat2; ?></pre>
                </p>
          <div class="cs-space-20 d-md-none"></div>
          <div class="d-none d-md-block cs-space-40"></div>
          <div class="graphic-container">
            <div class="header-graphic">
              <?php
              foreach ($emfa_categories as $key => $category) {
                if($_GET["active"] == $key) {
                  $metaemail = $category['emfa_crb_emfameta'][3]["emfa_emailmeta"];
                  $metadesc = $category['emfa_crb_emfameta'][3]["emfa_descmeta"];
                  $metalc = $category['emfa_crb_emfameta'][3]["emfa_alccmeta"];
                  $metcar = $category['emfa_crb_emfameta'][3]["emfa_carmeta"];
                  $metunidad = $category['emfa_crb_emfameta'][3]["emfa_unidadmeta"];
                  $metpermeta = $category['emfa_crb_emfameta'][3]["emfa_permeta"];
                  $metoport = $category['emfa_crb_emfameta'][3]["emfa_opormeta"];
                  $metarev = $category['emfa_crb_emfameta'][3]["emfa_revmeta"];
                  $metafu = $category['emfa_crb_emfameta'][3]["emfa_fumeta"];
                  $metaacc = $category['emfa_crb_emfameta'][3]["emfa_accmeta"];
                  $metanot = $category['emfa_crb_emfameta'][3]["emfa_notmeta"];
                  $commeta = $category['emfa_crb_emfameta'][3]["emfa_commeta"];
                  $calregmeta = $category['emfa_crb_emfameta'][3]["emfa_calregmeta"];
                  $reddatafumetameta = $category['emfa_crb_emfameta'][3]["emfa_reddatafumeta"];
                  $notes = $category['emfa_crb_emfameta'][3]["emfa_tablenotes"];
                  $pdfneta = $category['emfa_crb_emfameta'][3]["emfa_pdfmeta"];
                  $metaact = $category['emfa_crb_emfameta'][3]["emfa_actualizacionemeta"];
                }
              }
               ?>
              <div class="container">
                <div class="row">
                  <div class="col-6 col-md-3 col-md-3 col-space-down">
                      <button class="btn btn-primary hBack" type="button">Volver</button>
                  </div>
                  <div class="col-6 col-md-3 col-md-3 col-space-down">
                    <div class="graphic-box">
                      <img src="<?php echo get_template_directory_uri(); ?>/src/images/131972@2x.png" alt="">
                      <h5>Exportar</h5>
                      <div class="arrow-down"></div>
                      <div class="dropdown js-hover-dropdown" id="js-downland">
                        <ul>
                          <li id="txt" ><a href="#" >Txt</a></li>
                          <li id="csv" ><a href="#">csv</a></li>
                          <li id="ex" ><a href="#">Excel</a></li>
                        </ul>
                         <span style="height: 38px;padding-left: 20px;display: flex;align-items: center;background: #f2f2f2;color: black;font-weight: bold;" id="dre">Json</span>

                      </div>
                    </div>
                  </div>
                  <!-- <div class="col-6 col-md-3 col-md-3 col-space-down">
                    <div class="graphic-box">
                      <img src="<?php echo get_template_directory_uri(); ?>/src/images/1170718-copy@2x.png" alt="">
                      <h5>Graficar</h5>
                      <div class="arrow-down"></div>
                      <div class="dropdown js-hover-dropdown">
                        <ul>
                          <li class="js-showtab"><a href="#" id="line">Lineal</a></li>
                          <li class="js-showtab"><a href="#" id="bar">Barra</a></li>
                        </ul>
                      </div>
                    </div>
                  </div> -->
                  <div class="col-6 col-md-3 col-md-3 col-space-down">
                    <div class="graphic-box share-box-wrapper js-share-box-wrapper">
                      <div class="graphic-box-helper"></div>
                      <img src="<?php echo get_template_directory_uri(); ?>/src/images/149722@2x.png" alt="">
                      <h5>Compartir</h5>
                      <div class="arrow-down js-arrowToex"></div>
                      <div class="share-box">
                        <div class="social">
                          <?php $actual_link = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
                          $fac_link = urldecode($actual_link);
                          ?>
                          <a target="_blank" href="https://www.facebook.com/sharer.php?cid=<?php echo $_GET['scsid']; ?>&u=<?=urlencode($actual_link)?>"><img src="<?php echo get_template_directory_uri(); ?>/src/images/face-ico@2x.png" alt=""></a>
                          <a target="_blank" href="https://twitter.com/intent/tweet?url=<?=urlencode($actual_link)?>"><img src="<?php echo get_template_directory_uri(); ?>/src/images/twi-ico@2x.png" alt=""></a>
                          <a target="_blank" href="mailto:?subject=SECMCA DATOS: Resultado de <?php echo $_GET['son']; ?> ( <?php echo $maintitle ?> ) &amp;body=resultado de <?php echo $maintitle ?>-><?=urlencode($actual_link)?>"><img src="<?php echo get_template_directory_uri(); ?>/src/images/mail-ico@2x.png" alt=""></a>
                        </div>
                        <div class="share-link">
                          <p class="text-link">Compartir link</p>
                          <div class="copy">
                            <img src="<?php echo get_template_directory_uri(); ?>/src/images/link@2x.png" alt="">
                            <button onclick="copyLink()"  style="background: transparent;
                              height: 31px;width: 43px;font-size: 11px;border: none;">Copiar</buxtton>
                          </div>
                        </div>
                        <div class="box-link">
                          <p><input type="text" value="<?php echo $actual_link; ?>" id="myInput" readonly style="background: transparent;border: none;"></p>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="col-6 col-md-3 col-md-3 col-space-down boxx">
                    <div class="graphic-box graphic-blue-box">
                      <div class="circle-wrapper">
                        <div class="circle-info">i</div>
                        <h5>Metadatos</h5>
                      </div>
                      <div class="arrow"></div>
                    </div>
                    <div class="white-box">
                      <div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true">
                        <div class="card">
                          <div class="card-header" role="tab" id="headingOne1">
                            <a data-toggle="collapse" data-parent="#accordionEx" href="#collapseOne1" aria-expanded="true"
                              aria-controls="collapseOne1">
                              <h5 class="mb-0 d-flex justify-content-between">
                                Contacto <i class="fas fa-angle-down rotate-icon"></i>
                              </h5>
                            </a>
                          </div>
                          <div id="collapseOne1" class="collapse show contact-table" role="tabpanel" aria-labelledby="headingOne1"
                            data-parent="#accordionEx">
                            <div class="card-body fixed-card">
                              <div class="row">
                                <div class="col-12 col-md-12 col-wrapper-contact">
                                  <div class="row">
                                    <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                      <p>Contacto</p>
                                    </div>
                                    <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                      <p><pre><?php echo $metaemail; ?></pre></p>
                                    </div>
                                  </div>
                                  <div class="row">
                                    <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                      <p>Fecha de actualización de los metadatos</p>
                                    </div>
                                    <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                      <p><pre><?php echo $metaact; ?></pre></p>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="card">
                          <div class="card-header" role="tab" id="headingTwo2">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseTwo2"
                              aria-expanded="false" aria-controls="collapseTwo2">
                              <h5 class="mb-0 d-flex justify-content-between">
                                Características de los datos <i class="fas fa-angle-down rotate-icon"></i>
                              </h5>
                            </a>
                          </div>
                          <div id="collapseTwo2" class="collapse" role="tabpanel" aria-labelledby="headingTwo2"
                            data-parent="#accordionEx">
                            <div class="card-body">
                              <div class="col-12 col-md-12 col-wrapper-contact">
                                <div class="row">
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p>Descripción</p>
                                  </div>
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p><pre><?php echo $metadesc; ?></pre></p>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p>Alcance Cobertura y desagregaciones</p>
                                  </div>
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p><pre><?php echo $metalc; ?></pre></p>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center col-wrapper-contact">
                                    <p>Características</p>
                                  </div>
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p><pre><?php echo $metcar; ?></pre></p>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center col-wrapper-contact">
                                    <p>Unidad de medida</p>
                                  </div>
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p><pre><?php echo $metunidad; ?></pre></p>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center col-wrapper-contact">
                                    <p>Periodicidad</p>
                                  </div>
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p><pre><?php echo $metpermeta; ?></pre></p>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p>Oportunidad</p>
                                  </div>
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p><pre><?php echo $metoport; ?></pre></p>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p>Revisión</p>
                                  </div>
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p><pre><?php echo $metarev; ?></pre></p>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p>Fuente primaria de información</p>
                                  </div>
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p><pre><?php echo $metafu; ?></pre></p>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p>Acceso a los datos</p>
                                  </div>
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p><pre><?php echo $metaacc; ?></pre></p>
                                  </div>
                                </div>
                                <div class="row">
                                  <div class="col-12 col-md-6 d-flex p-4 justify-content-center">
                                    <p>Notas por país</p>
                                  </div>
                                  <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                    <p><pre><?php echo $metanot; ?></pre></p>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="card">
                          <div class="card-header" role="tab" id="headingThree3">
                            <a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseThree3"
                              aria-expanded="false" aria-controls="collapseThree3">
                              <h5 class="mb-0 d-flex justify-content-between">
                                Comparación entre países y cálculo regional <i class="fas fa-angle-down rotate-icon"></i>
                              </h5>
                            </a>
                          </div>
                          <div id="collapseThree3" class="collapse" role="tabpanel" aria-labelledby="headingThree3"
                            data-parent="#accordionEx">
                            <div class="card-body">
                              <div class="row">
                                <div class="col-12 col-md-12 col-wrapper-contact">
                                  <div class="row">
                                    <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                      <p>Comparabilidad regional</p>
                                    </div>
                                    <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                      <p><?php echo $commeta; ?></p>
                                    </div>
                                  </div>
                                  <div class="row">
                                    <div class="col-12 col-md-6 d-flex p-4 justify-content-center">
                                      <p>Cálculo regional</p>
                                    </div>
                                    <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                      <p><?php echo $calregmeta; ?></p>
                                    </div>
                                  </div>
                                  <div class="row">
                                    <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                      <p>Fuente datos regionales</p>
                                    </div>
                                    <div class="col-12 col-md-6 d-flex align-items-center justify-content-center">
                                      <p><?php echo $reddatafumetameta; ?></p>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="downland-meta">
                          <a href="<?php echo wp_get_attachment_url( $pdfneta ); ?>" download>
                            <div class="button">
                              <img src="<?php echo get_template_directory_uri(); ?>/src/images/131972@2x.png" alt="">
                              <span>Exportar</span>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="d-none d-md-block cs-space-40"></div>
                <div class="row">
                  <div class="col-12">
                    <div class="space"></div>
                  </div>
                </div>
                <div class="d-none d-md-block cs-space-30"></div>
                <div class="row">
                  <div class="col-md-8">
                    <!-- <h3>Resultado de la consulta</h3> -->
                  </div>
                  <div class="col-md-4 d-flex align-items-center justify-content-end">
                    <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                      <!-- <li class="nav-item js-nav-mode js-cuadro">
                        <a class="nav-link active active-mode d-flex align-items-center justify-content-center" id="pills-table-emfa-tab" data-toggle="pill" href="#pills-table-emfa" role="tab" aria-controls="pills-table-emfa" aria-selected="true"><p>Cuadro</p></a>
                      </li> -->
                    </ul>
                  </div>
                </div>
                <!-- <div class="d-none d-md-block cs-space-30"></div> -->
                <div class="row">
                  <div class="graphic w-100">
                    <div class="tab-content" id="pills-tabContent">
                      <div class="tab-pane fade show active" id="pills-table-emfa" role="tabpanel" aria-labelledby="pills-table-emfa-tab">
                        <div class="wraper-tadiv">
                            <div class="table-wrapper">
                                <?php 
// Verificar si hay datos válidos
$tiene_error = (is_array($all_data) && isset($all_data['error']) && $all_data['error'] === true);
$tiene_datos_validos = (isset($all_data) && is_array($all_data) && !empty($all_data) && !$tiene_error);
?>

<?php if($tiene_datos_validos): ?>
<table class="efpa-results-table">
                                        <?php
                                        // ========================================
                                        // ANÁLISIS DINÁMICO DE LA ESTRUCTURA DE DATOS
                                        // ========================================
                                        
                                        // Obtener nombre del cuadro
                                        $cuadros_list = $this->api->efpa_get_cuadros();
                                        $nombre_cuadro = $cuadro;
                                        if($cuadros_list && is_array($cuadros_list)) {
                                            foreach($cuadros_list as $c_item) {
                                                $codigo = isset($c_item["codGeneral"]) ? $c_item["codGeneral"] : "";
                                                $codigo_sdmx = isset($c_item["codigoSDMX"]) ? $c_item["codigoSDMX"] : "";
                                                if($codigo == $cuadro || $codigo_sdmx == $cuadro) {
                                                    $nombre_cuadro = isset($c_item["nombreEsp"]) ? $c_item["nombreEsp"] : $cuadro;
                                                    break;
                                                }
                                            }
                                        }
                                        
                                        // Detectar todos los campos disponibles en el primer registro
                                        $campos_disponibles = array();
                                        if(!empty($all_data) && isset($all_data[0])) {
                                            $campos_disponibles = array_keys($all_data[0]);
                                        }
                                        
                                        // Detectar si hay múltiples países o variables
                                        $paises_unicos = array();
                                        $variables_unicas = array();
                                        $variables_nombres = array(); // Mapeo de código -> nombre
                                        $paises_nombres = array(); // Mapeo de código país -> nombre completo
                                        
                                        foreach($all_data as $row) {
                                            if(isset($row['_pais'])) {
                                                $cod_pais = $row['_pais'];
                                                $paises_unicos[$cod_pais] = true;
                                                
                                                // Buscar el nombre completo del país (campo: paisRegion)
                                                if(!isset($paises_nombres[$cod_pais]) && isset($row['paisRegion'])) {
                                                    $paises_nombres[$cod_pais] = $row['paisRegion'];
                                                }
                                            }
                                            if(isset($row['_variable'])) {
                                                $cod_var = $row['_variable'];
                                                $variables_unicas[$cod_var] = true;
                                                
                                                // Buscar el nombre de la variable (campo: nombreVariable)
                                                if(!isset($variables_nombres[$cod_var]) && isset($row['nombreVariable'])) {
                                                    $variables_nombres[$cod_var] = $row['nombreVariable'];
                                                }
                                            }
                                        }
                                        $tiene_multiples_paises = count($paises_unicos) > 1;
                                        $tiene_multiples_variables = count($variables_unicas) > 1;
                                        
                                        // Definir campos clave para período (no se muestran como columnas)
                                        $campos_periodo = array('anno', 'mes', 'periodo', 'fecha', 'annoMes');
                                        
                                        // Definir campos de valor (números que queremos mostrar)
                                        $campos_valor_posibles = array('valor', 'valorCalculado', 'dato');
                                        
                                        // Campos a excluir de las columnas (metadatos, IDs, etc)
                                        $campos_excluir = array(
                                            'id', 'idVariable', 'idCuadro', 'idPais', 'idSector', 'idSubsector',
                                            'codGeneral', 'codigoSDMX', 'estado', 'datoFicticio', 'indDatoFicticio',
                                            'Fictisio', 'anno', 'mes', 'periodo', 'fecha', 'annoMes',
                                            '_pais', '_variable', 'variable', 'pais', 'sector', 'subsector',
                                            'descripcion', 'nombreVariable' // Excluir campos descriptivos, solo queremos valor
                                        );
                                        
                                        // Solo queremos mostrar el campo "valor" (o similar)
                                        $campo_valor = null;
                                        foreach($campos_disponibles as $campo) {
                                            if(in_array(strtolower($campo), array('valor', 'valorcalculado', 'dato'))) {
                                                $campo_valor = $campo;
                                                break;
                                            }
                                        }
                                        
                                        // Si no encontramos un campo de valor estándar, usar el primero que no esté excluido
                                        if(!$campo_valor) {
                                            foreach($campos_disponibles as $campo) {
                                                if(!in_array($campo, $campos_excluir)) {
                                                    $campo_valor = $campo;
                                                    break;
                                                }
                                            }
                                        }
                                        
                                        // Agrupar datos por período y país
                                        $datos_por_periodo = array();
                                        $periodos_orden = array();
                                        
                                        foreach($all_data as $row) {
                                            // Construir clave de período
                                            $periodo_label = '';
                                            if(isset($row['annoMes'])) {
                                                $periodo_label = $row['annoMes'];
                                            } elseif(isset($row['anno']) && isset($row['mes'])) {
                                                $periodo_label = $row['anno'] . '/' . $row['mes'];
                                            } elseif(isset($row['fecha'])) {
                                                $periodo_label = $row['fecha'];
                                            } elseif(isset($row['periodo'])) {
                                                $periodo_label = $row['periodo'];
                                            } else {
                                                $periodo_label = 'Sin período';
                                            }
                                            
                                            // Guardar orden de períodos
                                            if(!in_array($periodo_label, $periodos_orden)) {
                                                $periodos_orden[] = $periodo_label;
                                            }
                                            
                                            // Obtener país y variable de este registro
                                            $row_pais = isset($row['_pais']) ? $row['_pais'] : 'N/A';
                                            $row_variable = isset($row['_variable']) ? $row['_variable'] : 'N/A';
                                            
                                            // Inicializar estructura: periodo -> pais -> variable -> valor
                                            if(!isset($datos_por_periodo[$periodo_label])) {
                                                $datos_por_periodo[$periodo_label] = array();
                                            }
                                            if(!isset($datos_por_periodo[$periodo_label][$row_pais])) {
                                                $datos_por_periodo[$periodo_label][$row_pais] = array();
                                            }
                                            if(!isset($datos_por_periodo[$periodo_label][$row_pais][$row_variable])) {
                                                $datos_por_periodo[$periodo_label][$row_pais][$row_variable] = null;
                                            }
                                            
                                            // Guardar solo el valor
                                            if($campo_valor && isset($row[$campo_valor])) {
                                                $datos_por_periodo[$periodo_label][$row_pais][$row_variable] = $row[$campo_valor];
                                            }
                                        }
                                        
                                        // Ordenar países y variables para consistencia
                                        $paises_ordenados = array_keys($paises_unicos);
                                        sort($paises_ordenados);
                                        $variables_ordenadas = array_keys($variables_unicas);
                                        sort($variables_ordenadas);
                                        
                                        // Calcular colspan: cada variable tiene 1 columna (solo valor)
                                        $cols_por_variable = 1; // Solo mostraremos el valor
                                        $total_variables = count($variables_ordenadas);
                                        $total_paises = count($paises_ordenados);
                                        ?>
                                        <thead>
                                            <!-- Fila 1: Información general -->
                                            <tr class="info-row">
                                                <th colspan="<?php echo 1 + ($total_paises * $total_variables * $cols_por_variable); ?>" style="border: none; text-align: left; padding: 4px 8px; background: #fff; font-weight: bold;">
                                                    Secretaría Ejecutiva del Consejo Monetario Centroamericano
                                                </th>
                                            </tr>
                                            <tr class="info-row">
                                                <th colspan="<?php echo 1 + ($total_paises * $total_variables * $cols_por_variable); ?>" style="border: none; text-align: left; padding: 4px 8px; background: #fff; font-weight: bold;">
                                                    <?php echo esc_html($nombre_cuadro); ?>
                                                </th>
                                            </tr>
                                            <tr class="info-row">
                                                <th colspan="<?php echo 1 + ($total_paises * $total_variables * $cols_por_variable); ?>" style="border: none; text-align: left; padding: 4px 8px; background: #fff; font-weight: bold;">
                                                    Datos presentados en millones de moneda nacional
                                                </th>
                                            </tr>
                                            <tr class="info-row">
                                                <th colspan="<?php echo 1 + ($total_paises * $total_variables * $cols_por_variable); ?>" style="border: none; text-align: left; padding: 4px 8px 10px 8px; background: #fff; font-weight: bold;">
                                                    Período: <?php echo esc_html($fechaInicio . ' - ' . $fechaFin); ?>
                                                </th>
                                            </tr>
                                            
                                            <!-- Fila 2: Agrupación por PAÍS -->
                                            <tr class="header-paises">
                                                <th rowspan="2" style="vertical-align: middle; background: #fff; color: #333; border: 1px solid #ddd; padding: 8px; font-weight: bold;">Período</th>
                                                <?php foreach($paises_ordenados as $pais_item): ?>
                                                    <?php 
                                                    // Usar el nombre completo del país en lugar del código
                                                    $pais_nombre = isset($paises_nombres[$pais_item]) ? $paises_nombres[$pais_item] : $pais_item;
                                                    ?>
                                                    <th colspan="<?php echo $total_variables; ?>" style="text-align: center; background: #fff; color: #333; font-weight: bold; border: 1px solid #ddd; padding: 8px;">
                                                        <?php echo esc_html($pais_nombre); ?>
                                                    </th>
                                                <?php endforeach; ?>
                                            </tr>
                                            
                                            <!-- Fila 3: VARIABLES (nombres, no códigos) -->
                                            <tr class="header-variables">
                                                <?php foreach($paises_ordenados as $pais_item): ?>
                                                    <?php foreach($variables_ordenadas as $var_codigo): ?>
                                                        <?php 
                                                        // Usar el nombre de la variable en lugar del código
                                                        $var_nombre = isset($variables_nombres[$var_codigo]) ? $variables_nombres[$var_codigo] : $var_codigo;
                                                        ?>
                                                        <th style="text-align: center; background: #fff; color: #333; font-size: 0.9rem; border: 1px solid #ddd; padding: 8px; font-weight: bold;">
                                                            <?php echo esc_html($var_nombre); ?>
                                                        </th>
                                                    <?php endforeach; ?>
                                                <?php endforeach; ?>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php foreach($periodos_orden as $periodo): ?>
                                                <tr>
                                                    <td style="font-weight: bold; background: #fff; border: 1px solid #ddd;">
                                                        <?php echo esc_html($periodo); ?>
                                                    </td>
                                                    <?php foreach($paises_ordenados as $pais_item): ?>
                                                        <?php foreach($variables_ordenadas as $var_codigo): ?>
                                                            <td style="text-align: right; border: 1px solid #ddd; padding: 8px;">
                                                                <?php
                                                                $valor = null;
                                                                
                                                                // Buscar valor en la estructura: periodo -> pais -> variable
                                                                if(isset($datos_por_periodo[$periodo][$pais_item][$var_codigo])) {
                                                                    $valor = $datos_por_periodo[$periodo][$pais_item][$var_codigo];
                                                                }
                                                                
                                                                // Formatear y mostrar valor
                                                                if($valor !== null && $valor !== '') {
                                                                    if(is_numeric($valor)) {
                                                                        echo number_format($valor, 2, '.', ',');
                                                                    } else {
                                                                        echo esc_html($valor);
                                                                    }
                                                                } else {
                                                                    echo '-';
                                                                }
                                                                ?>
                                                            </td>
                                                        <?php endforeach; ?>
                                                    <?php endforeach; ?>
                                                </tr>
                                            <?php endforeach; ?>
                                        </tbody>
                                    </table>

<?php else: ?>
    <p>No se encontraron datos para los parámetros seleccionados.</p>
<?php endif; ?>

                              </div>
                              </div>
                            <div class="table-notes">
                            <div class="d-none d-md-block cs-space-20"></div>
                            <?php if($notes): ?>
                            <h2 class="mb-2">Notas</h2>
                            <pre style="width: 97%;"><?php echo $notes; ?></pre>
                          <?php endif; ?>
                            <div class="d-none d-md-block cs-space-20"></div>
                          </div>
                        </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
    </div>
  </div>
</section>
<div class="d-none d-md-block cs-space-40"></div>
 <?php $json_string = json_encode($data); ?>


<script>

    function downloadJSON(data, filename) {
    const jsonString = JSON.stringify(data);
    const downloadLink = document.createElement("a");
    downloadLink.setAttribute("href", "data:text/json;charset=utf-8," + encodeURIComponent(jsonString));
    downloadLink.setAttribute("download", filename);
    document.body.appendChild(downloadLink);
    downloadLink.click();
    document.body.removeChild(downloadLink);
    }

    var objeto_js = JSON.parse('<?php echo $json_string; ?>');

    document.getElementById("dre").addEventListener('click', function(e){
        e.preventDefault();
    console.log("err");
    downloadJSON(objeto_js, "data.json");
    });

</script>

<style>
/* Estilos para la tabla EFPA */
.efpa-results-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: #fff;
    table-layout: auto;
}

/* Eliminar todos los bordes de las filas informativas */
.efpa-results-table thead tr.info-row th {
    border: none !important;
}

.efpa-results-table thead th {
    background: #fff;
    color: #000;
    font-weight: bold;
    text-align: center;
    border: 1px solid #bbb;
    padding: 10px 8px;
    vertical-align: middle;
    min-width: 140px;
}

.efpa-results-table thead th:first-child {
    width: 110px;
    min-width: 110px;
}

/* Encabezados de países */
.efpa-results-table .header-paises th {
    font-weight: bold;
    font-size: 14px;
}

/* Encabezados de variables */
.efpa-results-table .header-variables th {
    font-size: 12px;
    font-weight: normal;
}

.efpa-results-table tbody td {
    border: 1px solid #bbb;
    padding: 8px 10px;
    text-align: right;
    background: #fff;
    min-width: 140px;
}

.efpa-results-table tbody td:first-child {
    font-weight: bold;
    background: #fff;
    text-align: center;
    width: 110px;
    min-width: 110px;
}

.efpa-results-table tbody tr:hover {
    background-color: #f8f8f8;
}

.efpa-results-table tbody tr:hover td:first-child {
    background-color: #fff;
}

/* Contenedor de la tabla con scroll horizontal */
.table-wrapper {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 20px;
}

.wraper-tadiv {
    width: 100%;
}

/* Responsive */
@media (max-width: 768px) {
    .efpa-results-table {
        font-size: 11px;
    }
    
    .efpa-results-table thead th,
    .efpa-results-table tbody td {
        padding: 6px;
        min-width: 120px;
    }
    
    .efpa-results-table thead th:first-child,
    .efpa-results-table tbody td:first-child {
        width: 90px;
        min-width: 90px;
    }
}

.graphic table thead tr {
    border-bottom: none !important;
}
</style>


