<?php
 
  $ruta="../";  
  include_once($ruta."class/chompa.php");
  $chompa=new chompa;
  session_start();
  include_once($ruta."funciones/funciones.php");
  $lblcode=ecUrl(3898);
  //echo $lblcode;

   $fechaactual=date('Y-m-d'); 
   $cho=$chompa->mostrarUltimo("estado=1");
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <?php
      $hd_titulo=$_SESSION["short"];
      $hd_titulo2=$_SESSION["descripcion"];
      include_once($ruta."includes/head_basico.php");
      include_once($ruta."includes/head_tabla.php");
    ?>
    
</head>
<body>
    <?php
      include_once($ruta."head.php");
    ?>
    <div id="main">
      <div class="wrapper">
        <?php
          $idmenu=1000;
          include_once($ruta."aside.php");
        ?>
        <section id="content">
          <!--breadcrumbs start-->
          <div id="breadcrumbs-wrapper">
            <div class="container">
               <div class="slider">
                    <ul class="slides">
                      <li>
                        <img src="<?php echo $ruta ?>imagenes/slide/HZ1.jpg"> <!-- random image -->
                        <!-- random image -->
                      
                      </li>
                      <li> 
                        <img src="<?php echo $ruta ?>imagenes/slide/HZ2.jpg" alt="sample">
                         <div class="caption center-align">
                      </div>
                      </li>
                      <li>
                        <img src="<?php echo $ruta ?>imagenes/slide/HZ3.jpg"> <!-- random image -->
                        <div class="caption center-align">
                        <h3>BANCA COMUNAL</h3>
                        <h5 class="light white-text text-lighten-3">Prestamo de creditos</h5>
                      </div>
                      </li>
                    </ul>
                  </div>
            </div>
          </div>
          <div class="container">
            <div class="section">
              <div class="row">
                <div class="col s12 m6 l12">
                  <div class="col s12 m6 l4">
                                <div class="card">
                                    <div class="card-content  grey white-text">
                                        <h4 class="card-stats-number"><i class="mdi-hardware-desktop-windows"></i><b style="font-size: 25px;"> Bienvenido al Sistema</b></h4>
                                        <p class="card-stats-compare"> <span class="green-text text-lighten-5">Usted se encuentra autentificado en donde podrá realizar operaciones según su perfil de trabajo. En caso de tener algún inconveniente o sugerencia con este sistema, deberá contactarse con el departamento de sistemas en la brevedad posible según sea el caso.</span>
                                        </p>
                                    </div>
                                    <div class="card-action  grey darken-2">
                                        <div id="clients-bar" class="center-align"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col s12 m6 l4">
                                <div class="card">
                                    <div class="card-content  grey darken-3 white-text">
                                        <h4 class="card-stats-number"><i class="mdi-hardware-keyboard"></i><b style="font-size: 25px;"> Capacitación para uso del Sistema</b> </h4>
                                        <p class="card-stats-compare"> <span class="green-text text-lighten-5">Usted deberá ser capacitado por personal autorizado en donde deberá tener cuidado de tomar nota de las opciones que ofrece el sistema.
                                        </span>
                                        </p>
                                    </div>
                                    <div class="card-action  grey darken-4 darken-2">
                                        <div id="clients-bar" class="center-align"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col s12 m6 l4">
                                <div class="card">
                                    <div class="card-content  grey white-text">
                                        <h4 class="card-stats-number"><i class="mdi-social-group-add"></i> <b style="font-size: 25px;"> Uso del Sistema</b></h4>
                                        <p class="card-stats-compare"> <span class="green-text text-lighten-5">Una vez capacitado usted quedara como responsable de los datos generados por su persona y por consecuente el usuario y contraseña quedan de su propiedad que ningún caso deberá divulgar dicha informacion a terceras personas.
                                        </span>
                                        </p>
                                    </div>
                                    <div class="card-action  grey darken-2">
                                        <div id="clients-bar" class="center-align"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col s12 m12 l12">
                              <?php
                               foreach($chompa->mostrarTodo("estado=1") as $f)
                               {
                                ?>
                                <div id="clients-bar" class="center-align"><?php echo 'COLOR: '.$cho['color'] ?></div>

                                <?php
                               }
                             
                               ?>
                            </div>
                  
                </div>
              </div>
              
            </div>
          </div>
          <!--start container-->
          <div class="container">
            <!-- //////////////////////////////////////////////////////////////////////////// -->
            <!-- Floating Action Button -->
            <div class="fixed-action-btn" style="bottom: 50px; right: 19px;">
              <a class="btn-floating btn-large">
                <i class="mdi-action-stars"></i>
              </a>
              <ul>
                <li><a href="css-helpers.html" class="btn-floating red"><i class="large mdi-communication-live-help"></i></a></li>
                <li><a href="app-widget.html" class="btn-floating yellow darken-1"><i class="large mdi-device-now-widgets"></i></a></li>
                <li><a href="app-calendar.html" class="btn-floating green"><i class="large mdi-editor-insert-invitation"></i></a></li>
                <li><a href="app-email.html" class="btn-floating blue"><i class="large mdi-communication-email"></i></a></li>
              </ul>
            </div>
          </div>
          <!--end container-->
        </section>
      </div>
    </div>
    <!-- end -->
    <!-- jQuery Library -->
    <?php
      include_once($ruta."includes/script_basico.php");
      include_once($ruta."includes/script_tabla.php");
    ?>
    
    <!-- Toast Notification -->
    <script type="text/javascript">
    $(document).ready(function() {
      $('#example').DataTable({
        responsive: true
      });

      cambiochompa();
    });
    // Toast Notification
    $(window).load(function() {
        
        setTimeout(function() {
            Materialize.toast('<span>Bienvenido</span>', 1500);
        }, 1500);
        setTimeout(function() {
            Materialize.toast('<span>En el boton izquierdo puede ver tus opciones en el sistema</span>', 3000);
        }, 5000);
        setTimeout(function() {
            Materialize.toast('<span>No dudes en consultar al departamento de sistemas</span>', 3000);
        }, 15000);
    });
    function cambiochompa(){
      $.ajax({
                    url: "cambio.php",
                    type: "POST",
                    data: "estado=1",
                    success: function(resp){
                      console.log(resp);
                      $("#idresultado").html(resp);
                    }
                  }); 
    }
    </script>
</body>

</html>