<?php
 session_start();
 include '../config.php';
 $lang = 'en';
 $seccion = $_GET['s'];

if(strlen($_SESSION['estadisticas'])>90 && strlen($_COOKIE['persistID'])<2)
{
    $responseestadisticas = $_SESSION['estadisticas'];
    //echo $_SESSION['myArray'];
}
else{
	$curl = curl_init();
    curl_setopt_array($curl, array(
        CURLOPT_URL => $endpoint_graph_cms,
        CURLOPT_RETURNTRANSFER => true,
        CURLOPT_ENCODING => '',
        CURLOPT_MAXREDIRS => 10,
        CURLOPT_TIMEOUT => 0,
        CURLOPT_FOLLOWLOCATION => true,
        CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
        CURLOPT_CUSTOMREQUEST => 'POST',
        CURLOPT_POSTFIELDS =>'{"query":"query MyQuery {\\r\\n  paginasEstadistica(stage: PUBLISHED) {\\r\\n    archivoCatalogoTiposValor\\r\\n    archivoInformeAnual\\r\\n    imagenPrincipal\\r\\n    tituloAvisosDepositantes\\r\\n    tituloCatalogoTiposValor\\r\\n    tituloDePagina\\r\\n    tituloDividendosYEventosSic\\r\\n    tituloInformeAnual\\r\\n    localizations {\\r\\n      archivoInformeAnual\\r\\n      archivoCatalogoTiposValor\\r\\n      imagenPrincipal\\r\\n      tituloAvisosDepositantes\\r\\n      tituloCatalogoTiposValor\\r\\n      tituloDePagina\\r\\n      tituloDividendosYEventosSic\\r\\n      tituloInformeAnual\\r\\n      slug\\r\\n    }\\r\\n    slug\\r\\n  }\\r\\n}\\r\\n","variables":{}}',
        CURLOPT_HTTPHEADER => array(
          'Content-Type: application/json',
          'Cookie: __cfduid=da2693cdfd39b7377a8a05e305da45b8f1613001694'
        ),
      ));
  $responseestadisticas = curl_exec($curl);
  $_SESSION['estadisticas'] = $responseestadisticas;
  curl_close($curl);
}

$arrayestadisticas = json_decode($responseestadisticas, true);
//print_r ($arrayestadisticas);
$urles = $arrayestadisticas['data']['paginasEstadistica'][0]['localizations'][0]['slug'];
$urlen = $arrayestadisticas['data']['paginasEstadistica'][0]['slug'];
//echo $responseestadisticas;


if($lang == 'en'){
	///////INFO PÁGINA
	$titulopag = $arrayestadisticas['data']['paginasEstadistica'][0]['tituloDePagina'];
	$subtitulopag = $arrayestadisticas['data']['paginasEstadistica'][0]['subtituloDePagina'];
    $imagenPrincipal =$arrayestadisticas['data']['paginasEstadistica'][0]['imagenPrincipal'];

    $tituloInformeAnual=$arrayestadisticas['data']['paginasEstadistica'][0]['tituloInformeAnual'];
    $archivoInformeAnual =$arrayestadisticas['data']['paginasEstadistica'][0]['archivoInformeAnual'];
    
    $tituloCatalogoTiposValor=$arrayestadisticas['data']['paginasEstadistica'][0]['tituloCatalogoTiposValor'];
    $archivoCatalogoTiposValor =$arrayestadisticas['data']['paginasEstadistica'][0]['archivoCatalogoTiposValor'];
    
    $tituloAvisosDepositantes =$arrayestadisticas['data']['paginasEstadistica'][0]['tituloAvisosDepositantes'];
    $tituloDividendosYEventosSic =$arrayestadisticas['data']['paginasEstadistica'][0]['tituloDividendosYEventosSic'];

    $TextoBoton = "View more";
    $linkAvisosDepositantes = "/en/notice-to-national-depositors";
    $linkDividendosYEventosSic = "/en/dividens-sic-events";

    
}
if($lang == 'es'){
	$titulopag = $arrayestadisticas['data']['paginasEstadistica'][0]['localizations'][0]['tituloDePagina'];
	$subtitulopag = $arrayestadisticas['data']['paginasEstadistica'][0]['localizations'][0]['subtituloDePagina'];
    $imagenPrincipal =$arrayestadisticas['data']['paginasEstadistica'][0]['localizations'][0]['imagenPrincipal'];
    $imagenIzquierda =$arrayestadisticas['data']['paginasEstadistica'][0]['localizations'][0]['imagenIzquierda'];

    $tituloInformeAnual=$arrayestadisticas['data']['paginasEstadistica'][0]['localizations'][0]['tituloInformeAnual'];
    $archivoInformeAnual =$arrayestadisticas['data']['paginasEstadistica'][0]['localizations'][0]['archivoInformeAnual'];
    
    $tituloCatalogoTiposValor=$arrayestadisticas['data']['paginasEstadistica'][0]['localizations'][0]['tituloCatalogoTiposValor'];
    $archivoCatalogoTiposValor =$arrayestadisticas['data']['paginasEstadistica'][0]['localizations'][0]['archivoCatalogoTiposValor'];
    
    $tituloAvisosDepositantes =$arrayestadisticas['data']['paginasEstadistica'][0]['localizations'][0]['tituloAvisosDepositantes'];
    $tituloDividendosYEventosSic =$arrayestadisticas['data']['paginasEstadistica'][0]['localizations'][0]['tituloDividendosYEventosSic'];
    $TextoBoton = "Ver más";
    $linkAvisosDepositantes = "/avisos-depositantes-nacionales";
    $linkDividendosYEventosSic = "/dividendos-eventos-sic";

    
}
$urles = "/avisos-depositantes-nacionales";
    $urlen = "/notice-to-national-depositors";

?>

<!DOCTYPE html>
<html lang="en" translate="no">
    <head>
        <?php include '../include/generales.php'; $lang = 'en'; ?>
			
        <style> 
.page-section {
    padding-top: 150px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.caja{
        /* display: flex; */
    /* flex-flow: column wrap; */
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
}
.box{
  /*width: 450px;*/
  /*height: 300px;*/
  overflow: hidden;
}

.box img{
  width: 100%;
  height: auto;
}
@supports(object-fit: cover){
    .box img{
      /*height: 100%;*/
      object-fit: cover;
      object-position: center center;
    }
} 

.padding-0{
       padding-right:0;
       padding-left:0;
}
		
.comunicado {
    background-color: #48aa42 !important;
    width: 100%!important;
    height: auto;
    text-align: left;
    padding: 2em!important;
}
		
.comunicado2 {
    background-color: #9e9fb3 !important;
    width: 100%!important;
    height: auto;
    text-align: left;
    padding: 2em!important;
}
		
.comunicado-bg {
    padding: 0 25px;
    margin-bottom: 30px;
}
		.comunicado-bg .row{
			background-color: rgba(205,205,212, 0.4); 
			padding: 0px;
			margin-bottom: 20px;
		}

		.box {
			position: absolute;
			width: 100%;
			height: 100%;
		}
		.comunicado-bg .col-lg-12 {
			padding: 0;
		}	
		.comunicado-bg .col-lg-12.desc {
			padding: 30px;
			padding-bottom: 60px;
		}
		.btn.btn-primary {
			float: right;
			position: absolute;
			right: 30px;
			bottom: 30px;
		}
		h5 {
			font-size: 17.5px;
		}

		.comunicado-bg .row {
			height: 100%;
		}
        
        .btn.btn-primary {
    float: right;
    position: relative;
    right: 0;
    bottom: 0;
}

a.vertodo {
    background: #48aa42;
    padding: 7.5px 25px;
    width: auto;
    color: #fff;
    font-weight: bold;
    font-family: "Montserrat";
    margin-top: 20px;
    display: inline-block;
    border-radius: 10px;
    cursor:pointer;
    text-decoration:none;
}
a.vertodo i {
    padding-right: 5px;
    font-size: 13px;
}
img.iconpdf {
    width: 100%;
    max-width: 100px;
    margin: 0 0 20px;
}
.btn.btn-primary:hover {
    color: #fff!important;
    background: transparent;
    border: 0!important;
}
	</style>
    </head>
    <body id="page-top" class="avisos" data-url = '<?php echo $page_url;?>'>
		
		<?php include '../include/nav2.php'; ?>

                <!-- Services-->
                <section class="page-section" id="services">
			<div class="container">
			  <div class="row">
			  	
				<div class="col-lg-12">
				  <h4 class="text-left"><?php echo $tituloAvisosDepositantes ?></h4>
				</div>	
				
				  
				<div class="col-lg-12 text-left">
				  <h6 class="my-3"><?php echo $tituloFiltros; ?></h6>
				</div>	  

				<div class="col-lg-4" >
					<select class="select-css" id="anio" onchange="filterAnio();">
						<option value="">Filtrar por Año</option>
						<option value="2021">2021</option>
						<option value="2020">2020</option>
					</select>
				</div>
                
        <div class="col-lg-4" id="contsemanas" style="display:none">
          
				</div>
        
        <div class="col-lg-4" style="display:none">
          <a class="vertodo"  onClick="window.location.reload();"><i class="fas fa-redo-alt"></i> Todo</a>
				</div>

				  
			  </div>	  
			</div>
			
			<br><br>
			
            <div class="container">

              <div class="row">

              <div class="col-lg-2 text-center">
               <img src="/assets/img/pdf.svg" class="iconpdf">
              </div>

              <div class="col-lg-10" id="comunicados">
			   		
				      </div>
              
              </div> 

            
	
                 
            </div>					
							
        </section>
				
    		<?php include '../include/footer.php'; ?>
		<script>


			function filter(){
				setTimeout(() => {
                        var anio = $("#anio").val();
                        $("#comunicados").load("/include/avisos-depositantes?&y="+anio+"&l=<?php echo $lang;?>");    
                    }, 100);
            }
            
            function filterAnio(){
				setTimeout(() => {
                        var anio  = $("#anio").val();
                        //$("#contsemanas").load("/include/semanas?y="+anio+"&l=<?php echo $lang;?>");
                        $("#comunicados").load("/include/avisos-depositantes?&y="+anio+"&l=<?php echo $lang;?>");     
                    }, 100);
            }
            setTimeout(() => {
                $("#anio").prop("selectedIndex", 1);
                $("#anio").change();
                $("#comunicados").load("/include/avisos-depositantes?&y=2021&l=<?php echo $lang;?>");  
            }, 500);

            
		</script>
    </body>
</html>
