<?php
 session_start();
 include '../config.php';
 if(strlen($_COOKIE['persistPrivado'])<5){
    header('Location: /#login');
    exit();
    //echo "SIN COOKIE" . $_COOKIE['persistuser'];
 }
 else{

    
    $correo = $_COOKIE['persistPrivado'];

    //echo $correo;
    if(strlen($correo) > 5){

        $logeado = true;
        $curluser = curl_init();
        curl_setopt_array($curluser, 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  usuariosSitioPrivado(where: {email: \\"'.$correo.'\\"}) {\\r\\n    id\\r\\n  resetPass\\r\\n fechaCambioPassword\\r\\n nombre\\r\\n  rol\\r\\n  tycAceptados\\r\\n  }\\r\\n}\\r\\n","variables":{}}',
        CURLOPT_HTTPHEADER => array(
          'Content-Type: application/json',
          'Cookie: __cfduid=da2693cdfd39b7377a8a05e305da45b8f1613001694'
        ),
      ));

      $responseuser = curl_exec($curluser);

      //echo  $responseuser;
      $_SESSION['requestDataUser'] = $responseuser;
      curl_close($curluser);

        $jsonrespuestauser = json_decode($responseuser, true);
        $idgraph = $jsonrespuestauser['data']['usuariosSitioPrivado'][0]['id'];
        $iduser = $jsonrespuestauser['data']['usuariosSitioPrivado'][0]['id'];
        $resetPass = $jsonrespuestauser['data']['usuariosSitioPrivado'][0]['resetPass'];
        $fechaPass = $jsonrespuestauser['data']['usuariosSitioPrivado'][0]['fechaCambioPassword'];
        $rol_user = $jsonrespuestauser['data']['usuariosSitioPrivado'][0]['rol'];
        $nombre_useren = $jsonrespuestauser['data']['usuariosSitioPrivado'][0]['nombre'];
        $tyc = $jsonrespuestauser['data']['usuariosSitioPrivado'][0]['tycAceptados'];
        //echo $nombre_useren;
    }
 }

 $lang = 'en';
 $seccion = $_GET['s'];


if(strlen($_COOKIE['persistID'])<2)
{
    $responseestadisticas = $_SESSION['privado'];
    //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['privado'] = $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";
    $linkDividendosYactionCardsSic = "/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";
    $linkDividendosYactionCardsSic = "/dividendos-actionCards-sic";
}

$urles = "/area-clientes";
$urlen = "/clients-area";


?>

<!DOCTYPE html>
<html lang="en">
    <head>
        
        <?php $titpag = "Private Site Indeval"; 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 {
  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:hover,
.accordion a:hover::after {
  cursor: pointer;
  color: #48aa42;
}

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

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

.accordion a::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.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 .content p {
    font-size: 13px;
    font-weight: 300;
    font-family: 'Noto Sans', sans-serif;
    color: #888;
}
.accordion {
    padding-top: 40px;
    font-family:"Montserrat", sans-serif;
}	
.accordion a {
    color:#2b4365!important;
    font-weight:bold;
    text-decoration:none;
}
.accordion-item {
    padding: 12.5px 0;


}
.accordion a.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.btndescarga:hover {
    background: #2b4365;
}
.accordion a.btndescarga:after {
    display:none;
}
a.btndescarga i {
    padding: 0 10px;
    
}
.comunicado-bg.right {
    background-color: rgba(205,205,212, 0.4);
    padding: 40px 40px 38px 40px;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    padding-left: 5%;
    background-position: right;
    padding-right: 35%;
    background-size: 30% 100%;
}
.comunicado-bg.left {
    background-color: rgba(205,205,212, 0.4);
    padding: 40px 40px 38px 40px;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    padding-left: 35%;
    background-size: 30% 100%;
    padding-right: 5%;
}

.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;
}
.innerbox .btn.btn-primary, .bannerinferior .btn.btn-primary {
    bottom: 60px!important;
}


#caractform {
        width: 100%;
        margin: 10px auto;
        padding: 3em 2em 2em 2em;
        background: #fafafa;
        /* min-width: 1500px; */
        border-radius: 10px;
        font-size: 12px;
        font-family: "Montserrat";
    }
    #caractform .group {
        position: relative;
        margin-bottom: 35px;
        width: 33.33%;
        float: left;
        padding: 0 10px;
    }

    #caractform input, #caractform textarea  {
        font-size: 18px;
        padding: 10px 10px 10px 5px;
        -webkit-appearance: none;
        display: block;
        background: #fafafa;
        color: #636363;
        width: 100%;
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #757575;
    }

    #caractform input:focus { outline: none; }


    /* Label */

    #caractform label {
        color: #999; 
        font-size: 14px;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 5px;
        top: 10px;
        transition: all 0.2s ease;
    }

    #caractform label span {
        font-size: 10px;

    }


    /* active */

    #caractform input:focus ~ label, #caractform input.used ~ label, #caractform textarea:focus ~ label, #caractform textarea.used ~ label  {
        top: -20px;
    transform: scale(.75); left: -2px;
        /* font-size: 14px; */
        color: #2b4365;
    }


    /* Underline */

    #caractform .bar {
        position: relative;
        display: block;
        width: 100%;
    }

    #caractform .bar:before, #caractform .bar:after {
        content: '';
        height: 2px; 
        width: 0;
        bottom: 1px; 
        position: absolute;
        background: #2b4365; 
        transition: all 0.2s ease;
    }

    #caractform .bar:before { left: 50%; }

    #caractform .bar:after { right: 50%; }


    /* active */

    #caractform input:focus ~ .bar:before, #caractform input:focus ~ .bar:after { width: 50%; }


    /* Highlight */

    #caractform .highlight {
        position: absolute;
        height: 60%; 
        width: 100px; 
        top: 25%; 
        left: 0;
        pointer-events: none;
        opacity: 0.5;
    }


    /* active */

    #caractform input:focus ~ .highlight {
        animation: inputHighlighter 0.3s ease;
    }


    /* Animations */

    @keyframes inputHighlighter {
        from { background: #2b4365; }
        to 	{ width: 0; background: transparent; }
    }


    /* Button */

    #caractform .button {
    position: relative;
    display: inline-block;
    padding: 12px 24px;
    margin: .3em 0 1em 0;
    width: 100%;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    letter-spacing: 1px;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #48aa42;
    cursor: pointer;
    transition: all 0.15s ease;
    }
    #caractform .button:focus { outline: 0; }


    /* Button modifiers */

    #caractform .buttonBlue {
    background: #2b4365;
    text-shadow: 1px 1px 0 #48aa42;
    }

    #caractform .buttonBlue:hover { background: #48aa42; }


    /* Ripples container */

    #caractform .ripples {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    }


    /* Ripples circle */

    #caractform .ripplesCircle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    }

    #caractform .ripples.is-active .ripplesCircle {
    animation: ripples .4s ease-in;
    }

    .btn-primary {
        font-family: "Montserrat", sans-serif;
    }
    /* Ripples animation */

    @keyframes ripples {
    0% { opacity: 0; }

    25% { opacity: 1; }

    100% {
        width: 200%;
        padding-bottom: 200%;
        opacity: 0;
    }
    }

    .selects select {
    word-wrap: normal;
    font-size: 14px;
    padding: 10px 10px 10px 5px;
    -webkit-appearance: none;
    display: block;
    background: #fafafa;
    color: #636363;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #757575;
}
#caractform .selects label {
    position: relative;
    color: #2b4365;
    font-weight: 600;
}
#caractform .datos .group {
    width: 50%;
}
.infofinal {
    width: 100%;
    padding: 30px 10%;
    color:222;
}
.infofinal b {
    color: #2b4365;
    font-family: "Montserrat";
}
p#c1_text {
    margin-top: 40px;
}
p#nombre_completo_text {
    margin-top: 40px;
    text-align: center;
    border-top: 1px solid #2b4365;
    padding-top: 10px;
    margin-bottom: 0;
}
p#nombre_completo2_text, #puesto_text, #puesto2_text {
    text-align: center;
}
p#nombre_completo2_text {
    margin-bottom: 0;
}
p#puesto2_text {
    text-align: center;
}

div#resultsForm .btn-primary {
    float: right;
    /* position: absolute; */
}
h5#exampleModalLabel {
    width: 100%;
    float: left;
    padding: 10px 20px 30px;
}
@media(max-width:1024px){
            #linkdestacado .col-md-3 {
                max-width: 40%;
            }
            #linkdestacado .col-md-9 {
                max-width: 60%;
            }
        }
            
        @media(max-width:768px){
            #linkdestacado .col-md-3 {
                max-width: 100%;
            }
            #linkdestacado .col-md-9 {
                max-width: 100%;
            }
            img.logoevent {
                max-height: 300px;
            }
            .bannerinferior {
                background-size: cover;
                margin-bottom: 70px!important;
                margin-top: 0px;
            }
            #carouselExampleIndicators {
                margin-top: 60px;
                margin-bottom: 30px;
                height: 50vh;
            }
            .carousel-inner, .carousel-item {
                height: 50vh;
            }
            .carousel-item img {
                height: 50vh;
                object-fit: cover;
                object-position: 50%;
            }
            .masthead-heading {
                font-size: 45px;
            }
            .carousel-caption h5 {
                font-size: 15px;
            }
            
            
        }

        
        .avisobox {
            background: #cdcdd4;
            margin-top: 50px;
            float: right;
            margin-right: -12.5px;
            padding: 30px;
            margin-bottom: -50px;
        }

        .bannerinferior{
            background-size: cover;
            margin-bottom: 50px!important;
            margin-top: -30px;
        }
        .col-md-12 .innerbox.bg2 {
            background-color: #cdcdd4;
            float: left;
        }

        img.boximg {
            width: 100%;
            max-height: 180px;
            object-fit: cover;
            min-height: 180px;
            border: 1px solid #ccc;
        }
@media(max-width:700px){
    .extendido {
        transform: none;
        position: relative;
    }
    .estadisticas .title {
        margin: 0;
        text-align: left!important;
    }
    .estadisticas .title h4.text-left {
        text-align: left!important;
        margin-bottom: 20px;
    }
    .extendido img {
        height: 100px;
        width: 100%;
        object-fit: cover;
    }
    h4, .h4 {
        font-size: 2rem;
        color: #2b4365;
    }
}

div#linkdestacado {
    padding: 0;
    background: #cdcdd4!important;
}
img#logolinkdestacado {
    width: 100%;
    object-fit: cover;
}
.innerbox .btn.btn-primary, .bannerinferior .btn.btn-primary {
    float: right;
    right: 40px;
    position: absolute;
    bottom: 30px;
}
.innerbox2 h3.my-3 {
    padding: 30px;
}

#linkdestacado .btndest {
    bottom: 0!important;
}
#userslink{
    background: #2b4365;
    color: #fff;
    /* border-radius: 20px; */
}

#userslink h5 {
    color: #fff!important;
}

div#modaltyc {
    padding: 20px 10%;
}

.disabledbtn {
    pointer-events: none;
    opacity: .5;
}

.content.tyccontent {
    text-align: justify;
    padding: 5%;
}
    </style>
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    </head>
    <body id="page-top" class="estadisticas" data-url = '<?php echo $page_url;?>'>
		
		<?php include '../include/nav2.php'; ?>

                <!-- Services-->
                <section class="page-section" id="services">

                    <div class="container" style="padding-top:0;">
                        <div class="row">

                            <div class="col-lg-5 title" style="vertical-align: center;">
                                <h4 class="text-left">Private Site <br>Indeval</h4>
                                <h5>Good day, <b><?php echo $nombre_useren;?></b></h5>
                                <a id="logout" href="/logout"><img src="https://indeval.trafikatest.com/admin2/img/logout.svg" style="width:20px; margin:5px;">Logout</a>
                            </div>	
                            
                            <div class="col-lg-7 padding-0 extendido">

                            <img src="https://stag-cloudfront.indeval.com.mx/img/inicio/WB03.jpg" class="padding-0 img-fluid">
                                
                            </div>	
                                        
                        </div>	  
                    </div>
                    <div class="container">
			  <div class="row">
                
              <div class="innerbox bg2" id="linkdestacado" style="padding-bottom: 0 !important;">

                        <div class="innerbox2 col-md-3" style="float: left; padding:0">
                                <img src="https://stag-cloudfront.indeval.com.mx/img/inicio/destacados/enlaceDestacado_es.jpg" class="logoevent" id="logolinkdestacado" style="height: 235.6px;">                                
                            </div>

                            <div class="innerbox2 col-md-9" style="float: left;">
                                <h3 class="my-3"><div><h6>La Custodia en Indeval alcanza máximos históricos durante el 2Q 2021, principalmente al crecimiento sostenido en capitales y deuda del mercado nacional.</h6></div><div><h6>Asimismo, los activos del SIC continúan a la alza, siendo los UCITs los activos más representativos con un 30% del portafolio total.</h6></div></h3>
                                <a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger btnarticulo btndest" target="_blank" href="/estadistica-general">Ver más</a>
                            </div>
                            
                            
                            
                            
                            
                        </div>
                
                <div class="col-lg-12" style="margin-top: 30px;">
                <div class="container">
                    <div class="row">


               <?php 
               if($rol_user == "total"){

                ?>
                <div class="col-lg-4 comunicado-bg" id="">
                    <div class="innerbox" id="userslink">
                        <h5 class="text-blue my-3 "> Administrar usuarios</h5>
                        
                        
                        <a target="_blank" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="/usuarios" googl="true"><i class="fas fa-users"></i>Ver más</a>
                    </div>
                    
                </div>
                
                
                <div class="col-lg-4 comunicado-bg" id="" style="display:none;">
                    <div class="innerbox" id="userslink">
                        <h5 class="text-blue my-3 ">Términos y condiciones</h5>
                        
                        
                        <a data-toggle="modal" data-target="#tycadmin" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="#tycusers" googl="true"><i class="fas fa-file-contract"></i> Abrir</a>
                    </div>
                    
                </div>

                <?php
               }
               
               ?>
                
                
                    <div class="col-lg-4 comunicado-bg" id="">
                    <div class="innerbox">
                        <h5 class="text-blue my-3 ">Manual de Tarifas</h5>
                        
                        
                        <a target="_blank" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="https://cloudfront.indeval.com.mx/docs/marco-normativo/es/tarifasArchivo_es.pdf" googl="true"><i class="descarga-icon fas fa-link" aria-hidden="true" googl="true"></i> Ver más</a>
                    </div>
                    
                </div>
                
                
                <div class="col-lg-4 comunicado-bg" id="">
                    <div class="innerbox">
                        <h5 class="text-blue my-3 ">Firmas Digitales para instrucciones en Indeval</h5>
                        
                        
                        <a target="_blank" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="https://cloudfront.indeval.com.mx/docs/faqs/es/faq_archivo1_es.zip" googl="true"><i class="descarga-icon fas fa-link" aria-hidden="true" googl="true"></i> Ver más</a>
                    </div>
                    
                </div>
               
                <div class="col-lg-4 comunicado-bg" id="">
                <div class="innerbox">
                    <h5 class="text-blue my-3 ">Avisos a Depositantes Nacionales</h5>
                    
                    
                    <a target="_self" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="/avisos-depositantes-nacionales" googl="true"><i class="descarga-icon fas fa-link" aria-hidden="true" googl="true"></i> Ver más</a>
                </div>
                
            </div>
                <div class="col-lg-4 comunicado-bg" id="">
                <div class="innerbox">
                    <h5 class="text-blue my-3 ">Dividendos y Eventos SIC</h5>
                    
                    
                    <a target="_self" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="/dividendos-eventos-sic" googl="true"><i class="descarga-icon fas fa-link" aria-hidden="true" googl="true"></i> Ver más</a>
                </div>
                
            </div>
                <div class="col-lg-4 comunicado-bg" id="">
                <div class="innerbox">
                    <h5 class="text-blue my-3 ">Consulta de emisiones SIC</h5>
                    
                    
                    <a data-toggle="modal" data-target="#FormularioCaracteristicasEsp" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" googl="true"><i class="descarga-icon fab fa-wpforms" aria-hidden="true"></i> Iniciar</a>
                </div>
                
            </div>
                <div class="col-lg-4 comunicado-bg" id="" style="display:none;">
                    <div class="innerbox">
                        <h5 class="text-blue my-3 ">Market Watch & Service Watch</h5>
                        
                        
                        <a target="_self" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="/guias-operativas" googl="true"><i class="descarga-icon fas fa-link" aria-hidden="true" googl="true"></i> Ver mas</a>
                    </div>
                    
                </div>
                
                <div class="col-lg-4 comunicado-bg" id="" style="display:none;">
                    <div class="innerbox">
                        <h5 class="text-blue my-3 ">Market Profile</h5>
                        
                        
                        <a target="_self" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="/guias-operativas" googl="true"><i class="descarga-icon fas fa-link" aria-hidden="true" googl="true"></i> Ver mas</a>
                    </div>
                    
                </div>


                <div class="col-lg-4 comunicado-bg" id="">
                    <div class="innerbox">
                        <h5 class="text-blue my-3 ">API</h5>
                        
                        
                        <a target="_self" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="/api" googl="true"><i class="descarga-icon fas fa-link" aria-hidden="true" googl="true"></i> Ver mas</a>
                    </div>
                    
                </div>

                <div class="col-lg-4 comunicado-bg" id="">
                    <div class="innerbox">
                        <h5 class="text-blue my-3 ">Niveles de servicio (SLAs)</h5>
                        
                        
                        <a target="_self" class="btn btn-primary btn-xl  js-scroll-trigger btnactioncard" href="/niveles-servicio" googl="true"><i class="descarga-icon fas fa-link" aria-hidden="true" googl="true"></i> Ver mas</a>
                    </div>
                    
                </div>

                
               <?php include '../tyc-privado.php';?>


                
                

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

             <div id="formcarac"></div> 
             
             

             <!-- Modal Login -->
<div class="modal fade" id="tycadmin" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Términos y condiciones</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body" id="modaltyc">
      
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum aliquam laoreet dictum. Proin vel lectus a massa pulvinar accumsan vitae a orci. Vestibulum a metus vel lectus aliquet feugiat tincidunt ac dui. Curabitur convallis turpis quis tristique mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin bibendum viverra elit, in sollicitudin libero. Quisque nisi tortor, ultrices sit amet tempor sit amet, suscipit nec eros. Aliquam ut massa diam. Nullam ligula metus, pulvinar at ultricies sagittis, aliquam non ex. Ut dictum urna tincidunt nisl tincidunt tincidunt. Aliquam magna augue, commodo et vulputate vel, placerat sed lacus. Phasellus non nibh lacinia, ultrices risus vel, congue nisi.</p>

<p>Quisque iaculis sem massa, in pulvinar lacus dictum eu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur viverra arcu non vestibulum consectetur. Proin egestas sed urna in pulvinar. Duis vehicula sem dui, nec aliquet turpis tincidunt id. Praesent a risus non metus aliquam tristique et ut sem. Nullam ac justo elit. Nunc ut tempor justo. Phasellus ultrices mauris ac mauris aliquet, maximus hendrerit odio mollis. Suspendisse ultricies gravida mi ut vestibulum. Nulla facilisi. Sed hendrerit est quam, et ultricies est tincidunt ut. Donec turpis enim, maximus id euismod in, pellentesque at massa. Aenean at mattis ligula.</p>

<p>Integer consectetur luctus erat sit amet consequat. In laoreet metus dictum elit condimentum, vitae viverra ante maximus. Fusce dapibus cursus ex, sed aliquam lectus mattis eget. Nulla ultrices nulla ligula, ac consectetur massa pulvinar at. Quisque cursus et erat id rutrum. Sed non tortor sagittis, lobortis justo vel, vehicula leo. Nullam dapibus ante ac interdum interdum. Fusce consectetur nulla imperdiet sem rutrum bibendum. Quisque dignissim felis id justo euismod dictum.</p>

<p>Suspendisse volutpat turpis at lacus pulvinar laoreet. Nulla volutpat urna rutrum nisi tincidunt, ut consectetur lectus hendrerit. Ut eget sem vitae metus gravida bibendum quis et magna. Curabitur vel justo pulvinar, rutrum velit nec, semper augue. Praesent id mauris finibus, gravida massa ac, porta nisi. Mauris pulvinar posuere nunc at consectetur. Vestibulum ligula sapien, imperdiet vitae elit eu, rutrum viverra odio. Maecenas id est mattis, dapibus metus dignissim, imperdiet ex. Nam congue ante in ipsum gravida, vel sodales ante aliquet. Sed iaculis mi vel neque lacinia, eget consequat purus imperdiet. Suspendisse eget semper nisi.</p>

<p>Integer aliquam blandit tortor sed ultricies. Suspendisse aliquam eros ut dui posuere elementum. Mauris eu tempor libero. Duis imperdiet posuere laoreet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin in euismod ex. Sed non turpis vel magna consectetur facilisis in a odio. Etiam feugiat augue quis lacus sollicitudin, sed volutpat erat laoreet. Pellentesque accumsan, risus vitae dapibus porttitor, est felis viverra nulla, at ornare nibh nibh id lectus. In tempor id nulla vel aliquet. Sed elementum ac lectus non malesuada. Nullam ipsum nulla, feugiat vitae blandit eget, facilisis et justo. Nullam eu sapien in ex finibus placerat sed sed mauris. Sed eu elit diam.</p>




      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal"></button>

        <input type="checkbox" id="leido"></input><label for="leido" style="margin-right: 30px;">He leído y acepto términos y condiciones</label>
        <button id="botontyc" onclick="aceptaTyC();" type="button" data-toggle="modal" data-target="#tycadmin" class="btn btn-primary disabledbtn">Continuar</button>
      </div>
    </div>
  </div>
</div>

<button id="opentyc" style="display:none;" type="button" data-toggle="modal" data-target="#tycadmin" class="btn btn-primary">TyC</button>

<div id="respuestatyc"></div>

		
    		<?php 
            
            include '../include/footer.php'; ?>
		<script>
            $(document).ready(function() {

                <?php
                    if($tyc != "ok"){
                ?>
                    

                    $('#tycadmin').modal({
                        backdrop: 'static',
                        keyboard: false
                    })

                    $("#opentyc").click();
                <?php
                    }
                ?>

                
                $("#formcarac").load('../formulariosic.php');
                $('.accordion a').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);
                    
                    ';
                }
                ?>
            });

            function aceptaTyC(){
                $.ajax({
                    url : "include/acepta-terminos.php",
                    type: "POST",
                    data : "id=<?php echo $idgraph;?>",
                    success:function(data){
                        $('#respuestatyc').html(data);
                        
                }
                });
            }


            $(document).on("change", "#leido", function () {
    if($(this).is(':checked')){
     $("#botontyc").removeClass("disabledbtn");
                   }
                else{
                    $("#botontyc").addClass("disabledbtn");  
                }});  


    


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