<?php 
    include("admin/config.php");
    include('admin/funciones.php');
    $active="active";
?>     
<div class="container"></div>
<!--<div id="casos_exito">
    <div class="container padding_section">
        <div class="row"><div class="col-sm-12 text-center titulo-casoexito"><h2>CASOS DE ÉXITO</h2></div></div>
        <hr>
        <div class="row" >               
           <div id="carousel-casos-exito" class="carousel slide" data-ride="carousel"> 
                <?php
                  $sql = 'SELECT * FROM `exito` where estado = 1 and orden <> 0 ORDER BY orden ASC LIMIT 0, 30';
                  $sql_slider=mysqli_query($con,$sql);
                  $nums_slides=mysqli_num_rows($sql_slider);
                ?>
                <div id="id-innerexito" class="carousel-inner" role="listbox">                   
                        <?php
                          $active="active";
                          $i=0;
                          while ($rw_slider=mysqli_fetch_array($sql_slider)){
                        //IMAGEN
                            if($rw_slider['tipo'] == 1) { 
                                ?>
                                  <div id="<?php echo $i?>" class="item <?php echo $active;?>">
                                    <div class="col-sm-12 text-center"> <h3><?php echo $rw_slider['titulo'];?></h3>
                                    <?php $sector=$rw_slider['sector'];if($sector == 1) { ?>
                                        <span class="label label-info">Sector Privado</span>
                                     <?php }elseif($sector == 2) { ?>
                                        <span class="label label-info">Sector Público</span>
                                      <?php }else{ ?>
                                        <span class="label label-info">Sector Civil</span>
                                       <?php }?>
                                    </div>                                  
                                    <div class="col-sm-12 text-center"><hr></div><br>
                                    <div class="col-sm-6">
                                      <br>
                                        <img class="img-responsive" src="<?php echo $host;?>admin/img/casosexito/<?php echo $rw_slider['imagen_cabecera'];?>" alt="">
                                    </div>
                                    <div class="col-sm-6">    
                                    <br>                                   
                                      <?php echo $rw_slider['descripcion'];?>  
                                    </div>
                                  </div>
                                  <?php
                                  $active="";
                                  //VIDEO
                                  }else{
                                  ?>
                                    <div id="<?php echo $i?>" class="item <?php echo $active;?>"> 
                                        <div class="col-sm-12 text-center"> <h3><?php echo $rw_slider['titulo'];?></h3>

                                          <?php $sector=$rw_slider['sector'];if($sector == 1) { ?>
                                            <span class="label label-info">Sector Privado</span>
                                          <?php }elseif($sector == 2) { ?>
                                            <span class="label label-info">Sector Público</span>
                                          <?php }else{ ?>
                                            <span class="label label-info">Sector Civil</span>
                                          <?php }?>
                                        </div>
                                        <div class="col-sm-12 text-center"><hr></div><br>
                                        <div class="col-sm-6"> 
                                        <br>                                               
                                          <?php $enable="?enablejsapi=1"?>
                                          <div class="video-container">
                                            <iframe id="exito_player"  src="<?php echo $rw_slider['video'].$enable; ?>"  allowfullscreen></iframe>
                                          </div>
                                        </div>

                                        <div class="col-sm-6">
                                          <br>
                                            <?php echo $rw_slider['descripcion'];?>   
                                        </div>
                                  </div>                                  
                                  <?php
                                  $active="";
                                  }
                                  $i++;
                          }
                        ?>
                </div>               
                 <ol class="carousel-indicators">
                        <?php 
                        for ($i=0; $i<$nums_slides; $i++){
                          $active="active";
                          
                          if($i == 0){?>
                          <li data-target="#carousel-casos-exito" data-slide-to="<?php echo $i;?>" class="<?php echo $active;?>"></li>
                          <?php }else{?>
                          <li data-target="#carousel-casos-exito" data-slide-to="<?php echo $i;?>" class=""></li>
                          <?php }
                        }
                        ?>                                
                </ol>                           
           </div>
        </div>
    </div>
</div>-->
 <br>
 <div id="clientes" class="padding_section">  
      <div class="container">  
        <h2 class="text-center">CONFÍAN EN NOSOTROS</h2>
        <br>    
        <div class="row margin-0">
            <br>               
            <div id="clientes_carrusel" class="carousel slide" data-ride="carousel">
              <!-- Indicators -->
              <!-- Wrapper for slides -->
              <div class="carousel-inner" role="listbox">
                <div class="item active">
                  <div class="row">
                      <div class="col-xs-6  col-sm-4 col-md-3">                  
                          <img class="img-responsive" src="img/clientes/cliente-1.jpg" alt="Construcciones Metalicas " />     
                      </div>
                      <div class="col-xs-6  col-sm-4 col-md-3">                  
                         <img class="img-responsive" src="img/clientes/cliente-2.jpg" alt="Aceros Arequipa" />  
                      </div> 
                      <div class="col-xs-6  col-sm-4 col-md-3">                  
                          <img class="img-responsive" src="img/clientes/cliente-3.jpg" alt="Alliance Francaise" />     
                      </div>  
                      <div class="col-xs-6  col-sm-4 col-md-3">                  
                          <img class="img-responsive" src="img/clientes/cliente-4.jpg" alt=" Banco Mundial" />     
                      </div>   
                    </div>
                    <div class="row">
                        <div class="col-xs-6  col-sm-4 col-md-3">                  
                            <img class="img-responsive" src="img/clientes/cliente-5.jpg" alt="Minería Chinalco Perú " />     
                        </div>   

                        <div class="col-xs-6  col-sm-4 col-md-3">                  
                            <img class="img-responsive" src="img/clientes/cliente-6.jpg" alt="Edelnor" />     
                        </div>
                        <div class="col-xs-6  col-sm-4 col-md-3">                  
                            <img class="img-responsive" src="img/clientes/cliente-7.jpg" alt="Eternit" />     
                        </div> 
                        <div class="col-xs-6  col-sm-4 col-md-3">                  
                            <img class="img-responsive" src="img/clientes/cliente-8.jpg" alt="Honda" />     
                        </div> 

                    </div> 
                </div>

              
                <div class="item">
                  <div class="row">
                    <div class="col-xs-6  col-sm-4 col-md-3">                  
                        <img class="img-responsive" src="img/clientes/cliente-9.jpg" alt="Instituto Nacional de Innovación Agraria" />     
                    </div>              

                    <div class="col-xs-6  col-sm-4 col-md-3">                  
                        <img class="img-responsive" src="img/clientes/cliente-10.jpg" alt="Jokey Plaza" />     
                    </div>
                    <div class="col-xs-6  col-sm-4 col-md-3">                  
                        <img class="img-responsive" src="img/clientes/cliente-11.jpg" alt="Jóvenes Productivos" />          
                    </div>   
                    <div class="col-xs-6  col-sm-4 col-md-3">                  
                        <img class="img-responsive" src="img/clientes/cliente-12.jpg" alt="Lam Sac Seguros" />            
                    </div> 
                  </div>
                  <div class="row">
                    <div class="col-xs-6  col-sm-4 col-md-3"> 
                      <img class="img-responsive" src="img/clientes/cliente-13.jpg" alt="LAP" />                   
                    </div> 
                    <div class="col-xs-6  col-sm-4 col-md-3">   
                       <img class="img-responsive" src="img/clientes/cliente-14.jpg" alt="Luz del Sur" />                 
                    </div>                     
                    <div class="col-xs-6  col-sm-4 col-md-3">  
                      <img class="img-responsive" src="img/clientes/cliente-15.jpg" alt="Magia" />                  
                    </div>   
                    <div class="col-xs-6  col-sm-4 col-md-3">  
                      <img class="img-responsive" src="img/clientes/cliente-16.jpg" alt="Ministerio de Comercio Exterior y Turismo" />                  
                    </div>   
                  </div> 
                </div>

                <div class="item">
                  <div class="row">
                    <div class="col-xs-6  col-sm-4 col-md-3">                  
                        <img class="img-responsive" src="img/clientes/cliente-17.jpg" alt="Colegio de Notarios del Distrito Notarial del Callao" />     
                    </div>              

                    <div class="col-xs-6  col-sm-4 col-md-3">                  
                        <img class="img-responsive" src="img/clientes/cliente-18.jpg" alt="Osiptel" />     
                    </div>
                    <div class="col-xs-6  col-sm-4 col-md-3">                  
                        <img class="img-responsive" src="img/clientes/cliente-19.jpg" alt="ProInversión" />          
                    </div>   
                    <div class="col-xs-6  col-sm-4 col-md-3">                  
                        <img class="img-responsive" src="img/clientes/cliente-20.jpg" alt="Pacífico Seguros" />            
                    </div> 
                  </div>
                  <div class="row">
                    <div class="col-xs-6  col-sm-4 col-md-3"> 
                      <img class="img-responsive" src="img/clientes/cliente-21.jpg" alt="Techint" />                   
                    </div> 
                    <div class="col-xs-6  col-sm-4 col-md-3">   
                       <img class="img-responsive" src="img/clientes/cliente-22.jpg" alt="Telefónica" />                 
                    </div>                     
                    <div class="col-xs-6  col-sm-4 col-md-3">  
                      <img class="img-responsive" src="img/clientes/cliente-23.jpg" alt="" />                  
                    </div>   
                    <div class="col-xs-6  col-sm-4 col-md-3">  
                      <img class="img-responsive" src="img/clientes/cliente-24.jpg" alt="" />                  
                    </div>   
                  </div> 
                </div>

              </div>

              <!-- Left and right controls -->
              <a class="left carousel-control" href="#clientes_carrusel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="right carousel-control" href="#clientes_carrusel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
            </div>
        </div>
        </div>
    </div>

<div id="redes"> 
    <div class="container padding_section">
            <div class="row" >
                <h3>SÍGUENOS EN:</h3>
                <ul class="list-unstyled list-inline">
                    <li>
                        <a target="_blank" class="ico-fb" href="https://www.facebook.com/INNOVAPUCP/"></a>
                    </li>
                    <!--<li>
                        <a target="_blank" class="ico-tt" href="https://twitter.com/innovapucp"></a>
                    </li>-->
                    <li>
                        <a target="_blank" class="ico-lk" href="https://www.linkedin.com/company/innovapucp---centro-de-consultor-a-y-servicios-integrados-de-la-pucp?trk=tabs_biz_home"></a>
                    </li>
                    <!--<li><a target="_blank" class="ico-pt" href="https://es.pinterest.com/innovapucp/"></a></li>-->
                </ul>
            </div>
    </div>
</div>        

    
<div id="footer1">
    <footer>
        <div class="container padding_section">
            <div class="row">
                <div class="col-sm-3">
                    <ul class="list-unstyled">
                      <li class="titulo"><a class="page-scroll" href="#"><span>INICIO</span></a></li>  
                      <li class="titulo"><span>NOSOTROS</span>
                          <ul class="list-unstyled">
                            <li>
                            <a href="quienes-somos.php">Quiénes somos</a>
                            </li> 
                            <li>
                              <a href="equipo.php">Nuestro Equipo</a>
                            </li> 
                          </ul>
                      </li>   
                      <li class="titulo"><a href="pdf/brochure-innovapucp-2016.pdf" target="_blank"><span>PORTAFOLIO DE SERVICIOS</span></a></a>
                      </li>
                                         
                    </ul>
                </div>

                <div class="col-sm-3">
                  <ul class="list-unstyled">
                    <li class="titulo"><span>SOLUCIONES</span>
                          <ul class="list-unstyled">
                            <li><a href="asesoria-y-consultoria.php">Asesoría y Consultoría</a></li>
                            <li><a href="fortalecimiento-de-capacidades.php">Fortalecimiento de Capacidades</a></li>
                            <li><a href="servicios-de-laboratorio.php">Servicios de Laboratorio</a></li>
                            <li><a href="evaluaciones-de-cumplimiento.php">Evaluaciones de Cumplimiento</a></li>                                   
                            <li><a href="outsourcing.php">Outsourcing</a></li> 
                          </ul>
                      </li>                    
                  </ul>  
                </div>

                 <div class="col-sm-3">
                    <ul class="list-unstyled">
                      <li class="titulo"><a href="noticias.php"><span>NOTICIAS Y EVENTOS</span></a>  
                      </li>
                      <li class="titulo"><a href="contacto.php"><span>CONTÁCTANOS</span></a>  
                      </li> 
                      <li class="titulo"><a href="mapa-web.php"><span>MAPA DEL SITIO</span></a>
                      </li>                         
                    </ul>
                </div>
                <div class="col-sm-3">
                    <img class="img-responsive pull-right" src="<?php echo $host;?>img/svg/logo-footer.svg" alt="innovapucp" />
                </div>

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

<form id="categoriaver" action="noticias.php"  method="post"> 
  <input type="hidden" id="categoriaver_id" name="categoriaver_id" value=""/>
</form>

<div id="footer2">
    <footer>
        <div class="container padding_section">
            <address>
                Campus PUCP (Edificio Mac Gregor, piso 10) - Av. Universitaria N° 1801, San Miguel, Lima - Perú | Teléfono: (511) 626 - 2506 ó (511) 626 - 2000 anexos 2506, 3161<br>
©2019 Pontificia Universidad Católica del Perú - Todos los derechos reservados.
            </address>
        </div>
    </footer>
</div>       


<?php if (isset($suscripcion)){
          if( $suscripcion == "true") {?>           
            <div class="fixed-bottom">
              <a href="suscripcion.php" target="_blank"class="btn-mailchimp" style="display: inline-block;"> Suscríbete</a>
            </div>    

<?php } }?>

<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-57d81e1638850ee4"></script>
        <script src="<?php echo $host; ?>js/jquery-1.9.1.min.js"></script>
        <script src="<?php echo $host; ?>js/vendor/bootstrap.min.js"></script>
        <script src="<?php echo $host; ?>js/main.min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
        <script src="<?php echo $host; ?>js/grayscale.min.js"></script>
         <script>
            $(document).ready(function() {              
                 var funcions = 'stopVideo';
                 var id,$div;
                $("#carousel-casos-exito ol.carousel-indicators li").click(function () {
                  $("#id-innerexito div").each(function (i, div) {
                      $div = $(div);
                      if ($div.hasClass("active")) {
                          id = $div.attr("id");
                          
                          callPlayer(id, funcions)
                      } else {
                          id = $div.attr("id");
                          callPlayer(id, funcions)
                      }
                  });

                });

              function callPlayer(frame_id, func, args) {
                  if (window.jQuery && frame_id instanceof jQuery) frame_id = frame_id.get(0).id;
                  var iframe = document.getElementById(frame_id);
                
                  if (iframe && iframe.tagName.toUpperCase() != 'IFRAME') {
                      iframe = iframe.getElementsByTagName('iframe')[0];
                  }
                  if (iframe) {
                      iframe.contentWindow.postMessage(JSON.stringify({
                          "event": "command",
                          "func":func,
                          "args": args || [],
                          "id": frame_id
                      }), "*");
                  }
              }

                /* validacion de listas menus */
                $("select[name=numero]").change(function(){
                  if ( $('select[name=numero]').val() == "25" ){
                    $('#numero_o').prop("required", true);
                    $('#telefono').prop("required", true);
                  }else if ( $('select[name=numero]').val() == "0" ){
                    $('#numero_o').removeAttr("required");
                    $('#telefono').removeAttr("required");
                  }else{
            
                    $('#telefono').prop("required", true);
                  }
                });
            
                $("select[name=nosotros]").change(function(){
                  if ( $('select[name=nosotros]').val() == "4" ){
                    $('#nosotros_o').prop("required", true);
                  }else{
                    $('#nosotros_o').removeAttr("required");
                  }
                });
            });
    </script>