<?php
 session_start();
 include '../config.php';
 $lang = 'en';
 $order = 'DESC';


if(strlen($_SESSION['eventos'])>90 && strlen($_COOKIE['persistID'])<2)
{
    $responseeventos = $_SESSION['eventos'];
    //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  comunicados(stage: PUBLISHED, where: {estatus_not: \\"oculto\\"}, orderBy: fechaInicio_'.$order.') {\\r\\n    archivo\\r\\n    fechaFin\\r\\n    imagen\\r\\n    slug\\r\\n    subtitulo\\r\\n    texto\\r\\n    titulo\\r\\n    fechaInicio\\r\\n    tipo\\r\\n    localizations {\\r\\n      archivo\\r\\n      fechaInicio\\r\\n      imagen\\r\\n      slug\\r\\n      subtitulo\\r\\n      texto\\r\\n      titulo\\r\\n      fechaFin\\r\\n      tipo\\r\\n    }\\r\\n  }\\r\\n  paginasComunicadosYEventos(stage: PUBLISHED) {\\r\\n    aviso1Texto\\r\\n    aviso1TextoBoton\\r\\n    aviso1Titulo\\r\\n    aviso2Enlace\\r\\n    aviso2Texto\\r\\n    aviso1Enlace\\r\\n    aviso2TextoBoton\\r\\n    aviso2Titulo\\r\\n    tituloDePagina\\r\\n    tituloFiltros\\r\\n    slug\\r\\n    localizations {\\r\\n      aviso1Enlace\\r\\n      aviso1Texto\\r\\n      aviso1TextoBoton\\r\\n      aviso1Titulo\\r\\n      aviso2Enlace\\r\\n      aviso2Texto\\r\\n      aviso2TextoBoton\\r\\n      aviso2Titulo\\r\\n      tituloDePagina\\r\\n      tituloFiltros\\r\\n      slug\\r\\n    }\\r\\n  }\\r\\n}\\r\\n","variables":{}}',
		CURLOPT_HTTPHEADER => array(
		  'Content-Type: application/json',
		  'Cookie: __cfduid=da2693cdfd39b7377a8a05e305da45b8f1613001694'
		),
	  ));
   
  $responseeventos = curl_exec($curl);
  $_SESSION['eventos'] = $responseeventos;
  curl_close($curl);
}

$arrayeventos = json_decode($responseeventos, true);
//echo  $arrayeventos;
$urles = $arrayeventos['data']['paginasComunicadosYEventos'][0]['localizations'][0]['slug'];
$urlen = $arrayeventos['data']['paginasComunicadosYEventos'][0]['slug'];
//echo  "Es:".$urles." En:".$urlen;

if($lang == 'en'){
	///////INFO PÁGINA
	$titulopag = $arrayeventos['data']['paginasComunicadosYEventos'][0]['tituloDePagina'];
	$aviso1Titulo = $arrayeventos['data']['paginasComunicadosYEventos'][0]['aviso1Titulo'];
	$aviso1Texto = $arrayeventos['data']['paginasComunicadosYEventos'][0]['aviso1Texto'];
	$aviso1TextoBoton = $arrayeventos['data']['paginasComunicadosYEventos'][0]['aviso1TextoBoton'];
	$aviso1Enlace = $arrayeventos['data']['paginasComunicadosYEventos'][0]['aviso1Enlace'];
	$aviso2Titulo = $arrayeventos['data']['paginasComunicadosYEventos'][0]['aviso2Titulo'];
	$aviso2Texto = $arrayeventos['data']['paginasComunicadosYEventos'][0]['aviso2Texto'];
	$aviso2TextoBoton = $arrayeventos['data']['paginasComunicadosYEventos'][0]['aviso2TextoBoton'];
	$aviso2Enlace = $arrayeventos['data']['paginasComunicadosYEventos'][0]['aviso2Enlace'];
	$tituloFiltros = $arrayeventos['data']['paginasComunicadosYEventos'][0]['tituloFiltros'];
}
if($lang == 'es'){
	$titulopag = $arrayeventos['data']['paginasComunicadosYEventos'][0]['localizations'][0]['tituloDePagina'];
	$titulopag = $arrayeventos['data']['paginasComunicadosYEventos'][0]['localizations'][0]['tituloDePagina'];
	$aviso1Titulo = $arrayeventos['data']['paginasComunicadosYEventos'][0]['localizations'][0]['aviso1Titulo'];
	$aviso1Texto = $arrayeventos['data']['paginasComunicadosYEventos'][0]['localizations'][0]['aviso1Texto'];
	$aviso1TextoBoton = $arrayeventos['data']['paginasComunicadosYEventos'][0]['localizations'][0]['aviso1TextoBoton'];
	$aviso1Enlace = $arrayeventos['data']['paginasComunicadosYEventos'][0]['localizations'][0]['aviso1Enlace'];
	$aviso2Titulo = $arrayeventos['data']['paginasComunicadosYEventos'][0]['localizations'][0]['aviso2Titulo'];
	$aviso2Texto = $arrayeventos['data']['paginasComunicadosYEventos'][0]['localizations'][0]['aviso2Texto'];
	$aviso2TextoBoton = $arrayeventos['data']['paginasComunicadosYEventos'][0]['localizations'][0]['aviso2TextoBoton'];
	$aviso2Enlace = $arrayeventos['data']['paginasComunicadosYEventos'][0]['localizations'][0]['aviso2Enlace'];
	$tituloFiltros = $arrayeventos['data']['paginasComunicadosYEventos'][0]['localizations'][0]['tituloFiltros'];
}

?>

<!DOCTYPE html>
<html lang="en" translate="no">
    <head>
        <?php include '../include/generales.php'; ?>
			
        <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%;
		}	
	</style>
    </head>
    <body id="page-top" class="comunicados" 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 $titulopag; ?></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="tipo" onchange="filter();">
						<option value="">Filter by type</option>
						<option value="">All</option>
						<option value="comunicado">Overview</option>
						<option value="evento">Event</option>
					</select>
				</div>	
				<div class="col-lg-4" >
					<select class="select-css" id="fecha" onchange="filter();">
						<option value="">Filter by date</option>
						<option value="recientes">Recent</option>
						<option value="antiguos">Older</option>
					</select>
				</div>	  
				  
			  </div>	  
			</div>
			
			<br><br>
			
            <div class="container">
	
               <div class="row" id="comunicados">
			   		<?php include '../include/comunicados.php'; ?>
				</div>   
            </div>					
							
        </section>
				
    		<?php include '../include/footer.php'; ?>
		<script>


			function filter(){
				setTimeout(() => {
                        var tipo  = $("#tipo").val();
                        var fecha = $("#fecha").val();
                        $("#comunicados").load("/include/comunicados?t="+tipo+"&f="+fecha+"&l=<?php echo $lang;?>"); 

						<?php

						if($lang == 'es'){
						?>
						var newurl = "/en/overviews-events?t="+tipo+"&f="+fecha+"&l=<?php echo $lang;?>";
						window.history.pushState("", "Overviews & events", newurl);


						<?php	
						}
						else{
						?>

						<?php
						}

						?>
						var newurl = "/comunicados-eventos?t="+tipo+"&f="+fecha+"&l=<?php echo $lang;?>";
						window.history.pushState("", "Comunicados y eventos", newurl);   
                    }, 100);
            }



			function loadfilters(){
				setTimeout(() => {
                        var tipo  = $("#tipo").val();
                        var fecha = $("#fecha").val();
                        $("#comunicados").load("/include/comunicados?t="+tipo+"&f="+fecha+"&l=<?php echo $lang;?>");    
                    }, 100);
            }

			<?php

			if(strlen($_GET['t'])>0){
			?>

				setTimeout(() => {
					var tipo  = "<?php echo $_GET['t']; ?>";
					var fecha = "<?php echo $_GET['f']; ?>";
					$("#comunicados").load("/include/comunicados?t="+tipo+"&f="+fecha+"&l=<?php echo $lang;?>");    
				}, 200);


			<?php	
			}

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