<?php
require_once('../config/Conexion.php');
date_default_timezone_set('America/Lima');
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <title>Inntel Peru - Panel</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="author" content="Author Name">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="shortcut icon" href="#"/>
    <!-- DataTables CSS -->
    <link rel="stylesheet" href="../static/lib/datatables-1.10.25/css/dataTables.bootstrap4.min.css"/>
    <link rel="stylesheet" href="../static/lib/datatables-1.10.25/plugins/responsive-2.2.9/css/responsive.bootstrap4.min.css"/>
    <!-- CSS de botones -->
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.7.1/css/buttons.bootstrap4.min.css"/>
    <!--CSS-->
    <link rel="stylesheet" href="../static/lib/bootstrap-4.6.0/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../static/lib/fontawesome-6.1.1/css/all.min.css"/>
    <link rel="stylesheet" href="../static/lib/jquery-ui-1.12.1/jquery-ui.css"/>
     <!--Javascript-->
    <script src="../static/lib/bootstrap-4.6.0/js/jquery.min.js"></script>
    <script src="../static/lib/jquery-ui-1.12.1/jquery-ui.min.js"></script>
    <script src="../static/lib/bootstrap-4.6.0/js/popper.min.js"></script>
    <script src="../static/lib/bootstrap-4.6.0/js/bootstrap.min.js"></script>
    <script src="../static/lib/adminlte-3.2.0/js/adminlte.min.js"></script>
    <!--Template-->
    <link rel="stylesheet" href="../static/lib/adminlte-3.2.0/css/adminlte.css"/>
    <!--Styles-->
    <link rel="stylesheet" href="../static/css/style.css"/>
   <!--Libs-->
    <script src="../static/lib/bootstrap-daterangepicker-3.1/js/moment.min.js"></script>
    <script src="../static/lib/bootstrap-daterangepicker-3.1/js/moment-with-locales.js"></script>
    <script src="../static/lib/jquery-confirm-3.3.4/js/jquery-confirm.min.js"></script>
    <link rel="stylesheet" href="../static/lib/jquery-confirm-3.3.4/css/jquery-confirm.min.css"/>
    <script src="../static/lib/sweetalert2-11.0.16/js/sweetalert2.all.min.js"></script>
    <link rel="../stylesheet" href="static/lib/sweetalert2-11.0.16/css/sweetalert2.min.css"/>
    <script src="../static/lib/jquery-loading-overlay-2.1.7/js/loadingoverlay.min.js"></script>
    <script src="../static/js/functions.js"></script>

    <link rel="stylesheet" href="../static/lib/select2-4.0.13/css/select2.min.css">
    <script src="../static/lib/select2-4.0.13/js/select2.min.js"></script>
    <script src="../static/lib/select2-4.0.13/js/i18n/es.js"></script>
   
    <link rel="stylesheet" href="../static/lib/select2-4.0.13/css/select2-bootstrap4.min.css">
    <script src="../static/lib/tempusdominus-bootstrap-4.5.37.0/js/tempusdominus-bootstrap.js"></script>
    <link rel="stylesheet" href="../static/lib/tempusdominus-bootstrap-4.5.37.0/css/tempusdominus-bootstrap.css"/> 
</head>
<style type="text/css">
.navbar{
   padding-top: 5px;
    padding-bottom: 5px;
    background-repeat: repeat-x;
  }
</style>
<body class="hold-transition sidebar-collapse layout-fixed">
  <div class="wrapper">
  <!-- Navbar -->
      <nav class="main-header navbar navbar-expand navbar-white navbar-light">
        <!-- Left navbar links -->
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link"  href="#" role="button"><i class="fas fa-bars"></i>&nbsp;&nbsp;</a>

          </li>
          <li class="nav-item d-none d-sm-inline-block">
            <a href="#" class="nav-link"></a>
          </li>
        </ul>
      </nav>
          <!-- /.navbar -->
          <div class="content-wrapper">
            <!-- Content Header (Page header) -->
              <section class="content-header">
                  <div class="container-fluid">
                    <div class="row mb-2">
                      <div class="col-sm-6">
                        <h1></h1>
                      </div>
                      <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                          <li class="breadcrumb-item"><a href="https://inntelperu.com/">Inicio</a></li>
                          <li class="breadcrumb-item active">Validacion</li>
                        </ol>
                      </div>
                    </div>
                  </div><!-- /.container-fluid -->
                </section>
                  <section class="content">
                    <div class="container-fluid">
                      <div class="row">
                        <!-- left column -->
                        <div class="col-md-4">
                        </div>
                          <div class="col-md-4">
                          <!-- jquery validation -->
                          <div class="card card-primary">
                            <div class="card-header">
                              <center>
                              <h3 class="card-title">CONSULTA TU ESTADO DE CUENTA</h3>
                              </center>
                            </div>
                            <!-- /.card-header -->
                            <!-- form start -->
                            <form id="clienteForm">
                              <div class="card-body">
                                <div class="form-group">
                                  <label>Ingrese su DNI/RUC:(*)</label>
                                  <input type="number" name="numero_dni" class="form-control" id="numero_dni" placeholder="Ingrese su DNI/RUC">
                                </div>              
                                
                              </div>
                              <!-- /.card-body -->
                              <div class="modal-footer">
                                <button type="submit" id="btnEnviar"  class="btn btn-primary form-control btn-flat"><i class="fa fa-search"></i> Consultar</button>
                              </div>
                            </form>
                          </div>
                  <?php
                    if(isset($_GET['datos'])){
                      echo '<div class="alert alert-danger alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>"'.$_GET['datos'].'"</div>';
                    }
                    ?>
                    </div>
                    <div class="col-md-4">
                    </div>
                          <div class="col-md-4">
                        </div>
                        <!-- right column -->
                        <div class="col-md-4">
                          <div class="card">
                            <div class="card-header">
                              <h3 class="card-title">Promociones</h3>
                            </div>
                            <!-- /.card-header -->
                            <div class="card-body">
                              <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                                <ol class="carousel-indicators">
                                  <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                                  <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                                  <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                                </ol>
                                <div class="carousel-inner">
                                      <?php
                                      $result_carrusel = "SELECT * FROM slider WHERE tipo_imagen='2' ORDER BY idslider ASC";
                                      $resultado_carrusel = mysqli_query($conexion, $result_carrusel);
                                      $cont_slide = 0;
                                      while( $row_slide = mysqli_fetch_assoc($resultado_carrusel)){
                                      $active = "";
                                      if($cont_slide == 0){
                                          $active = "active";
                                      }
                                      echo "<div class='carousel-item $active'>";
                                      echo "<img class='d-block w-100' src='https://new.inntelperu.com/template/files/slider/".$row_slide['nombre_imagen']."' alt=''>";
                                      echo "</div>";
                                      $cont_slide++;
                                      }
                                      ?>
                                </div>
                                  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                                    <span class="carousel-control-custom-icon" aria-hidden="true">
                                      <i class="fas fa-chevron-left"></i>
                                    </span>
                                    <span class="sr-only">Anterior</span>
                                  </a>
                                  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                                    <span class="carousel-control-custom-icon" aria-hidden="true">
                                      <i class="fas fa-chevron-right"></i>
                                    </span>
                                    <span class="sr-only">Siguiente</span>
                                  </a>
                              </div>
                            </div>
                            <!-- /.card-body -->
                          </div>
                          <!-- /.card -->
                        </div>
                        <!--/.col (right) -->
                      </div>
                      <!-- /.row -->
                    </div><!-- /.container-fluid -->
                  </section>
                   </div><!-- /.box -->
               </div><!-- /.col -->
           </div><!-- /.row -->
       </section><!-- /.content -->
     </div><!-- /.content-wrapper -->
<?php  
 $año=date("Y")
?>
<!-- Footer Template -->
<footer class="main-footer position-relative text-center py-2">
    <div>
        © Copyright <strong>Dashboard New</strong>. Todos los derechos reservados<br>
        <a href="https://www.facebook.com/jorge.melgarejopatricio" target="_blank">Desarrollado por JM.</a>
    </div>
    <div class="position-absolute" style="right: 15px; top: 50%; transform: translateY(-50%);">
        <a href="https://wa.me/985700881/?text=Hola%20Inntel%20" target="_blank">
            <img src="whasp.png" width="35" height="35">
        </a>
    </div>
</footer>
    </div>
<script>
    // Example script for displaying error messages if they exist
    var errors = '';
    // Add messages dynamically here
    if (errors) {
        alert(errors); // Replace with your own error display logic
    }
</script>
</body>
<!-- JavaScript for DataTable -->
    <script src="../static/lib/datatables-1.10.25/js/jquery.dataTables.js"></script>
    <script src="../static/lib/datatables-1.10.25/js/dataTables.bootstrap4.min.js"></script>
    <script src="../static/lib/datatables-1.10.25/plugins/responsive-2.2.9/js/dataTables.responsive.min.js"></script>
    <script src="../static/lib/datatables-1.10.25/plugins/responsive-2.2.9/js/responsive.bootstrap4.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.7.1/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.bootstrap4.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.7.1/js/buttons.colVis.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script src="../static/js/main.js"></script>
</html>
<script type="text/javascript" src="../scripts/portal.js"></script>