<!DOCTYPE html>
<html lang="en">
                            
    <?php $this->load->view("template/header"); ?>
    <?php $this->load->view("template/nav"); ?>

    <style>
        .form-control, #btn_buscar_recibo, #btn_nuevo_reserva {
            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_reserva {
            width: 150px;
        }

        #btn_nuevo_reserva {
            min-width: 150px; /* Ancho mínimo para el botón */
            width: auto; /* Ajusta el ancho según el contenido */
            max-width: 200px; /* Ancho máximo */
            margin-left: 10px; /* Elimina el margen izquierdo */
            margin-top: 10px; /* Margen superior para separación */
            display: inline-block; /* Asegura que el botón no se expanda más allá de su contenido */
        }

        .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 */
        }
       
        .dataTables_length select {
            min-width: 60px; /* Ajusta el tamaño según sea necesario */
            padding-right: 20px; /* Agrega espacio adicional para las flechas */
        }

        /* Responsive design */
        @media (max-width: 768px) {
            .card-body .row {
                flex-direction: column; /* Cambia la dirección del flex para pantallas pequeñas */
            }

            #btn_buscar_reserva,
            #btn_nuevo_reserva {
                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">Reservas</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="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-4 col-md-3 col-lg-2 mt-1 mb-1">
								    <div class="form-group">
									    <label class="fixed-height-label">No. Reserva</label>
									    <input type="text" name="txt_codigo_reserva" class="form-control" id="txt_codigo_reserva" placeholder="No. Reserva">
								    </div>
							    </div> 

							    <div class="col-12 col-sm-4 col-md-3 col-lg-2 mt-1 mb-1">
								    <div class="form-group">
									    <label class="fixed-height-label">Identificación Huésped</label>
									    <input type="text" name="txt_identificacion_reserva" class="form-control" id="txt_identificacion_reserva">
								    </div>
							    </div> 

							    <div class="col-12 col-sm-4 col-md-3 col-lg-2 mt-1 mb-1">
								    <div class="form-group">
									    <label class="fixed-height-label">Móvil Huésped</label>
									    <input type="text" name="txt_movil_reserva" class="form-control" id="txt_movil_reserva">
								    </div>
							    </div> 

							    <div class="col-12 col-sm-4 col-md-3 col-lg-2 mt-1 mb-1">
								    <div class="form-group">
									    <label class="fixed-height-label">Placa Vehículo</label>
									    <input type="text" name="txt_placa_reserva" class="form-control" id="txt_placa_reserva" onkeyup="mayus(this);">
								    </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" id="btn_buscar_reserva" class="btn btn-primary">Buscar</button>
                                </div>
						    </div>
					    </div>

					    <div class="card-body">
						    <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
							    <!-- <div class="row"> -->
								    <!-- <div class="col-sm-12 mt-1 mb-1 table-responsive"> -->
                                <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="">Reserva</th>
											    <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="">Check_in</th>
											    <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Check_out</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="">No.Habitación</th>
											    <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Valor Habitación</th>
											    <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Huésped</th>
											    <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Motivo de viaje</th>
											    <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Estado</th>
											    <th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Acciones</th>
										</thead>
										<tbody>         
										</tbody>
										<tfoot>
										    <tr>
											    <th style="">Reserva</th>
											    <th style="">Establecimiento</th>
											    <th style="">Check_in</th>
											    <th style="">Check_out</th>
											    <th style="">Habitación</th>
											    <th style="">No.Habitación</th>
											    <th style="">Valor Habitación</th>
											    <th style="">Huésped</th>
											    <th style="">Motivo de viaje</th>
											    <th style="">Estado</th>
											    <th style="">Acciones</th>
										    </tr>
									    </tfoot>
									</table>
								</div> 
							</div>
						</div>
					    <!-- </div> -->

					    <div class="card-footer">
						    <button type="button" id="btn_nuevo_reserva" class="btn btn-primary col-md-1 ">Nueva</button> 
					    </div>
                    </form>
                </div> 
	
                <div class="row">
                    <section class="col-lg-7 connectedSortable"></section>
                    <section class="col-lg-5 connectedSortable"></section>
                </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>
    <!-- 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>
		//Definir Variables globales
        var Modulo = 'RESERVAS';

		var valor_reserva  = '';
		var Control        = '1';
		var IdHuesped      = '';
		var Reservas_Bus   = '';
		var Opcion         = '';
		var IdReserva      = '';
		var FechaIni       = '';
		var FechaFin       = '';
		var IdEstado       = '';
		var Identificacion = '';
		var Movil          = '';
		var IdVehiculo     = '';
		var IdHabitacion   = '';

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

		//Inicio de lectura del cargue === OK
		$(document).ready (function() 
		{
			//Cargar tabla Reservas
			Opcion    = '1';
			IdEstado  = '6';
			cargarTablaReservasInicial();

		});

		//Buscar Reserva === OK
		$("#btn_buscar_reserva").click(function () 
		{             
			//Captura de valores 
			// Opcion         = '10';
			Opcion         = '4';
			// EstadoRes      = '2';
			IdEstado      = '6';
			IdReserva      = $("#txt_codigo_reserva").val();
			Identificacion = $('#txt_identificacion_reserva').val();
            Movil          = $('#txt_movil_reserva').val();
		    Placa          = $('#txt_placa_reserva').val();

			// FechaIni       = $("#txt_fechaini").val();
			// FechaFin       = $("#txt_fechafin").val();

			// if(ReservaId != "")
			// { 
			// 	Opcion = '2';
			// }
			// else if(Identificacion != "") 
			// { 
			// 	Opcion = '5';
            // }
			// else if(Movil != "")          
			// { 
			// 	Opcion = '6';
            // }
			// else if(Placa != "")          
			// { 
			// 	Opcion = '7';
            // }
			// else                          
			// { 
			// 	Opcion = '10';
			// }

			//Cargar tabla Reservas
			cargarTablaReservas();
			
		});
		
		//Crear Reserva
		$("#btn_nuevo_reserva").click(function ()
		{  
			for(i=0; i<permisos.length; i++){
				if (permisos[i].Nombre == Modulo)
				{ 
                    if(permisos[i].Registrar == 'A')
					{
						window.location.href="<?php echo base_url() ?>Reservas/newReserva";
						break;
					
					}else{

						MsgAlerta(); 
					}
				}
			}
        });

		//Editar Habitacion === OK
		function btn_editar_reserva(Valor) 
		{ 
			//validar permisos de acceso
			for(i=0; i<permisos.length; i++){
				if (permisos[i].Nombre == Modulo)
				{ 
                    if(permisos[i].Actualizar == 'A')
					{
						window.location.href="<?php echo base_url() ?>Reservas/editReservas/"+Valor;
						break;
					
					}else{

						MsgAlerta(); 
					}
				}
			}
		};

		function cargarTablaReservasInicial() // === OK
		{
			//llamada a micro servicio de validacion
			$.ajax({
				url: '<?php echo base_url() ?>Reservas/searchReservas',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'Opcion'         : Opcion,
						'IdReserva'      : IdReserva,
						'IdEstado'       : IdEstado,
						'FechaIni'       : FechaFin,
						'FechaFin'       : FechaFin,
						'Identificacion' : Identificacion,
					   	'Movil'          : Movil,
					   	'IdVehiculo'     : IdVehiculo ,
						'IdHabitacion'   : IdHabitacion }//formato json Data   

			}).done(function(dato) 
			{
				//convierto la respuesta json
				Reservas_Bus = JSON.parse(dato);
				console.log(Reservas_Bus);
				$("#example1").DataTable({
					data: Reservas_Bus,
					destroy: true,
					searching: false,
					order: [ [9,'asc']],
					columns:
					[
						{data : 'IdReserva'},
						{data : 'Establecimiento'},
						{data : 'CheckIn'},
						{data : 'CheckOut'},
						{data : 'TipoHabitacion'},
						{data : 'NumeroHabitacion'},
						{data : 'ValorHabitacion', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
						{data : 'NombreCompletoHuesped'},
						{data : 'MotivoViaje'},
						{data : 'EstadoReserva'},  
						{"data" : function (row, type,val, meta) {
							var Reserva=row.IdReserva;
							if(type==='display'){
								return '<a href="<?php echo base_url() ?>Reservas/verReservas/'+ Reserva +'" class="table-edit" data-id="' + Reserva + '">Ver</a> &nbsp;&nbsp; <a href="#" onclick="btn_editar_reserva('+ Reserva +')" data-id="' + Reserva + '" class="table-edit" >Editar</a> &nbsp;&nbsp; <a  href="#" onclick="btn_anular_reserva('+ Reserva +')" data-id="' + Reserva + '" class="table-edit">Anular</a>';
							}else{
								return null;
							}                             
						}}   
									
				 	],
					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');
				
			});
		};

		//LLenar tabla de Acompañantes === OK
        function cargarTablaReservas()
		{
			//llamada a micro servicio de validacion
			$.ajax({
				url: '<?php echo base_url() ?>Reservas/searchReservas',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'Opcion'         : Opcion,
						'IdReserva'      : IdReserva,
						'IdEstado'       : IdEstado,
						'Identificacion' : Identificacion,
						'Movil'          : Movil,
						'Placa'          : Placa,
					   	'FechaIni'       : FechaIni,
					   	'FechaFin'       : FechaFin  }//formato json Data   

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

				$("#example1").DataTable({
					data: Reservas_Bus,
					destroy: true,
					searching: false,
					order: [ [9,'asc']],
					columns:
					[
						{data : 'IdReserva'},
						{data : 'Establecimiento'},
						{data : 'CheckIn'},
						{data : 'CheckOut'},
						{data : 'TipoHabitacion'},
						{data : 'NumeroHabitacion'},
						{data : 'ValorHabitacion', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
						{data : 'NombreCompletoHuesped'},
						{data : 'MotivoViaje'},
						{data : 'EstadoReserva'},
						{"data" : function (row, type,val, meta) {
							var Reserva=row.IdReserva;
							if(type==='display'){
								return '<a href="<?php echo base_url() ?>Reservas/verReservas/'+ Reserva +'" class="table-edit" data-id="' + Reserva + '">Ver</a> &nbsp;&nbsp; <a href="#" onclick="btn_editar_reserva('+ Reserva +')" data-id="' + Reserva + '" class="table-edit" >Editar</a> &nbsp;&nbsp; <a  href="#" onclick="btn_anular_reserva('+ Reserva +')" data-id="' + Reserva + '" class="table-edit">Anular</a>';
							}else{
								return null;
							}                             
						}}   
									
				 	],
					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');
				
			});
		};

		//Boton Eliminar Usuario === OK
		function btn_anular_reserva(Valor)
		{
			for(i=0; i<permisos.length; i++)
			{
				if (permisos[i].Nombre == Modulo)
				{ 
                    if(permisos[i].Eliminar == 'A')
					{
						//Definir Varialbes
						var ReservaId      = Valor;
						var EstadoR        = '10';
						var Disponibilidad = '3'; 

						//Extraer datos
						for(r=0; r<Reservas_Bus.length; r++)
						{
							if(Reservas_Bus[r].IdReserva = ReservaId)
							{
								var HabitacionR = Reservas_Bus[r].IdHabitacion;
							}
						}

						const ipAPI = "//api.ipify.org?format=json";
						const response = fetch(ipAPI);
						const inputValue = '';
						const { value: Observacion } = Swal.fire({
							title: "¿Está seguro de anular la reserva?",
							text: "Esta opción anulará la reserva, incluir el motivo de anulación",
							input: "text",
							inputValue,
							showCancelButton: true,
							confirmButtonText: 'Anular',
							cancelButtonText: 'Cancelar',
							inputValidator: (value) => {
								if (!value) 
								{
									return "Falta incluir el motivo de anulación de la reserva";
								} else 
								{
									$.ajax({
										url: '<?php echo base_url() ?>Reservas/CancelReserva',//controlador
										type: "POST",//tipo de peticion POST o GET
										headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
										data: { 'IdReserva'      : ReservaId, 
												'EstadoR'        : EstadoR,
												'HabitacionR'    : HabitacionR,
												'Disponibilidad' : Disponibilidad,
												'ObservaAnular'  : value}//formato json Data   
									}).done(function(dato){
										var obj = JSON.parse(dato); 
										if (obj.res == 'ok')
										{
											Swal.fire("Información",obj.msg, "info").then(() => {
                                                //Cargar tabla Reservas
                                                Opcion   = '1';
                                                IdEstado = '6';	
                                                cargarTablaReservasInicial();	
                                            });
											
										}else
										{
											Swal.fire("error",obj.msg, "error");  
										}
									});
								}
							}
						});
					}else{
						MsgAlerta(); 
					}
				}
			}
		};
		
		//configurar fechas
		function formatoFecha(fecha, formato) 
		{
		
			dia=fecha.getDate();
			mes=fecha.getMonth() + 1;
			ano=fecha.getFullYear();

			if (parseInt(mes)<10){
				mes="0"+mes;
			}
			return ano+'-'+mes+'-'+dia; 
		}

		//Función 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;}
			segundo = fecha.getSeconds();
				if(segundo<10){segundo='0'+segundo;}
				
			
			return hora+':'+minuto+':'+segundo; 
		};
		
		//Validar Caracteres.
		$("#txt_codigo_reserva").bind('keypress', function(event) 
		{
			var regex = new RegExp("^[a-zA-Z0-9 ]+$");
			var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
			if (!regex.test(key)) {
				event.preventDefault();
				return false;
			}
		});

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

		//Funcion para mensajes
		function MsgAlerta()
		{
			Swal.fire({
                title: "Información",
                html:" <p>No tiene permisos para esta acción. <br> Comunicate con el administrador.</p>",
                icon: "info"
			})
		};
    
    </script>

</body>

</html>
