  <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>
<div class="container">
   <div class="row">
      <div class="col-md-12">
         <h2 style="
    padding: 0px 0 20px 0;
">Resumen de todos los cuadros</h2>
      </div>
   </div>
   <div class="row">
      <div class="col-md-6">
         <a class="align-items-center pdf-year flex-row mt-2 year-out" href="https://www.secmca.org/wp-content/uploads/2023/07/Español-EMF-Panorama-General-1.xlsm" title="EMFAPanoramaGeneral.xls" target="_blank" download="">
            
                                    
            <img class="mr-2" src="https://www.secmca.org/wp-content/themes/CM/src/images/xls.png" alt="">

                                                                        <span class="year d-flex">EMFA Panorama General </span> 

         </a>
      </div>
      <div class="col-md-6">
         <a class="align-items-center pdf-year flex-row mt-2 year-out" href="https://www.secmca.org/wp-content/uploads/2023/07/English-FMS-Overview-1.xls" title="FMSOverview.xls" target="_blank" download="">
            
                                    
            <img class="mr-2" src="https://www.secmca.org/wp-content/themes/CM/src/images/xls.png" alt="">

                                                                        <span class="year d-flex">FMS Overview</span> 

         </a>
      </div>
   </div>
</div>
<div class="d-block d-md-block cs-space-80"></div>
<?php
if($emfa_categories){
  foreach ($emfa_categories as $cid => $category) {
    $api_title = $category["emfa_api"];
    $topics = $this->api->get_charts_by_topic($api_title);
    ?>
    <div class="col col-box">
        <div class="subjects-wraper">
            <div class="row">
                <div class="col-3 col-md-2 d-flex d-md-block justify-content-center">
                    <img class="logo" src='<?php echo $category["emfa_crb_cat_photo"]; ?>'>
                </div>
                <div class="col-9 col-md-10">
                    <a href="<?php echo get_permalink($pageID); ?>?api=<?php echo $api_title; ?>&active=<?php echo $cid; ?>"><h3><?php echo $category['emfa_title']; ?></h3></a> 
                    <a href="#" class="tooltip-test" title="<?php echo $category["emfa_help"] ?>" data-original-title="Ver mas"><i class="fa fa-info-circle" aria-hidden="true"></i></a>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
    $('.tooltip-test').tooltip();
</script>


  <?php }
  }
  ?>