<!DOCTYPE html>
<!-- Vista principal que muestra todos los servicios adicionales registrados,direcciona a agregar, buscar, modificar y eliminar (Franquiciatario) -->
<html>
<head>
   <!-- Direcciona al javascript para hacer las validaciones correspondientes -->
  <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/servicios.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script type="text/javascript" src="<?php echo base_url()?>assets/dist/js/site.js"></script>
  <link rel="stylesheet" href="<?php echo base_url().'assets/dist/css/validacion.css'?>">
  <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/styleTable.css' /> 
  <link rel="stylesheet" href="<?php echo base_url().'assets/plugins/datatable/dataTables.bootstrap4.min.css'?>">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" />
   
   <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.css' />
    <script src="<?php echo base_url().'assets/plugins/datatable/jquery.dataTables.min.js'?>" type="text/javascript"></script>
   <script src="<?php echo base_url().'assets/plugins/datatable/dataTables.bootstrap4.min.js'?>" type="text/javascript"></script>
   <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<script type="text/javascript" src="<?php echo base_url()?>assets/plugins/doubleScroll/jquery.doubleScroll.js"></script>
<link rel="stylesheet" href="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.css'?>">
    <!-- Latest compiled and minified JavaScript -->
    <script src="<?php echo base_url().'assets/plugins/select/bootstrap-select.min.js'?>"></script>
</head>

<style>
::-webkit-scrollbar {
  width: 9px !important;
  height: 9px !important;
}

::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
  background-color: #c5c3c3;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
.scrollbar-tabla {
      /* height: 65%; */
      overflow: auto !important;
      -webkit-overflow-scrolling: touch;
}
.dataTables_scrollBody {
  overflow-y: visible !important;
  overflow-x: initial !important;
}
.dataTables_scrollHead {
  overflow: visible !important;
}
table.dataTable thead th, table.dataTable thead td{
border:none !important;
}
</style>
<div id="page-content-wrapper">
<div class="page-content inset">
<center><h1>Lista de Servicios Adicionales y Personalizados</center>
  <center>
  <ul class="breadcrumb menu">
        <!-- Menú que direcciona a los Servicios Adicionales,Generales y Muestra-->
    <li><a href="<?php echo base_url();?>servicios/Franquiciatario/serviciosAdicionalesF"> Adicional</a><span class="divider"></span></li>
    <li><a href="<?php echo base_url();?>servicios/Franquiciatario/serviciosGeneralesF">General</a> <span class="divider"></span></li>
    <li><a href="<?php echo base_url();?>servicios/Franquiciatario/serviciosPruebaF">Muestra</a> <span class="divider"></span></li>
  </ul>
  </center>
<div class="row">
<!-- <div class="col-md-7"></div> -->
<div class="btn-group pull-right">
  <!-- Direcciona a la vista principal de servicios adicionales -->
 <form id="form" class="navbar-form navbar" method="GET" action="<?=base_url()?>servicios/Franquiciatario/serviciosAdicionalesF">
 </br>
  <!-- </br> -->
  </form>
</div>

    <!-- <center><h3>Franquicia:  <?php foreach ($Franquicias as $i => $Franquicias)    
    echo  $Franquicias; ?> </h3></center>  -->
<div class="col-md-7 navbar-form navbar">

<label class="label-buscar">Buscar:</label>
<input type="text" class="form-control search"  id="query" name="query" />

<!-- <button type="button" class="btn btn-primary" style="visibility: hidden;"><span class='glyphicon glyphicon-plus'></span></button>
<a href="<?=base_url()?>servicios/Franquiciatario/serviciosAdicionalesF/agregar"><button type="button" class="btn btn-primary"><span class='glyphicon glyphicon-plus'></span></button></a> -->
        
</div>
</div>
  
 <!-- <div class="table-responsive"> -->
  <table class="table table-striped jambo_table bulk_action" id="tablaServicioA" style="visibility: hidden;" style="width:100%">
  
  <thead>
  <tr>
  <th>Código</th>
  <th>Modelo</th>
  <th>Nombre</th>
  <th>Precio</th>
  <th>Acciones</th>
  </tr>
  <tbody>
    <?php 
          if ($consulta != FALSE){
            foreach ($consulta as $fila){
              echo "<tr>";
                echo "<td>".$fila->IdServiciosFranquicias."</td>";
                echo "<td>".$fila->NombreModelo."</td>";
                echo "<td>".$fila->NombreServicio."</td>";
                echo "<td>".$fila->PreciosServicio."</td>";
                echo "<td>";
                  //Direcciona a la función de editar servicio adicional
                  echo "<a href='".base_url()."servicios/Franquiciatario/serviciosAdicionalesF/editar/".$fila->IdServiciosGenerales."' class='label label-primary'>";
                   echo "<span class='glyphicon glyphicon-eye-open''></a></span>";
                  echo "&nbsp;&nbsp;";
                  //Direcciona a lá función de eliminar servicio adicional
                 // echo "<a onclick= 'if(confirma() == false) return false'href='".base_url()."servicios/Franquiciatario/serviciosAdicionalesF/eliminar/".$fila->IdServiciosGenerales."' class='label label-danger'>";
                 //    echo "<span class='glyphicon glyphicon-trash'></a></span>";
                echo "</tr>";
            } 
          }       
        ?>
         </tbody>
        </thead>
      </table>
      
    <!-- </div> -->
  </h1>
</center>
</div>
</div>
</html>
<script type="text/javascript">

$(window).load(function() {

 $('#tablaServicioA').css('visibility', 'visible');
   $('#tablaServicioA').DataTable(
       {               

                        
                       dom:'lrtip',
                        responsive: true,
                       // columnDefs: visible,
                       // data: response,
                       // columns: columns,

                        ServerSide: true,
                         destroy: true,
                         filter:true,
                         footer: true,
                         processing: true,

                         "lengthChange": false,
                         "order": [[ 0, "desc" ]],
                         "pageLength": 20,

                         



                        language: {
                            "lengthMenu": "Mostrar _MENU_ registros por pagina",
                            "zeroRecords": "No se encontraron resultados en su busqueda",
                            "searchPlaceholder": "Buscar ventas registradas",
                            "info": "Mostrando registros de _START_ al _END_ de un total de  _TOTAL_ registros",
                            "infoEmpty": "No existen registros",
                            "infoFiltered": "(filtrado de un total de _MAX_ registros)",
                            "search": "Buscar:",
                            "paginate": {
                                "first": "Primero",
                                "last": "Último",
                                "next": "Siguiente",
                                "previous": "Anterior"
                            },

                        },


                    });

 

    var table = $('#tablaServicioA').DataTable();
    $('#tablaServicioA').wrap("<div id='scrollbar-tabla' class='scrollbar-tabla'></div>");
    $('#scrollbar-tabla').doubleScroll({
          resetOnWindowResize: true
        });
    // Event listener to the two range filtering inputs to redraw on input
    $('#query').on('input', function() {

        table.search(this.value).draw();


    });

});

                       

</script>
