<!DOCTYPE html>
<html lang="en">
                          
    <?php $this->load->view("template/header"); ?>
    <?php $this->load->view("template/nav"); ?>
    
    <style>
        .form-control, #btn_buscar {
            height: calc(1.5em + 0.75rem + 2px); /* Altura uniforme */
            padding: 0.375rem 0.75rem; /* Padding uniforme */
            font-size: 16px;
            line-height: 1.5;
        }

        #btn_buscar {
            width: 150px;
        }

        .form-group {
            margin-bottom: 0; /* Ajusta el espacio entre los campos */
        }

        .table-responsive {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        .table {
            width: 100%;
            margin-bottom: 1rem;
            background-color: transparent;
        }

        .card-footer {
            padding: 10px; /* Elimina padding para evitar el desalineamiento */
            display: flex; /* Usa flex para alinear el contenido */
            align-items: center; /* Centra verticalmente los elementos en el contenedor */    
        }

        .fixed-height-label {
            height: 20px; /* Ajusta esta altura según tu diseño */
            display: flex;
            align-items: center; /* Alinea verticalmente el texto */
            white-space: nowrap; /* Evita que el texto pase a la siguiente línea */
            overflow: hidden; /* Oculta cualquier desbordamiento de texto */
            text-overflow: ellipsis; /* Muestra los puntos suspensivos si el texto es demasiado largo */
        }
        /* Responsive design */
        @media (max-width: 768px) {
            .card-body .row {
                flex-direction: column; /* Cambia la dirección del flex para pantallas pequeñas */
            }

            #btn_buscar {
                width: 100%; /* Hace que los botones ocupen todo el ancho en pantallas pequeñas */
            }
        }
    </style>

    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Reporte Diario</h1>
                    </div>
             
                    <div class="col-sm-6">
                        <ol class="breadcrumb float-sm-right">
                            <!-- <li class="breadcrumb-item"><a href="#" onclick="mySession()" class="nav-link">Cerrar Sesión</a></li> -->
                        </ol>
                    </div>
                </div>
            </div>
        </div> 

        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card card-secondary">
                            <div class="card-header">
                                <h3 class="card-title">Datos de  búsqueda </h3>
                            </div>

                            <form id="quickForm"  autocomplete="off">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-12 col-sm-3 col-md-2 col-lg-1 mt-1 mb-1">
                                            <div class="form-group">
                                                <label class="fixed-height-label">Establecimiento</label>
                                                <select class="form-control" id="cmb_establecimiento">
									                <option value="">--Seleccionar-- </option>
									                <?php foreach($establecimiento as $k1) { ?>
										                <option value="<?=$k1['IdEstablecimiento']?>"><?=$k1['Nombre']?></option>
									                <?php } ?>                                    
                                	            </select> 
                                            </div>
                                        </div> 
                            
                                        <div class="col-12 col-sm-3 col-md-2 col-lg-1 mt-1 mb-1">
								            <div class="form-group">
									            <label class="fixed-height-label">Fecha Inicial</label>
									            <input type="date" name="txt_fechaini" class="form-control" id="txt_fechaini"> </input>
								            </div>
							            </div> 

									    <div class="col-12 col-sm-3 col-md-2 col-lg-1 mt-1 mb-1">
								            <div class="form-group">
									            <label class="fixed-height-label">Hora Inicial</label>
									            <input type="time" name="txt_horaini" class="form-control" id="txt_horaini"> </input>
								            </div>
							            </div>

                                        <div class="col-12 col-sm-3 col-md-2 col-lg-1 mt-1 mb-1">
								            <div class="form-group">
    									        <label class="fixed-height-label">Fecha Final</label>
									            <input type="date" name="txt_fechaini" class="form-control" id="txt_fechafin"> </input>
								            </div>
							            </div>

									    <div class="col-12 col-sm-3 col-md-2 col-lg-1 mt-1 mb-1">
								            <div class="form-group">
									            <label class="fixed-height-label">Hora Final</label>
									            <input type="time" name="txt_horafin" class="form-control" id="txt_horafin"> </input>
								            </div>
							            </div>

                                        <div class="col-12 col-sm-3 col-md-2 col-lg-1 mt-1 mb-1">
								            <div class="form-group">
									            <label class="fixed-height-label">Usuario</label>
									            <select class="form-control" id="cmb_usuario">
									                <option value="">--Seleccionar-- </option>
									                <?php foreach($usuarios as $k2) { ?>
										                <option value="<?=$k2['IdUsuario']?>"><?=$k2['NombreCompleto']?></option>
									                <?php } ?>                                    
                                	            </select> 
								            </div>
							            </div>

                                        <div class="col-12 col-sm-4 col-md-3 col-lg-2 mt-1 mb-1 d-flex align-items-end">
                                            <button type="button" class="btn btn-primary" id="btn_buscar">Buscar</button>
                                        </div>
                                    </div> 
                                </div> 

                                <div class="card-body">
                                    <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                                        <div class="table-responsive">
                                            <table id="example1" class="table table-bordered table-striped dataTable dtr-inline" role="grid" aria-describedby="example1_info">
                                                <thead>
                                                    <tr role="row">
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Establecimiento</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Vr Habitación</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Vr Adicional</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Cargo Adicional</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Descuentos</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Valor Total</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Hora Llegada</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Habitación</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Huespedes</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Nombre Huesped</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Documento</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Vehículo</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Movil</th>
                                                        <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Usuario</th>
                                                    </tr>
                                                </thead>            
                                                <tbody></tbody>
                                                <tfoot>
                                                    <tr>
                                                        <th rowspan="1" colspan="1" >Establecimiento</th>
                                                        <th rowspan="1" colspan="1" >Vr Habitación</th>
                                                        <th rowspan="1" colspan="1" >Vr Adicional</th>
                                                        <th rowspan="1" colspan="1" >Cargo Adicional</th>
                                                        <th rowspan="1" colspan="1" >Descuentos</th>
                                                        <th rowspan="1" colspan="1" >Valor Total</th>
                                                        <th rowspan="1" colspan="1" >Hora llegada</th>
                                                        <th rowspan="1" colspan="1" >Habitacion</th>
                                                        <th rowspan="1" colspan="1" >Huespedes</th>
                                                        <th rowspan="1" colspan="1" >Nombre Huesped</th>
                                                        <th rowspan="1" colspan="1" >Documento</th>
                                                        <th rowspan="1" colspan="1" >Vehículo</th>
                                                        <th rowspan="1" colspan="1" >Movil</th>
                                                        <th rowspan="1" colspan="1" >Usuario</th>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                                <div class="card-body">
						            <div class="row">
                                        <div class="col-sm-6">
                                    </div>
							        
                                    <div class="col-sm-1">
								        <div class="form-group">
									        <label class="fixed-height-label">Total Habitación</label>
									        <input type="text" name="txt_totalH" class="form-control" id="txt_totalH" style="text-align:right;" disabled>
								        </div>
							        </div> 
                            
                                    <div class="col-sm-1">
								        <div class="form-group">
									        <label class="fixed-height-label">Total Adicional</label>
									        <input type="text" name="txt_totalA" class="form-control" id="txt_totalA" style="text-align:right;" disabled>
								        </div>
							        </div> 

									<div class="col-sm-2">
								        <div class="form-group">
									        <label class="fixed-height-label">Total Cargo Adicional</label>
									        <input type="text" name="txt_totalC" class="form-control" id="txt_totalC" style="text-align:right;" disabled>
								        </div>
							        </div> 
                            
									<div class="col-sm-1">
								        <div class="form-group">
									        <label class="fixed-height-label">Total Descuentos</label>
									        <input type="text" name="txt_totalD" class="form-control" id="txt_totalD" style="text-align:right;" disabled>
								        </div>
							        </div> 

                                    <!-- <div class="col-sm-1">
								        <div class="form-group">
									        <label>Total IVA</label>
									        <input type="text" name="txt_totalI" class="form-control" id="txt_totalI" style="text-align:right;" disabled>
								        </div>
							        </div>  -->
                            
                                    <div class="col-sm-1">
								        <div class="form-group">
									        <label class="fixed-height-label">Total</label>
									        <input type="text" name="txt_totalT" class="form-control" id="txt_totalT" style="text-align:right;" disabled>
								        </div>
							        </div> 
                                </div>
                            </form>
                        </div> 

                        <div class="row">
                            <section class="col-lg-7 connectedSortable"></section>
                            <section class="col-lg-5 connectedSortable"></section>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <?php $this->load->view("template/footer"); ?>

    <aside class="control-sidebar control-sidebar-dark"></aside>

<!-- ======================================================================================================================================================================================================= -->
     <!-- jQuery -->
     <script src="<?php echo base_url() ?>assets/plugins/jquery/jquery.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/jquery/jquery.min.js"></script>
    <!-- jQuery UI 1.11.4 -->
    <script src="<?php echo base_url() ?>assets/plugins/jquery-ui/jquery-ui.min.js"></script>
    <!-- jQuery Mask -->
    <script src="<?php echo base_url() ?>assets/plugins/jquery-Mask/jquery.mask.min.js"></script>
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <script>
        $.widget.bridge('uibutton', $.ui.button)
    </script>
    <!-- Bootstrap 4 -->
    <script src="<?php echo base_url() ?>assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
    <!-- ChartJS -->
    <script src="<?php echo base_url() ?>assets/plugins/chart.js/Chart.min.js"></script>
    <!-- Sparkline -->
    <!-- <script src="<?php echo base_url() ?>assets/plugins/sparklines/sparkline.js"></script> -->
    <!-- JQVMap  -->
    <script src="<?php echo base_url() ?>assets/plugins/jqvmap/jquery.vmap.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
    <!-- jQuery Knob Chart -->
    <script src="<?php echo base_url() ?>assets/plugins/jquery-knob/jquery.knob.min.js"></script>
    <!-- daterangepicker -->
    <script src="<?php echo base_url() ?>assets/plugins/moment/moment.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/daterangepicker/daterangepicker.js"></script>
    <!-- Tempusdominus Bootstrap 4 -->
    <script src="<?php echo base_url() ?>assets/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
    <!-- Summernote -->
    <script src="<?php echo base_url() ?>assets/plugins/summernote/summernote-bs4.min.js"></script>
    <!-- overlayScrollbars -->
    <script src="<?php echo base_url() ?>assets/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
    <!-- AdminLTE App -->
    <script src="<?php echo base_url() ?>assets/dist/js/adminlte.js"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="<?php echo base_url() ?>assets/dist/js/demo.js"></script>
    <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
     <!-- <script src="<?php echo base_url() ?>assets/dist/js/pages/dashboard.js"></script> -->
    <!-- SweetAlert -->
    <script src="<?php echo base_url() ?>assets/plugins/sweetalert2/sweetalert2.all.min.js"></script>
    <!-- AdminLTE Datatable components -->
    <script src="<?php echo base_url() ?>assets/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/jszip/jszip.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/pdfmake/pdfmake.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/pdfmake/vfs_fonts.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/buttons.print.min.js"></script>
    <script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/datatables/sum().min.js"></script>
<!-- ======================================================================================================================================================================================================= -->

	<script>
		//Definir Variables
		var Opcion   = '';
		var HotelId  = '';
        var FechaIni = ''; 
        var HoraIni  = ''; 
        var FechaFin = '';
        var HoraFin  = '';
        var Usuario  = '';
        var FechaHoy = '';
        var HoraHoy  = '';

		//aca ya carga la data no necesito enviar nuevamente 
		var hoteles  = <?php echo json_encode($hoteles) ?>;  

		//Inicio de lectura del cargue	
		$(document).ready (function() 
		{
			//Insertar Fecha dia presente
            const fecha  = new Date();
            FechaHoy = formatoFecha(fecha, 'dd-mm-yyyy');
            HoraHoy  = formatoHora(fecha, 'HH:mm:ss');

			//cargar hotel
			$('#cmb_establecimiento').val(hoteles);

			//Llenar datos Iniciales 
			Opcion   = '1';
			HotelId  = 1;
			FechaIni = FechaHoy;
			HoraIni  = '00:00';
			FechaFin = FechaHoy;
			HoraFin  = '23:59';
    
			CargarTablaReportes();

			//Cargar Totales
            GenerarTotalesIni();
		});

		//Buscar informacion 
        $("#btn_buscar").click(function () 
		{             
			//Captura de valores 
			Opcion   = '1';
			HotelId  = $('#cmb_establecimiento').val();
			FechaIni = $('#txt_fechaini').val();
			HoraIni  = $('#txt_horaini').val();
			FechaFin = $('#txt_fechafin').val();
			HoraFin  = $('#txt_horafin').val();
            Usuario  = $('#cmb_usuario').val();
		
			// Validación para realizar la busqueda
            if (HotelId == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar el establecimiento',
                    icon: 'error',
                    confirmButtonText: 'OK',
                    allowOutsideClick: false, // Deshabilita el cierre al hacer clic fuera del modal
                    allowEscapeKey: false // Deshabilita el cierre al presionar la tecla "Escape"
                }); 
                return;
            }

            if (FechaIni == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar la fecha inicial',
                    icon: 'error',
                    confirmButtonText: 'OK',
                    allowOutsideClick: false, // Deshabilita el cierre al hacer clic fuera del modal
                    allowEscapeKey: false // Deshabilita el cierre al presionar la tecla "Escape"
                }); 
                return;
            }

            if (HoraIni == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar la hora inicial',
                    icon: 'error',
                    confirmButtonText: 'OK',
                    allowOutsideClick: false, // Deshabilita el cierre al hacer clic fuera del modal
                    allowEscapeKey: false // Deshabilita el cierre al presionar la tecla "Escape"
                }); 
                return;
            }

            if (FechaFin == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar la fecha final',
                    icon: 'error',
                    confirmButtonText: 'OK',
                    allowOutsideClick: false, // Deshabilita el cierre al hacer clic fuera del modal
                    allowEscapeKey: false // Deshabilita el cierre al presionar la tecla "Escape"
                }); 
                return;
            }
            
            if (HoraFin == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar la hora final',
                    icon: 'error',
                    confirmButtonText: 'OK',
                    allowOutsideClick: false, // Deshabilita el cierre al hacer clic fuera del modal
                    allowEscapeKey: false // Deshabilita el cierre al presionar la tecla "Escape"
                }); 
                return;
            }

			//Cargar tabla Reportes
			CargarTablaReportes();

			//Cargar Totales
            GenerarTotales();
		});
	
		//Generar Totales de reservas
        function GenerarTotales()
		{
            //Captura de valores 
			Opcion   = '2';
			HotelId  = $('#cmb_establecimiento').val();
            FechaIni = $('#txt_fechaini').val();
			HoraIni  = $('#txt_horaini').val();
			FechaFin = $('#txt_fechafin').val();
			HoraFin  = $('#txt_horafin').val();
            Usuario  = $('#cmb_usuario').val();
      

            $.ajax({
                url: '<?php echo base_url() ?>InfoOcupacion/searchInfoTotales',//controlador
                type: "POST",//tipo de peticion POST o GET
                headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
                data: { 'Opcion'   : Opcion,
						'HotelId'  : HotelId,
                        'FechaIni' : FechaIni,
                        'HoraIni'  : HoraIni,
                        'FechaFin' : FechaFin,
                        'HoraFin'  : HoraFin,
                        'Usuario'  : Usuario }//formato json Data

            }).done(function(dato) 
            {
                //convierto la respuesta json
                var Total = JSON.parse(dato);

                $('#txt_totalH').val(formatter.format(Total[0].TotalHabitacion));
                $('#txt_totalA').val(formatter.format(Total[0].TotalAdicional));
                $('#txt_totalC').val(formatter.format(Total[0].TotalCargoAdicional));
                $('#txt_totalD').val(formatter.format(Total[0].TotalDescuentos));
                $('#txt_totalI').val(formatter.format(Total[0].TotalTotal-Total[0].TotalAdicional-Total[0].TotalHabitacion));
                $('#txt_totalT').val(formatter.format(Total[0].TotalTotal));

                $('#txt_fechaini').val("");
                $('#txt_fechafin').val("");
            });
        };

        //Generar Totales de reservas inicial
        function GenerarTotalesIni()
		{
            //Captura de valores 
			Opcion   = '2';
			HotelId  = 1;
            FechaIni = FechaHoy;
			HoraIni  = '00:00';
			FechaFin = FechaHoy;
			HoraFin  = '23:59';
      
            $.ajax({
                url: '<?php echo base_url() ?>InfoOcupacion/searchInfoTotales',//controlador
                type: "POST",//tipo de peticion POST o GET
                headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
                data: { 'Opcion'   : Opcion,
						'HotelId'  : HotelId,
                        'FechaIni' : FechaIni,
                        'HoraIni'  : HoraIni,
                        'FechaFin' : FechaFin,
                        'HoraFin'  : HoraFin,
                        'Usuario'  : Usuario }//formato json Data

            }).done(function(dato) 
            {
                //convierto la respuesta json
                var Total = JSON.parse(dato);

                $('#txt_totalH').val(formatter.format(Total[0].TotalHabitacion));
                $('#txt_totalA').val(formatter.format(Total[0].TotalAdicional));
                $('#txt_totalC').val(formatter.format(Total[0].TotalCargoAdicional));
                $('#txt_totalD').val(formatter.format(Total[0].TotalDescuentos));
                $('#txt_totalI').val(formatter.format(Total[0].TotalTotal-Total[0].TotalAdicional-Total[0].TotalHabitacion));
                $('#txt_totalT').val(formatter.format(Total[0].TotalTotal));

                $('#txt_fechaini').val("");
                $('#txt_fechafin').val("");
            });
        };

		//Cargar Tabla Informacion
		function CargarTablaReportes()
		{
			//llamada a micro servicio de validacion
			$.ajax({
				url: '<?php echo base_url() ?>InfoOcupacion/searchInfoV',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'Opcion'   : Opcion,
						'HotelId'  : HotelId,
						'FechaIni' : FechaIni,
                        'HoraIni'  : HoraIni,
                        'FechaFin' : FechaFin,
                        'HoraFin'  : HoraFin,
                        'Usuario'  : Usuario }//formato json Data
				
			}).done(function(dato) 
			{
				//convierto la respuesta json
				var reporte = JSON.parse(dato);

				if(reporte.length != '0')
				{	
					$("#example1").DataTable({
						data: reporte,
						destroy: true,
						searching: false,
						columns:
						[
							{data : 'Establecimiento'},
							{data : 'ValorHabitacion'}, 
							{data : 'PrecioAdicional'}, 
							{data : 'CargoAdicional'}, 
							{data : 'Descuento'}, 
							{data : 'PrecioTotal'}, 
							{data : 'HoraIni'},
							{data : 'NumeroHabitacion'},
							{data : 'CantidadHuespedes'},
							{data : 'NombreHuesped'},
							{data : 'IdentificacionHuesped'},
							{data : 'Placa'},
							{data : 'Movil'}, 
                            {data : 'NomUsuario'},
						],
						responsive: true, 
                        "lengthChange": false, 
                        "autoWidth": false,
                        lengthChange: true, // Habilitar la opción de longitud
                        lengthMenu: [ [10, 25, 50, -1], [10, 25, 50, "All"] ], // Opciones para seleccionar la cantidad de registros por página
                        autoWidth: false,
                        language: {
                            "sProcessing": "Procesando...",
                            "sLengthMenu": "Mostrar _MENU_ entradas",
                            "sZeroRecords": "No se encontraron resultados",
                            "sInfo": "Mostrando de _START_ a _END_ de _TOTAL_ entradas",
                            "sInfoEmpty": "Mostrando 0 a 0 de 0 entradas",
                            "sInfoFiltered": "(filtrado de _MAX_ entradas totales)",
                            "sInfoPostFix": "",
                            "sSearch": "Buscar:",
                            "sUrl": "",
                            "sInfoThousands": ",",
                            "sLoadingRecords": "Cargando...",
                            "oPaginate": {
                                "sFirst": "Primero",
                                "sPrevious": "Anterior",
                                "sNext": "Siguiente",
                                "sLast": "Último"
                            },
                            "oAria": {
                                "sSortAscending": ": activar para ordenar la columna de manera ascendente",
                                "sSortDescending": ": activar para ordenar la columna de manera descendente"
                            }
                        },
						buttons: ["copy", "csv", "excel", "pdf", "print"]
					}).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(1)').css('float','right');
				}
			});	
		};

		//funcion para formato de fecha
        function formatoFecha(fecha, formato) 
		{
            dia=fecha.getDate();
                if(dia<10){dia='0'+dia;}
            mes=fecha.getMonth() + 1;
                if(mes<10){mes='0'+mes;}
            ano=fecha.getFullYear();
            return ano+'-'+mes+'-'+dia; 
        };

		//funcion para formato de Hora
        function formatoHora(fecha, formato)
		{
            hora = fecha.getHours();
                if(hora<10){hora='0'+hora;}
            minuto = fecha.getMinutes();
                if(minuto<10){minuto='0'+minuto;}
            
            return hora+':'+minuto; 
        };

		//funcion pasar a mayusculas
        function mayus(e) 
        {
            e.value = e.value.toUpperCase();
        };

		//Dar formato al numero
		const formatter = new Intl.NumberFormat('es-CO', 
		{
			style: 'currency',
			currency: 'COP',
			maximumFractionDigits: 0,
		});
    </script>

</body>

</html>