<head>
  <!-- Manda a traer el javascript para validar el formulario -->
    <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" />
   <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">
   
   <link rel="stylesheet" type="text/css" href='<?php echo base_url()?>assets/dist/css/table.css' />
   <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>
<div id="page-content-wrapper">
<div class="page-content inset">
<center><h1>Ventas Realizadas</h1></center>
<center>
<ul class="breadcrumb menu">
    <!-- Menú que direcciona a los  Productos internos y al Público-->
   <li><a href="<?php echo base_url();?>pagos/cosmetologo/pagosC/VentaProductos"> Venta Productos</a><span class="divider"></span></li>
  <li><a href="<?php echo base_url();?>pagos/cosmetologo/pagosC/VentaServicios"> Venta Servicios Adicionales</a><span class="divider"></span></li>
  <li><a href="<?php echo base_url();?>pagos/cosmetologo/pagosC/VentaServiciosGenerales"> Venta Servicios Generales</a><span class="divider"></span></li>
  <li><a href="<?php echo base_url();?>pagos/cosmetologo/pagosC/VentaPromociones">Venta Promociones </a> <span class="divider"></span></li>
  <li><a href="<?php echo base_url();?>pagos/cosmetologo/pagosC"> Ventas Realizadas </a><span class="divider"></span></li>
  <li><a href="<?php echo base_url();?>pagos/cosmetologo/CorteCaja"> Corte de Caja </a></li>
 
</ul>
</center>
<div class="row">
<br>
<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" />
          
</div>
</div>

<div class="table-responsive">
<table class="table table-striped jambo_table bulk_action" id="tablaVentas" style="visibility: hidden;">
<thead>
<tr>
 <!-- <th>Id Cliente</th>-->
  <th>Folio</th>
  <th>Nombre Cliente</th>
  <th>Fecha Venta</th>
  <!-- <th>Total </th> -->
  <th>Total Venta</th>
  <th>Cantidad recibida</th> 
  <th>Adeudo</th>
  <th>Vendedor</th>
  <th>Acciones</th>
  <!-- <th>Crear Expediente</th>-->
</tr>
</thead>
<tbody>
  <?php 
          if ($consulta != FALSE){
            foreach ($consulta as $fila){
              echo "<tr>";
                echo "<td>".$fila->folio."</td>";
                echo "<td>".$fila->ClienteVenta."</td>";
                echo "<td>".$fila->FechaVenta."</td>";
                 // echo "<td>".$fila->TotalVenta."</td>";
                echo "<td>".$fila->TotalVentaGeneral."</td>";
                echo "<td>".$fila->AbonoVenta."</td>";
                echo "<td>".$fila->AdeudoVenta."</td>";
                echo "<td>".$fila->VendedorUsuario."</td>";
                 echo "<td>";

                   echo "<a href='".base_url()."pagos/cosmetologo/pagosC/mostrarventa/".$fila->IdVentas."/' class='label label-primary'>";
                    echo "<span class='glyphicon glyphicon-eye-open'></a></span>";
                              echo "&nbsp;&nbsp;";

                        echo "</td>";


                echo "</tr>";
            } 
          } 
  
     ?>
    </tbody>
    </table>
  </div>
</div>
</div>
<script type="text/javascript">

$(window).load(function() {

 $('#tablaVentas').css('visibility', 'visible');
   $('#tablaVentas').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 = $('#tablaVentas').DataTable();
     var valor=0;
    // Event listener to the two range filtering inputs to redraw on input
    $('#query').on('input', function() {
      
      if (this.value<=0 || this.value>=0 ){
        table.columns([0]).search(this.value).draw();
        
      }
      else{
        
        table.columns([1]).search(this.value).draw();
      
      }
      
      

    } );

} );
(function(){
            function removeAccents ( data ) {
                if ( data.normalize ) {
                    /* Use la API I18n si está disponible para dividir caracteres y acentos, luego elimine
                       los acentos al por mayor. Tenga en cuenta que utilizamos los datos originales, así como
                       lo nuevo para permitir la búsqueda de cualquiera de los formularios.*/
                    return data +' '+ data
                        .normalize('NFD')
                        .replace(/[\u0300-\u036f]/g, '');
                }
             
                return data;
            }
             
            var searchType = jQuery.fn.DataTable.ext.type.search; 
            searchType.string = function ( data ) {
                return ! data ?
                    '' :
                    typeof data === 'string' ?
                        removeAccents( data ) :
                        data;
            };
             
            searchType.html = function ( data ) {
                return ! data ?
                    '' :
                    typeof data === 'string' ?
                        removeAccents( data.replace( /<.*?>/g, '' ) ) :
                        data;
            };
        }());
                       

</script>
