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

if(strlen($_SESSION['cumplimiento'])>90 && strlen($_COOKIE['persistID'])<2)
{
    $responsecumplimiento = $_SESSION['cumplimiento'];
    //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  paginasCumplimiento(stage: PUBLISHED) {\\r\\n    avisoDePrivacidadArchivo\\r\\n    avisoDePrivacidadImagen\\r\\n    avisoDePrivacidadTexto\\r\\n    avisoDePrivacidadTextoBoton\\r\\n    avisoDePrivacidadTitulo\\r\\n    codigoDeEticaArchivo\\r\\n    codigoDeEticaImagen\\r\\n    codigoDeEticaTexto\\r\\n    codigoDeEticaTextoBoton\\r\\n    codigoDeEticaTitulo\\r\\n    imagenDerecha\\r\\n    imagenIzquierda\\r\\n    pfmIsImagen\\r\\n    pfmIsTexto\\r\\n    pfmIsTextoBoton\\r\\n    pfmIsTitulo\\r\\n    politicaAnticorrupcionArchivo\\r\\n    politicaAnticorrupcionImagen\\r\\n    politicaAnticorrupcionTexto\\r\\n    politicaAnticorrupcionTextoBoton\\r\\n    politicaAnticorrupcionTitulo\\r\\n    slug\\r\\n    subtituloDePagina\\r\\n    tituloDePagina\\r\\n    codigoDeEticaSlug\\r\\n    avisoDePrivacidadSlug\\r\\n    politicaAnticorrupcionSlug\\r\\n    pfmIsSlug\\r\\n    localizations {\\r\\n      avisoDePrivacidadArchivo\\r\\n      avisoDePrivacidadImagen\\r\\n      avisoDePrivacidadTexto\\r\\n      avisoDePrivacidadTextoBoton\\r\\n      avisoDePrivacidadTitulo\\r\\n      codigoDeEticaArchivo\\r\\n      codigoDeEticaImagen\\r\\n      codigoDeEticaTexto\\r\\n      codigoDeEticaTextoBoton\\r\\n      codigoDeEticaTitulo\\r\\n      imagenDerecha\\r\\n      imagenIzquierda\\r\\n      pfmIsImagen\\r\\n      pfmIsTexto\\r\\n      pfmIsTextoBoton\\r\\n      pfmIsTitulo\\r\\n      politicaAnticorrupcionArchivo\\r\\n      politicaAnticorrupcionImagen\\r\\n      politicaAnticorrupcionTexto\\r\\n      politicaAnticorrupcionTextoBoton\\r\\n      politicaAnticorrupcionTitulo\\r\\n      slug\\r\\n      subtituloDePagina\\r\\n      tituloDePagina\\r\\n      avisoDePrivacidadSlug\\r\\n      codigoDeEticaSlug\\r\\n      pfmIsSlug\\r\\n      politicaAnticorrupcionSlug\\r\\n      pfmIsArchivo\\r\\n    }\\r\\n    pfmIsArchivo\\r\\n  }\\r\\n}\\r\\n","variables":{}}',
        CURLOPT_HTTPHEADER => array(
          'Content-Type: application/json',
          'Cookie: __cfduid=da2693cdfd39b7377a8a05e305da45b8f1613001694'
        ),
      ));
   
  $responsecumplimiento = curl_exec($curl);
  $_SESSION['cumplimiento'] = $responsecumplimiento;
  curl_close($curl);
}

$arraycumplimiento = json_decode($responsecumplimiento, true);
//print_r ($arraycumplimiento);
$urles = $arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['slug'];
$urlen = $arraycumplimiento['data']['paginasCumplimiento'][0]['slug'];
//echo $responsecumplimiento;

//echo $urlen;
if($lang == 'en'){
	///////INFO PÁGINA
	$titulopag = $arraycumplimiento['data']['paginasCumplimiento'][0]['tituloDePagina'];
	$subtitulopag = $arraycumplimiento['data']['paginasCumplimiento'][0]['subtituloDePagina'];
    $imagenDerecha =$arraycumplimiento['data']['paginasCumplimiento'][0]['imagenDerecha'];
    $imagenIzquierda =$arraycumplimiento['data']['paginasCumplimiento'][0]['imagenIzquierda'];

    $avisoDePrivacidadArchivo =$arraycumplimiento['data']['paginasCumplimiento'][0]['avisoDePrivacidadArchivo'];
    $avisoDePrivacidadImagen =$arraycumplimiento['data']['paginasCumplimiento'][0]['avisoDePrivacidadImagen'];
    $avisoDePrivacidadTexto =$arraycumplimiento['data']['paginasCumplimiento'][0]['avisoDePrivacidadTexto'];
    $avisoDePrivacidadTextoBoton =$arraycumplimiento['data']['paginasCumplimiento'][0]['avisoDePrivacidadTextoBoton'];
    $avisoDePrivacidadTitulo =$arraycumplimiento['data']['paginasCumplimiento'][0]['avisoDePrivacidadTitulo'];
    $codigoDeEticaArchivo= $arraycumplimiento['data']['paginasCumplimiento'][0]['codigoDeEticaArchivo'];
    $codigoDeEticaImagen =$arraycumplimiento['data']['paginasCumplimiento'][0]['codigoDeEticaImagen'];
    $codigoDeEticaTexto =$arraycumplimiento['data']['paginasCumplimiento'][0]['codigoDeEticaTexto'];
    $codigoDeEticaTextoBoton =$arraycumplimiento['data']['paginasCumplimiento'][0]['codigoDeEticaTextoBoton'];
    $codigoDeEticaTitulo =$arraycumplimiento['data']['paginasCumplimiento'][0]['codigoDeEticaTitulo'];
    $pfmIsArchivo =$arraycumplimiento['data']['paginasCumplimiento'][0]['pfmIsArchivo'];
    $pfmIsImagen =$arraycumplimiento['data']['paginasCumplimiento'][0]['pfmIsImagen'];
    $pfmIsTexto =$arraycumplimiento['data']['paginasCumplimiento'][0]['pfmIsTexto'];
    $pfmIsTextoBoton =$arraycumplimiento['data']['paginasCumplimiento'][0]['pfmIsTextoBoton'];
    $pfmIsTitulo =$arraycumplimiento['data']['paginasCumplimiento'][0]['pfmIsTitulo'];
    $politicaAnticorrupcionArchivo =$arraycumplimiento['data']['paginasCumplimiento'][0]['politicaAnticorrupcionArchivo'];
    $politicaAnticorrupcionImagen =$arraycumplimiento['data']['paginasCumplimiento'][0]['politicaAnticorrupcionImagen'];
    $politicaAnticorrupcionTexto =$arraycumplimiento['data']['paginasCumplimiento'][0]['politicaAnticorrupcionTexto'];
    $politicaAnticorrupcionTextoBoton =$arraycumplimiento['data']['paginasCumplimiento'][0]['politicaAnticorrupcionTextoBoton'];
    $politicaAnticorrupcionTitulo =$arraycumplimiento['data']['paginasCumplimiento'][0]['politicaAnticorrupcionTitulo'];
    $avisoDePrivacidadSlug =$arraycumplimiento['data']['paginasCumplimiento'][0]['avisoDePrivacidadSlug'];
    $codigoDeEticaSlug =$arraycumplimiento['data']['paginasCumplimiento'][0]['codigoDeEticaSlug'];
    $pfmIsSlug =$arraycumplimiento['data']['paginasCumplimiento'][0]['pfmIsSlug'];
    $politicaAnticorrupcionSlug =$arraycumplimiento['data']['paginasCumplimiento'][0]['politicaAnticorrupcionSlug'];
}
if($lang == 'es'){
	$titulopag = $arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['tituloDePagina'];
	$subtitulopag = $arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['subtituloDePagina'];
    $imagenDerecha =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['imagenDerecha'];
    $imagenIzquierda =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['imagenIzquierda'];

    $avisoDePrivacidadArchivo =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['avisoDePrivacidadArchivo'];
    $avisoDePrivacidadImagen =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['avisoDePrivacidadImagen'];
    $avisoDePrivacidadTexto =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['avisoDePrivacidadTexto'];
    $avisoDePrivacidadTextoBoton =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['avisoDePrivacidadTextoBoton'];
    $avisoDePrivacidadTitulo =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['avisoDePrivacidadTitulo'];
    $codigoDeEticaArchivo= $arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['codigoDeEticaArchivo'];
    $codigoDeEticaImagen =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['codigoDeEticaImagen'];
    $codigoDeEticaTexto =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['codigoDeEticaTexto'];
    $codigoDeEticaTextoBoton =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['codigoDeEticaTextoBoton'];
    $codigoDeEticaTitulo =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['codigoDeEticaTitulo'];
    $pfmIsArchivo =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['pfmIsArchivo'];
    $pfmIsImagen =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['pfmIsImagen'];
    $pfmIsTexto =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['pfmIsTexto'];
    $pfmIsTextoBoton =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['pfmIsTextoBoton'];
    $pfmIsTitulo =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['pfmIsTitulo'];
    $politicaAnticorrupcionArchivo =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['politicaAnticorrupcionArchivo'];
    $politicaAnticorrupcionImagen =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['politicaAnticorrupcionImagen'];
    $politicaAnticorrupcionTexto =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['politicaAnticorrupcionTexto'];
    $politicaAnticorrupcionTextoBoton =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['politicaAnticorrupcionTextoBoton'];
    $politicaAnticorrupcionTitulo =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['politicaAnticorrupcionTitulo'];
    $avisoDePrivacidadSlug =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['avisoDePrivacidadSlug'];
    $codigoDeEticaSlug =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['codigoDeEticaSlug'];
    $pfmIsSlug =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['pfmIsSlug'];
    $politicaAnticorrupcionSlug =$arraycumplimiento['data']['paginasCumplimiento'][0]['localizations'][0]['politicaAnticorrupcionSlug'];
}

$pfmIsTexto = urldecode($pfmIsTexto);
$codigoDeEticaTexto = urldecode($codigoDeEticaTexto);
$politicaAnticorrupcionTexto = urldecode($politicaAnticorrupcionTexto);
$avisoDePrivacidadTexto = urldecode($avisoDePrivacidadTexto);

?>

<!DOCTYPE html>
<html lang="en" translate="no">
    <head>
        <?php include '../include/generales.php'; ?>
			
        <style>
            .page-section {
                padding-top: 160px;
                padding-bottom: 30px;
            }
            .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;
            }

            .accordion a.plus {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
}

.accordion a.plus:hover,
.accordion a.plus:hover::after {
  cursor: pointer;
  color: #48aa42;
}

.accordion a.plus:hover::after {
  border: 1px solid #48aa42;
}

.accordion a.plus.active {
  color: #48aa42;
  border-bottom: 1px solid #48aa42;
}

.accordion a.plus::after {
    font-family: 'Ionicons';
    content: '\f218';
    position: absolute;
    float: right;
    right: 1rem;
    font-size: 20px;
    color:#2b4365;
    padding: 0;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #2b4365;
    text-align: center;
}
.accordion a.plus.active::after {
  font-family: 'Ionicons';
  content: '\f209';
  color: #48aa42;
  border: 1px solid #48aa42;
}

.accordion .content {
  display: none;
  padding: 1rem;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}


.accordion {
    padding-top: 0px;
    font-family:"Montserrat", sans-serif;
}	
.accordion a.plus {
    color:#2b4365!important;
    font-weight:bold;
    text-decoration:none;
}
.accordion-item {
    padding: 12.5px 0;


}
table{
    font-family: "Open sans";
}
table strong {
    font-weight: bold;
    color:  #48aa42;
    font-size: 15px;
}
li::marker {
    color:  #48aa42;
}
table li {
    
    padding-left: 15px;
    margin-left: 15px;
}
.accordion h5 {
    min-height: 10px!important;
}
.accordion a.plus.btndescarga {
    background: #48aa42;
    border-radius: 10px;
    display: inline-block;
    width: auto;
    color: #fff!important;
    transition: .35s all ease;
    font-size: 15px;
    margin-right: 15px;
    padding: 10px;
}
.accordion a.plus.btndescarga:hover {
    background: #2b4365;
}
.accordion a.plus.btndescarga:after {
    display:none;
}
a.btndescarga i {
    padding: 0 10px;
    
}


h5.text-blue.my-3.text-uppercase {
    color: #2b4365 !important;
    text-transform: none !important;
}


.extendido {
    right: 0;
    position: absolute;
}
.extendido img {
    height: 300px;
    width: 100%;
}
.title {
    margin: 100px 0;
}
.innerbox {
    background: rgba(205,205,212, 0.4);
    padding: 30px;
    margin-bottom: 30px;
}
.innerbox h5 {
    min-height: 60px;
}
.grid {
        margin-top: 80px;
    }

.content h4 {
    font-size: 15px;
    color: #2b4365;
    margin: 15px 0;
}
td, th, tr {
    border: 1px solid #2b4365;
    padding: 10px;
}
th {
    color: #fff;
    background: #2b4365;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
th p {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
table.bt tfoot th::before, table.bt tfoot td::before, table.bt tbody td::before {
    content: attr(data-th) ": ";
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    font-weight: bold;
    min-width: 40%;
    color: #fff;
    padding-right: 20px;
    line-height: 1.2;
    background: #2b4365;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    margin-right: 10px;
}
.innerbox .btn.btn-primary, .bannerinferior .btn.btn-primary {
    bottom: 70px!important;
}
@media(max-width:700px){
    td, th, tr {
        border: 1px solid #2b4365;
        padding: 10px;
        padding-bottom: 0;
    }
    .extendido {
        transform: none;
        position: relative;
    }
    .title {
        margin: 70px 0 0;
    }
    .extendido img {
        height: 100px;
        width: 100%;
        object-fit: cover;
    }
    h4, .h4 {
        color: #2b4365;
    }
    .grid {
        margin-top: 30px;
    }
}

    </style>

    <link rel="stylesheet" type="text/css" href="https://www.jerrylow.com/basictable/basictable.css" />
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    </head>
    <body id="page-top" class="home" 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-5 title" style="vertical-align: center;">
                                <h4 class="text-left"><?php echo $titulopag; ?></h4>
                            </div>	
                            
                            <div class="col-lg-7 padding-0 extendido">
                                <img src="<?php echo $cloudfront;?>img/inicio/WB04.jpg" class="padding-0 img-fluid">
                            </div>	
                                        
                        </div>	  
                    </div>
			<div class="container">
			  <div class="row">
								
				  
				<div class="col-lg-12 grid">
                <div class="container">
                    <div class="row">

                        <div class="col-md-12 comunicado-bg" id="<?php echo $pfmIsSlug;?>">
                            <div class="innerbox">
                                <h5 class="text-blue my-3 text-uppercase"><?php echo $pfmIsTitulo;?></h5>
                                <p class="text-blue"><?php echo $pfmIsTexto;?></p>
                                
                                <a target="_blank" class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="<?php echo $cloudfront.$pfmIsArchivo;?>"><i class="descarga-icon fas fa-file-pdf" aria-hidden="true"></i> <?php echo $pfmIsTextoBoton;?></a>
                            </div>

                            
                            
                        </div>
                
                        <div class="col-md-6 comunicado-bg" id="<?php echo $codigoDeEticaSlug;?>">
                            <div class="innerbox">
                                <h5 class="text-blue my-3 text-uppercase"><?php echo $codigoDeEticaTitulo;?></h5>
                                <p class="text-blue"><?php echo $codigoDeEticaTexto;?></p>
                                
                                <a target="_blank" class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="<?php echo $cloudfront.$codigoDeEticaArchivo;?>"><i class="descarga-icon fas fa-file-pdf" aria-hidden="true"></i> <?php echo $codigoDeEticaTextoBoton;?></a>
                            </div>
                        </div>

                        <div class="col-md-6 comunicado-bg" id="<?php echo $politicaAnticorrupcionSlug;?>">
                            <div class="innerbox">
                                <h5 class="text-blue my-3 text-uppercase"><?php echo $politicaAnticorrupcionTitulo;?></h5>
                                <p class="text-blue"><?php echo $politicaAnticorrupcionTexto;?></p>
                                
                                <a target="_blank" class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="<?php echo $cloudfront.$politicaAnticorrupcionArchivo;?>"><i class="descarga-icon fas fa-file-pdf" aria-hidden="true"></i> <?php echo $politicaAnticorrupcionTextoBoton;?></a>
                            </div>
                    
                        </div>

                        <div class="col-md-12 comunicado-bg" id="<?php echo $avisoDePrivacidadSlug;?>">
                            <div class="innerbox">
                                
                                <div class="accordion">
                                    <div class="accordion-item">
                                        <a class="plus"><h5 class="text-blue my-3 text-uppercase"><?php echo $avisoDePrivacidadTitulo;?></h5></a>
                                        <div class="content">
                                        <?php echo $avisoDePrivacidadTexto;?>

                                        <a target="_blank" class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="<?php echo $cloudfront.$avisoDePrivacidadArchivo;?>"><i class="descarga-icon fas fa-file-pdf" aria-hidden="true"></i> <?php echo $avisoDePrivacidadTextoBoton;?></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
				</div>


                
                </div>
				</div>	  
					
					  
				  
			  </div>	  
			</div>
			
			<br><br>
					
							
        </section>
  
         	
    		<?php include '../include/footer.php'; ?>
		<script>
            $(document).ready(function() {
                $('.accordion a.plus').click(function(){
                    $(this).toggleClass('active');
                    $(this).next('.content').slideToggle(400);
                });
                

                <?php
                if(strlen($seccion)>2){
                    echo' 
                    
                    $("html, body").animate({
                            scrollTop: $("#'.$seccion.'").offset().top - 140
                    }, 1000);

                    setTimeout(() => {
                        $("#'.$seccion.' a").click();
                    }, 750);
                    
                    ';
                }
                ?>
            });
		</script>
         <script type="text/javascript" src="https://www.jerrylow.com/basictable/jquery.basictable.min.js"></script>
         <script>
                 $(document).ready(function() {
                    $('table').basictable({
                    });
                });
         </script>
    </body>
</html>
