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

if(strlen($_SESSION['gobierno'])>90 && strlen($_COOKIE['persistID'])<2)
{
    $responsegobierno = $_SESSION['gobierno'];
    //echo $_SESSION['gobierno'];
}
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  paginasGobiernoCorporativo(stage: PUBLISHED) {\\r\\n    comiteAuditoriaTitulo\\r\\n    comiteDeAuditoriaMiembros\\r\\n    comiteDeAuditoriaTexto\\r\\n    consIndependientesPropietarios\\r\\n    consIndependientesSuplentes\\r\\n    consInstitucionalesPropietarios\\r\\n    consInstitucionalesSuplentes\\r\\n    consInstitucionalesTitulo\\r\\n    consejerosPresidente\\r\\n    consejerosVicepresidente\\r\\n    consejoTitulo\\r\\n    subtitulo\\r\\n    tituloDePagina\\r\\n    localizations {\\r\\n      comiteAuditoriaTitulo\\r\\n      comiteDeAuditoriaMiembros\\r\\n      comiteDeAuditoriaTexto\\r\\n      consIndependientesPropietarios\\r\\n      consIndependientesSuplentes\\r\\n      consInstitucionalesPropietarios\\r\\n      consInstitucionalesSuplentes\\r\\n      consInstitucionalesTitulo\\r\\n      consejerosPresidente\\r\\n      consejerosVicepresidente\\r\\n      consejoTitulo\\r\\n      imagenLateral\\r\\n      subtitulo\\r\\n      tituloDePagina\\r\\n      slug\\r\\n      consIndependientesTitulo\\r\\n    }\\r\\n    imagenLateral\\r\\n    slug\\r\\n    consIndependientesTitulo\\r\\n  }\\r\\n}\\r\\n","variables":{}}',
        CURLOPT_HTTPHEADER => array(
          'Content-Type: application/json',
          'Cookie: __cfduid=da2693cdfd39b7377a8a05e305da45b8f1613001694'
        ),
      ));
      
      
  $responsegobierno = curl_exec($curl);
  $_SESSION['gobierno'] = $responsegobierno;
  curl_close($curl);
}

$arraygob = json_decode($responsegobierno, true);
//echo  $arraygob;
$urles = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['slug'];
$urlen = $arraygob['data']['paginasGobiernoCorporativo'][0]['slug'];

//echo  "Es:".$urles." En:".$urlen;

if($lang == 'en'){
	///////INFO PÁGINA
    $tituloDePagina = $arraygob['data']['paginasGobiernoCorporativo'][0]['tituloDePagina'];
    $subtitulo  = $arraygob['data']['paginasGobiernoCorporativo'][0]['subtitulo'];
    $imagenLateral  = $arraygob['data']['paginasGobiernoCorporativo'][0]['imagenLateral']; 
    $consejoTitulo  = $arraygob['data']['paginasGobiernoCorporativo'][0]['consejoTitulo']; 
    $consInstitucionalesTitulo  = $arraygob['data']['paginasGobiernoCorporativo'][0]['consInstitucionalesTitulo'];
    $consIndependientesTitulo  = $arraygob['data']['paginasGobiernoCorporativo'][0]['consIndependientesTitulo'];
    $consInstitucionalesPropietarios  = $arraygob['data']['paginasGobiernoCorporativo'][0]['consInstitucionalesPropietarios'];
    $consInstitucionalesSuplentes  = $arraygob['data']['paginasGobiernoCorporativo'][0]['consInstitucionalesSuplentes'];
    $consIndependientesSuplentes  = $arraygob['data']['paginasGobiernoCorporativo'][0]['consIndependientesSuplentes'];
    $consIndependientesPropietarios  = $arraygob['data']['paginasGobiernoCorporativo'][0]['consIndependientesPropietarios'];
    $consejoTitulo  = $arraygob['data']['paginasGobiernoCorporativo'][0]['consejoTitulo'];
    $consejerosPresidente  = $arraygob['data']['paginasGobiernoCorporativo'][0]['consejerosPresidente'];
    $consejerosVicepresidente  = $arraygob['data']['paginasGobiernoCorporativo'][0]['consejerosVicepresidente'];
    $consejerosVicepresidente  = $arraygob['data']['paginasGobiernoCorporativo'][0]['consejerosVicepresidente'];
    $comiteAuditoriaTitulo  = $arraygob['data']['paginasGobiernoCorporativo'][0]['comiteAuditoriaTitulo'];
    $comiteDeAuditoriaMiembros  = $arraygob['data']['paginasGobiernoCorporativo'][0]['comiteDeAuditoriaMiembros'];
    $comiteDeAuditoriaTexto  = $arraygob['data']['paginasGobiernoCorporativo'][0]['comiteDeAuditoriaTexto'];
   
}

if($lang == 'es'){
    $tituloDePagina = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['tituloDePagina'];
    $subtitulo  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['subtitulo'];
    $imagenLateral  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['imagenLateral'];
    $consejoTitulo  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['consejoTitulo']; 
    $consInstitucionalesTitulo  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['consInstitucionalesTitulo'];
    $consIndependientesTitulo  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['consIndependientesTitulo'];
    $consInstitucionalesPropietarios  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['consInstitucionalesPropietarios'];
    $consInstitucionalesSuplentes  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['consInstitucionalesSuplentes'];
    $consIndependientesSuplentes  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['consIndependientesSuplentes'];
    $consIndependientesPropietarios  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['consIndependientesPropietarios'];
    $consejoTitulo  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['consejoTitulo'];
    $consejerosPresidente  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['consejerosPresidente'];
    $consejerosVicepresidente  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['consejerosVicepresidente'];
    $consejerosVicepresidente  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['consejerosVicepresidente'];
    $comiteAuditoriaTitulo  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['comiteAuditoriaTitulo'];
    $comiteDeAuditoriaMiembros  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['comiteDeAuditoriaMiembros'];
    $comiteDeAuditoriaTexto  = $arraygob['data']['paginasGobiernoCorporativo'][0]['localizations'][0]['comiteDeAuditoriaTexto'];

}

$tituloDePagina = urldecode( $tituloDePagina);
$subtitulo = urldecode( $subtitulo);
$consejoTitulo = urldecode( $consejoTitulo);

$consInstitucionalesTitulo = urldecode( $consInstitucionalesTitulo);
$consInstitucionalesPropietarios = urldecode( $consInstitucionalesPropietarios);
$consInstitucionalesSuplentes = urldecode( $consInstitucionalesSuplentes);

$consIndependientesTitulo = urldecode($consIndependientesTitulo);
$consIndependientesPropietarios = urldecode( $consIndependientesPropietarios);
$consIndependientesSuplentes = urldecode( $consIndependientesSuplentes);

$consejerosPresidente = urldecode( $consejerosPresidente);
$consejerosVicepresidente = urldecode(  $consejerosVicepresidente);

$comiteAuditoriaTitulo = urldecode( $comiteAuditoriaTitulo);
$comiteDeAuditoriaTexto = urldecode( $comiteDeAuditoriaTexto);
$comiteDeAuditoriaMiembros = urldecode( $comiteDeAuditoriaMiembros);

?>

<!DOCTYPE html>
<html lang="en" translate="no">
    <head>
        <?php include '../include/generales.php'; ?>
			
        <style>
            section#services {
    padding-top: 160px;
    padding-bottom:0;
}
.descarga {
    background-color: #48aa42 !important;
    width: 100%!important;
    min-height: 250px;
    float: left!important;
    color: #fff!important;
    text-align: left;
    padding: 1em!important;
    font-size: 2.2em;
    margin: 0!important;
	position: relative
}
		
.descarga-icon {
		
	position: absolute;
    bottom: 1em;
    right: 1em;3
}
			
.comunicado {
    height: auto;
    position: absolute;
    right: 0;
    z-index: 1;
    background-color: #48aa42;
    padding: 10px 110px 30px 40px;
    top: 447px;
}
		
.comunicado2 {
    height: auto;
    position: absolute;
    right: 0;
    z-index: 1;
    background-color: #9e9fb3;
    padding: 10px 110px 30px 40px;
    top: 796px;
}

.img-comunicado {
	max-width: 569px;
	height: 550px;
	position: absolute;
	right: 0;
	z-index:-1;
	background-color:#cdcdd4;
	padding-right: 0;
	padding-left: 0;
}
	

p {
    line-height: 1.75;
    color: #666;
}
.col-lg-4.img-int-01 {
    min-height: 250px;
    position: absolute;
    right: 0;
    background-position: center;
}
.greenbar {
    bottom: -160px;
}

p {
    padding: 10px;
}
img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
}
.greenbar {
    background-color: #48aa42;
    /* max-height: 170px; */
    /* margin-bottom: 170px !important; */
    position: absolute!important;
    right: 0;
    z-index: 1;
    padding: 280px 0!important;
    float: left;
    bottom: -330px;
    left: auto;
}
section#services ul {
    padding: 0 30px;
    color: #666;
}
section#services ul li {
    padding: 10px;
}
.col-lg-8 {
    padding-left: 12.5%;
}
img.gobiernoCorporativoTextoPrincipal {
    margin-left: -15px;
    min-height: 400px;
    object-fit: cover;
}
.col-lg-11 {
    padding-left: 12.5%;
}
h5 {
    font-size: 1.75rem;
    margin-top: 50px;
}
.titcont{
    margin-bottom: 100px;
}
.row.consejeros h5 {
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
}
.innerbox {
    padding: 30px;
    text-align: left;
    background: #ededed;
    margin: 15px 0;
}
.innerbox h5 {
    padding: 10px 0;
    margin: 0;
    margin-top: 0!important;
    text-align: left!important;
    font-size: 17.5px!important;
}
.bgcolor2 .innerbox {
    background: #b6b8c9;
    text-align: center;
}
.bgcolor2 .innerbox * {
    text-align: center!important;
}
h5.consejerostit {
    background: url(/assets/img/audience.svg);
    background-size: 70px;
    padding-left: 80px;
    min-height: 80px;
    padding-top: 20px;
    background-repeat: no-repeat;
}
h5.comitetit {
    background: url(/assets/img/glass.svg);
    background-size: 50px;
    padding-left: 80px;
    min-height: 60px;
    padding-top: 10px;
    background-repeat: no-repeat;
}
@media(max-width:700px){
    img.gobiernoCorporativoTextoPrincipal {
    margin-left: -15px;
    min-height: 200px;
    object-fit: cover;
}
    h4, .h4 {
        font-size: 1.5rem;
        color: #2b4365;
    }
    section#services {
    padding-top: 90px;
}
.descarga {
    min-height: 10px;
}
.col-md-1.greenbar {
    display: none;
}
.row.enlacesinteres {
    margin-top: 80px;
}
.img-int-01 {
    width: 100%;
    height: 100px;
    margin-bottom: 40px;
}
.col-lg-4.img-int-01 {
    min-height: 100px;
    position: relative;
    right: 0;
}
.titcont {
    margin-bottom: 0;
}
h5.consejerostit {
    margin-top: 0;
    font-size:20px;
}
h5.comitetit {
    font-size: 20px;
}
.col-lg-8 {
    padding-left: 15px;
}
}		
	</style>
    </head>
    <body id="page-top" class="gobierno" data-url = '<?php echo $page_url;?>'>
		
        <?php include '../include/nav2.php'; ?>
                          

            <!-- Services-->
        <section class="page-section" id="services">
			<div class="container-fluid titcont">
			  <div class="row">
			  	
					
				
				<div class="col-lg-8">
				  <h4 class="text-left"><?php echo $tituloDePagina;?></h4>
                  <?php echo $subtitulo;?>

                </div>

                <div class="col-lg-4 img-int-01" style="background-image:url(<?php echo $cloudfront.$imagenLateral;?>)">
				</div>
                
				
				  
			  </div>	  
            </div>
            
            <div class="container">
			  <div class="row">
				<div class="col-lg-12">
                    <h5 class="consejerostit"><?php echo $consejoTitulo; ?></h5>
                    <div class="row consejeros">
                        <div class="col-lg-6">
                            <h5><?php echo $consInstitucionalesTitulo; ?></h5>

                            <div class="row consejeros">
                                <div class="col-lg-6 bgcont">
                                    <div class="innerbox">
                                        <div class="sameh">
                                            <?php echo $consInstitucionalesPropietarios; ?>
                                        </div>
                                    </div>
                                    
                                </div>
                                
                                <div class="col-lg-6 bgcont">
                                    <div class="innerbox" id="bigcont">
                                   
                                         <div class="sameh">
                                            <?php echo $consInstitucionalesSuplentes; ?>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-lg-12 bgcont bgcolor2">
                                    <div class="innerbox text-center">
                                    
                                        
                                            <?php echo $consejerosPresidente; ?>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-lg-6">
                            <h5><?php echo $consIndependientesTitulo; ?></h5>

                            <div class="row consejeros">
                                <div class="col-lg-6 bgcont">
                                    <div class="innerbox">
                                        <div class="sameh">
                                        
                                            <?php echo $consIndependientesPropietarios; ?>
                                        </div>
                                    
                                    </div>
                                    
                                </div>
                                
                                <div class="col-lg-6 bgcont">
                                    <div class="innerbox">
                                        <div class="sameh">
                                            <?php echo $consIndependientesSuplentes; ?>
                                        </div>
                                    
                                    </div>
                                </div>

                                <div class="col-lg-12 bgcont bgcolor2">
                                    <div class="innerbox text-center">
                                    <?php echo $consejerosVicepresidente; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-12">
                    

                    <div class="row asesores">
                    <div class="col-lg-7">
                        
                            <h5 class="comitetit"><?php echo $comiteAuditoriaTitulo; ?></h5>
                        
                            <?php echo $comiteDeAuditoriaTexto; ?>
                    </div>
                    
                    <div class="col-lg-5 bgcont">
                        <div class="innerbox">
                        <?php echo $comiteDeAuditoriaMiembros; ?>
                        </div>
                    </div>

                </div>
                </div>
			  </div>	  
			</div>
			
			<br><br>
			
					
											
        </section>

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

                $(document).ready(function(){
                    setTimeout(() => {
                        var h = $("#bigcont .sameh").height();
                        $(".sameh").css("height", h+"px"); 
                    }, 100);
                    
                })



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