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

	<style>
		.mensaje{
    		text-align: center;
			font-weight: bold;
			font-size: 20px;
		}

        .form-control, #btn_buscar_recibo {
            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;
        }

        .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;
        }

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

        .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_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">Check Out</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">Identificación Huesped</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 Huesped</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">
									<div class="form-group">
										<label class="fixed-height-label">Check Out</label>
										<input type="date" name="txt_fechafin_reserva" class="form-control" id="txt_fechafin_reserva"></input>
									</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"> -->
                                <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="">Id</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="">No.Habitación</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="">Huésped</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Identificación</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Celular</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Acompañantes</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="">Placa</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Valor Habitación Día</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Valor Habitación Total</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="">Descuento</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Total</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Acciones</th>
										</thead>
										<tbody>         
										</tbody>
										<tfoot>
											<tr>
												<th style="">Id</th>
												<th style="">Establecimiento</th>
												<th style="">No.Habitación</th>
												<th style="">Habitación</th>
												<th style="">Huésped</th>
												<th style="">Identificación</th>
												<th style="">Celular</th>
												<th style="">Acompañantes</th>
												<th style="">Check_in</th>
												<th style="">Check_out</th>
												<th style="">Placa</th>
												<th style="">Valor Habitación Día</th>
												<th style="">Valor Habitación Total</th>
												<th style="">Cargo Adicional</th>
												<th style="">Descuento</th>
												<th style="">Total</th>
												<th style="">Acciones</th>
											</tr>
										</tfoot>
									</table>
								</div> 
							</div>
						</div>
						<!-- </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>

<!-- ======================================================================================================================================================================================================= -->
	<!-- Modal para imprimir recibos de caja -->
	<div class="modal fade show" id="modal_recibo" aria-modal="true" role="dialog">
		<div class="modal-dialog modal-xl modal_recibo">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">Imprimir Recibo de Caja</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">×</span>
					</button>
				</div>

				<form id="quickForm"  autocomplete="off" >
					<div class="modal-body">
						<div class="card-body">
							<div id="example2_wrapper" class="dataTables_wrapper dt-bootstrap4">
								<div class="row">
									<div class="col-sm-12">
										<table id="example2" class="table table-bordered table-striped dataTable dtr-inline" role="grid" aria-describedby="example2_info">
											<thead>
												<tr role="row">
													<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" style="">No. Reserva</th>
													<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" style="">Huésped</th>
													<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" style="">Fecha Recibo</th>
													<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" style="">Tipo Recibo</th>
													<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" style="">Nombre Factura</th>
													<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" style="">Valor Total</th>
													<th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1" style="">Acciones</th>
											</thead>
											<tbody>         
											</tbody>
											<tfoot>
												<tr>
													<th style="">No. Reserva</th>
													<th style="">Huésped</th>
													<th style="">Fecha Recibo</th>
													<th style="">Tipo Recibo</th>
													<th style="">Nombre Factura</th>
													<th style="">Valor Total</th>
													<th style="">Acciones</th>
												</tr>
											</tfoot>
										</table>
									</div> 
								</div>
							</div>
						</div>
					</div>
				</form>
				<div class="modal-footer justify-content-between">
					<button style="float: left" type="button" class="btn btn-secondary col-md-3" id="btn_cancelar_imprimir" data-dismiss="modal" onclick="Continuar()">Continuar </button>  
				</div>
			</div>
		</div>
	</div>

<!-- ======================================================================================================================================================================================================= -->
	<!-- Modal Informacion sobre la reserva -->
	<div class="modal fade show" id="modal_confirmar_checkout" role="dialog" aria-modal="true">
		<div class="modal-dialog modal-md modal_confirmar_checkout">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="tituloEvento">Check Out</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">x</span>
					</button>
				</div>

				<form id="quickForm"  autocomplete="off" >
					<div class="modal-body">
						<div class="card-body">
							<dl class="row">
								<dt class="col-sm-4 mt-1 mb-1">Nombre Completo</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="txt_nombrecompleto_info" readonly="true" style="border:0;" id="txt_nombrecompleto_info">
								</dd>
								
								<dt class="col-sm-4 mt-1 mb-1">Identificación</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="txt_identificacion_info" readonly="true" style="border:0;" id="txt_identificacion_info">
								</dd>

								<dt class="col-sm-4 mt-1 mb-1">Móvil</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="txt_movil_info" readonly="true" style="border:0;" id="txt_movil_info">
								</dd>

								<dt class="col-sm-4 mt-1 mb-1">Vehículo</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="txt_vehiculo_info" readonly="true" style="border:0;" id="txt_vehiculo_info">
								</dd>

								<dt class="col-sm-4 mt-1 mb-1">No. Habitación</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="txt_Habitacion_info" readonly="true" style="border:0;" id="txt_Habitacion_info">
								</dd>
								
								<dt class="col-sm-4 mt-1 mb-1">No. Acompañantes</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="txt_acompanante_info" readonly="true" style="border:0;" id="txt_acompanante_info">
								</dd>

								<dt class="col-sm-4 mt-1 mb-1">Check In</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="txt_fechaini_info" readonly="true" style="border:0;" id="txt_fechaini_info">
								</dd>

								<dt class="col-sm-4 mt-1 mb-1">Check Out</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="txt_fechafin_info" readonly="true" style="border:0;" id="txt_fechafin_info">
								</dd>

								<dt class="col-sm-4 mt-1 mb-1">Cantidad Kit</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="number" class="form-control" name="txt_numkits_info" readonly="true" style="border:0;" id="txt_numkits_info">
								</dd>

								<dt class="col-sm-4 mt-1 mb-1">Observaciones</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<textarea type="text" name='txt_observa_info' class="form-control" rows="5" id="txt_observa_info" onkeyup="mayus(this);"></textarea >
								</dd>

								<dt class="col-sm-4 mt-1 mb-1">Valor Habitacion</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="txt_valorhab_info" readonly="true" style="border:0;" id="txt_valorhab_info">
								</dd>     
										
								<dt class="col-sm-4 mt-1 mb-1">Valor Adicional</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="txt_adicional_info" readonly="true" style="border:0;"id="txt_adicional_info">
								</dd>     
								
								<dt class="col-sm-4 mt-1 mb-1">Cargo Adicional</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="txt_cargo_info" readonly="true" style="border:0;" id="txt_cargo_info">
								</dd>     
								
								<dt class="col-sm-4 mt-1 mb-1">Concepto</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<textarea type="text" name='txt_concepto_info' readonly="true" style="border:0;" class="form-control" rows="3" id="txt_concepto_info" onkeyup="mayus(this);"> </textarea >
								</dd>

								<dt class="col-sm-4 mt-1 mb-1">Pago Total</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="txt_pagototal_info" readonly="true" style="border:0;" id="txt_pagototal_info">
								</dd>     
							</dl>
						</div>
					</div>
				</form>

				<div class="modal-footer justify-content-between">
					<button style="float: left" type="button" class="btn btn-secondary col-md-3" id="btn_cancelar_info" data-dismiss="modal">Cancelar </button>  
					<button style="float: right" type="button" class="btn btn-primary col-md-3" id="btn_confirmar_info" data-dismiss="modal" onclick="ConfirmarInfo()">Confirmar</button>   				
				</div>
			</div>
		</div>
	</div>

<!-- ======================================================================================================================================================================================================= -->
	<!-- Modal anular la reserva -->
	<div class="modal fade show" id="modal_anular_reserva" role="dialog" aria-modal="true">
		<div class="modal-dialog modal-md modal_anular_reserva">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="tituloEvento">Anular Reserva</h4>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">x</span>
					</button>
				</div>

				<form id="quickForm"  autocomplete="off" >
					<div class="modal-body">
						<div class="card-body">
							<dl class="row">
								<dt class="col-sm-12 mt-1 mb-1">Motivo de Anulacion</dt>
								<dt class="col-sm-12 mt-1 mb-1">
									<textarea type="text" class="form-control" name="txt_anular_reserva" id="txt_anular_reserva" onkeyup="mayus(this);"></textarea>
								</dt>
							</dl>
						</div>
					</div>
				</form>
					
				<div class="modal-footer justify-content-between">
					<button style="float: left" type="button" class="btn btn-secondary col-md-3" id="btn_cancelar_info" data-dismiss="modal">Cancelar </button>  
					<button style="float: right" type="button" class="btn btn-primary col-md-3" id="btn_confirmar_info" data-dismiss="modal" onclick="AnularReserva()">Confirmar</button>   				
				</div>
			</div>
		</div>
	</div>

<!-- ======================================================================================================================================================================================================= -->
    <!-- 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
        var Modulo            = 'CHECKOUT';

		var Opcion            = '';
		var Recibo            = '';
		var FechaRec          = '';
		var VrHabita          = '';
		var VrParqueo         = ''; 
		var FechaRec          = '';
		var HuespedId         = '';
		var Ident             = '';
		var Identificacion    = '';
		var EstadoHabita      = '';
		var FechaIni          = '';
		var FechaFin          = '';
		var Movil             = '';
		var Placa             = '';
		var FechaHoy          = '';
        var HoraHoy           = '';
		var FacturaId         = '';
		var EstadoReserva     = '';
		var ReservaId         = '';
		var ReciboId          = '';
		var HabitacionId      = '';
		var Reservas          = [];
		var IdEstablecimiento = '';
		var FechaAct          = '';
		var VrHabitacionAct   = '';
		var VrTotalAct        = '';
		var CtrlReserva       = '';
		var Reserva_Id        = '';

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

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

			//Cargar tabla Reservar Check
			Opcion        = '3';
			IdEstablecimiento = hoteles;
			FechaIni = FechaHoy;
			FechaFin = FechaHoy;

			// //llamada a micro servicio de validacion
			// $.ajax({
			// 	url: '<?php echo base_url() ?>Check/searchCheck',//controlador
			// 	type: "POST",//tipo de peticion POST o GET
			// 	headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
			// 	data: {	'Opcion'            : Opcion, 
			// 			'Identificacion'    : Identificacion,
			// 			'FechaIni'          : FechaIni,
			// 			'FechaFin'          : FechaFin,
			// 			'Movil'             : Movil,
			// 			'Placa'             : Placa,
			// 			'EstadoHabita'      : EstadoHabita,
			// 			'EstadoReserva'     : EstadoReserva,
			// 			'IdEstablecimiento' : IdEstablecimiento }//formato json Data

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

			// 	console.log(Reservas_bus);

			// 	for(i=0; i<Reservas_bus.length; i++)
			// 	{
			// 		if (Reservas_bus[i].FechaFin != FechaHoy)
			// 		{
			// 			FechaAct        = FechaHoy;
			// 			VrHabitacionAct = Number(Reservas_bus[i].PrecioHabitacion) + Number(Reservas_bus[i].PrecioHabitacion);
			// 			PrecioTotalAct  = Number(Reservas_bus[i].PrecioTotal) + Number(Reservas_bus[i].PrecioHabitacion);
			// 			IdReserva       = Reservas_bus[i].IdReserva;

			// 			ActualizarReserva(IdReserva,FechaAct,VrHabitacionAct,PrecioTotalAct);
			// 			CargarTablaReservas();
						
			// 		}
			// 	}	
				Opcion        = '2'
				CargarTablaReservas();
	
			// });	
		});
		
		// //Generar Registro para el Ministerio Huesped Prinicpal
		// function ActualizarReserva(IdReserva,FechaAct,VrHabitacionAct,PrecioTotalAct)
		// {
		
  		// 	$.ajax({
		// 		url: '<?php echo base_url() ?>Reservas/updateReservasCheckOut',//controlador
		// 		type: "POST",//tipo de peticion POST o GET
		// 		headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
		// 		data: { 'Opcion'           : '5',
		// 				'IdReserva'        : IdReserva,
		// 				'FechaFin'         : FechaAct, 
		// 				'PrecioHabitacion' : VrHabitacionAct,
        //         		'PrecioTotal'      : PrecioTotalAct} //formato json Data   
						
		// 	}).done(function(dato) {
		// 		//convierto la respuesta json
		// 		var obj1 = JSON.parse(dato); 

		// 		if (obj1.res == 'ok') {

		// 		}else{
		// 			Swal.fire("error",obj1.msg, "error");  
		// 		}
		// 	});			
		// };

		// //Activar desactivar campos habitaciones
		// $('#rdo_habitacion_recibo').change(function() 
        // {
		// 	$('#opt_vrhabitacion_recibo').attr("disabled",true);
		// 	$('#opt_vrparqueadero_recibo').attr("disabled",true);
		// });

		// //Activar desactivar campos habitaciones
		// $('#rdo_parqueo_recibo').change(function() 
        // {
		// 	$('#opt_vrhabitacion_recibo').attr("disabled",true);
		// 	$('#opt_vrparqueadero_recibo').attr("disabled",false);
		// });
		
		// //Activar desactivar campos habitaciones
		// $('#txt_adicional_info').change(function() 
        // {
		// 	VrHabitacion = $('#txt_valorhab_info').val();
		// 	VrAdicional  = $('#txt_adicional_info').val();
		// 	VrCargoAdic  = $('#txt_cargo_info').val();

		// 	PagoTotal = Number(VrHabitacion) + Number(VrAdicional)  + Number(VrCargoAdic) ;
		// 	$('#txt_pagototal_info').val(PagoTotal);
		// });
		
		//Buscar Reservas por parametro
		$("#btn_buscar_reserva").click(function () 
		{    
			Opcion         = '4';
            Identificacion = $('#txt_identificacion_reserva').val();
            Movil          = $('#txt_movil_reserva').val();
		    Placa          = $('#txt_placa_reserva').val();         
            FechaFin       = $('#txt_fechafin_reserva').val();
            IdEstablecimiento = hoteles;
			
            if(Placa != "") { Opcion = '5'}

			$.ajax({
                url: '<?php echo base_url() ?>Check/searchCheck',//controlador
                type: "POST",//tipo de peticion POST o GET
                headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
                data: {	'Opcion'            : Opcion, 
                        'Identificacion'    : Identificacion,
                        'FechaFin'          : FechaFin,
                        'Movil'             : Movil,
                        'Placa'             : Placa,
                        'IdEstablecimiento' : IdEstablecimiento }//formato json Data

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

                //Llenar Tabla
                $("#example1").DataTable({
                    data: Reservas,
                    destroy: true,
                    searching: false,
                    columns:
                    [
                        {data : 'IdReserva'},
                        {data : 'NomEstablecimiento'},
                        {data : 'NumeroHabitacion'},
                        {data : 'TipoHabitacion'},
                        {data : 'NombreHuesped'},
                        {data : 'Identificacion'},
                        {data : 'Movil'},
                        {data : 'CantAcompanantes'},
                        {data : 'FechaIni'},
                        {data : 'FechaFin'},
                        {data : 'Placa'},
                        {data : 'PrecioHabitacion', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
                        {data : 'ValorHabitacionTotal', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
                        {data : 'CargoAdicional', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
                        {data : 'Descuento', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
                        {data : 'PrecioTotal', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
                        {"data" : function (row, type,val, meta) {
                            var Reserva=row.IdReserva;
                            return `<a href="#" class="text-center" onclick="CambioEstadoCheckOut(${row.IdHabitacion},'D',${row.IdReserva})">Check Out</a> &nbsp;&nbsp; <a href="#" onclick="btn_editar_reserva(${row.IdReserva})" data-id="${row.IdReserva}" class="table-edit" >Editar</a> &nbsp;&nbsp`; 
                        }}   
                    ],
                    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');
            });	
		});

		$("#btn_cancelar_imprimir").click(function ()
		{
			//Insertar Fecha dia presente
            const fecha = new Date();
            FechaHoy = formatoFecha(fecha, 'dd-mm-yyyy');
            HoraHoy  = formatoHora(fecha, 'HH:mm:ss');

			//Cargar tabla Reservar Check
			Opcion        = '2';
			// EstadoReserva = '7';
			IdEstablecimiento = hoteles;
			FechaIni = FechaHoy;
			FechaFin = FechaHoy;
			CargarTablaReservas();
		});

		//Editar Habitacion
		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() ?>Check/editCheckOut/"+Valor;
						break;
					
					}else{

						MsgAlerta(); 
					}
				}
			}
		};

		//Realizar CheckOut
		function CambioEstadoCheckOut(Habitacion,Disponibilidad,Reserva)
		{
			//Definir Varialbles
			HabitacionId = Habitacion;
			ReservaId    = Reserva

			//validar permisos de acceso
			for(i=0; i<permisos.length; i++){
				if (permisos[i].Nombre == Modulo)
				{ 
                    if(permisos[i].Registrar == 'A')
					{
						RealizarCheckOut();
						break;
					
					}else{

						MsgAlerta(); 
					}
				}
			}
		};

		//Realizar el Checkin
		function RealizarCheckOut()
		{
			//Extraer Campos Necesarios
			for(i=0; i<Reservas.length; i++)
			{
				if (Reservas[i].IdReserva == ReservaId)
				{ 
					NombreHuesped    = (Reservas[i].NombreHuesped);
					Identificacion   = (Reservas[i].Identificacion);
					Movil            = (Reservas[i].Movil);
					Placa            = (Reservas[i].Placa);
					HabitacionNum    = (Reservas[i].NumeroHabitacion);
					HabitacionNom    = (Reservas[i].TipoHabitacion);
					Acompanantes     = (Reservas[i].CantAcompanantes);
					CheckIn          = (Reservas[i].CheckIn);
					CheckOut         = (Reservas[i].CheckOut);
					NumeroKits       = (Reservas[i].NumeroKits);
					ObservaHab       = (Reservas[i].ObservacionHabitacion);
					VrHabitacion     = (Reservas[i].ValorHabitacion);
					VrAdicional      = (Reservas[i].PrecioAdicional);
					VrCargoAdicional = (Reservas[i].CargoAdicional);
					Concepto         = (Reservas[i].Concepto);
					PrecioTotal      = (Reservas[i].PrecioTotal);
					break; 
				}
			}

            if (CheckOut == FechaHoy && HoraHoy <= '13:00'){
                //Asignar valor a los campos del modal
                $('#txt_nombrecompleto_info').val(NombreHuesped); 
                $('#txt_identificacion_info').val(Identificacion);
                $('#txt_movil_info').val(Movil);
                $('#txt_vehiculo_info').val(Placa);
                $('#txt_Habitacion_info').val(HabitacionNum + ' - ' + HabitacionNom) 
                $('#txt_acompanante_info').val(Acompanantes);
                $('#txt_fechaini_info').val(CheckIn); 
                $('#txt_fechafin_info').val(CheckOut);
                $('#txt_numkits_info').val(NumeroKits);
                $('#txt_observa_info').val(ObservaHab); 
                $('#txt_valorhab_info').val(VrHabitacion);
                $('#txt_adicional_info').val(VrAdicional).trigger("change");
                $('#txt_cargo_info').val(VrCargoAdicional);
                $('#txt_concepto_info').val(Concepto);
                $('#txt_pagototal_info').val(PrecioTotal);

                //Cargar Modal			
                $("#modal_confirmar_checkout").modal("show");
            } else {
                Swal.fire('Importante','El check out de esta reserva se encuentra para otro día, el valor de la habitación se ha modificado', 'info');
                $.ajax({
                url: '<?php echo base_url() ?>Check/UpdateReservasCheckOut',//controlador
                type: "POST",//tipo de peticion POST o GET
                headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
                data: {	'Opcion'    : '1', 
                        'IdReserva' : ReservaId,
                        'FechaFin'  : FechaHoy,
                        'HoraFin'   : HoraHoy}//formato json Data
            }).done(function(dato){
                $.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'    : '5', 
                        'IdReserva' : ReservaId}//formato json Data
                }).done(function(dato){
                    var obj = JSON.parse(dato); 
                    console.log(obj);
                    $('#txt_nombrecompleto_info').val(obj[0].NomHPrincipal); 
                    $('#txt_identificacion_info').val(obj[0].Identificacion);
                    $('#txt_movil_info').val(obj[0].Movil);
                    $('#txt_vehiculo_info').val(obj[0].Placa);
                    $('#txt_Habitacion_info').val(obj[0].NumeroHabitacion + ' - ' + obj[0].TipoHabitacion) 
                    $('#txt_acompanante_info').val(obj[0].CantAcompanantes);
                    $('#txt_fechaini_info').val(obj[0].CheckIn); 
                    $('#txt_fechafin_info').val(obj[0].CheckOut);
                    $('#txt_numkits_info').val(obj[0].NumeroKits);
                    $('#txt_observa_info').val(obj[0].ObservacionHabitacion); 
                    $('#txt_valorhab_info').val(obj[0].ValorHabitacion);
                    $('#txt_adicional_info').val(obj[0].PrecioAdicional);
                    $('#txt_cargo_info').val(obj[0].CargoAdicional);
                    $('#txt_concepto_info').val(obj[0].Observacion);
                    $('#txt_pagototal_info').val(obj[0].PrecioTotal);
                    $("#modal_confirmar_checkout").modal("show");
                });
                // $("#modal_confirmar_checkout").modal("show");
            });
            }
			
		};

		//Confirmar Check In
		function ConfirmarInfo() 
		{
			//Asignar Variables
			Disponibilidad = '3';
			EstadoReserva  = '8';
			ObservaHab     = $('#txt_observa_info').val();
			
			$.ajax({
				url: '<?php echo base_url() ?>Check/estadosHaCheckOut',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'IdHabitacion'   : HabitacionId, 
						'Disponibilidad' : Disponibilidad,
						'IdReserva'      : ReservaId,
						'EstadoRes'      : EstadoReserva,
						'ObservaHab'     : ObservaHab }//formato json Data   
						
			}).done(function(dato) 
			{
				//convierto la respuesta json
				var obj = JSON.parse(dato); 
				if (obj.res == 'ok') 
				{
					Swal.fire({
						title: "Información",
						html: "<p><h4>CheckOut realizado correctamente. <br> Desea generar una nueva reserva con los datos anteriores?<br></h4></p>",
						icon: "info",
						showDenyButton: true,
						confirmButtonText: 'Si',
						denyButtonText: 'No',
					}).then((result) => {
						if (result.isConfirmed)
						{
							CtrlReserva = '1';
							if(FacturaId == 1)
							{
								//Llenar Registro para el Ministerio
								LlenarRegistro(ReservaId);
								InsertarReservaCheck(ReservaId);
								llenarPDF(ReservaId);
							}else{
								InsertarReservaCheck(ReservaId);
								llenarPDF(ReservaId);	
							}
						} else if (result.isDenied)
						{
							CtrlReserva = '0';
							if(FacturaId == 1)
							{
								//Llenar Registro para el Ministerio
								LlenarRegistro(ReservaId);
								llenarPDF(ReservaId);
							}else{
								llenarPDF(ReservaId);	
							}
						}
					});
						//  ,obj.msg, "success").then((res)=>{
						// //validar tipo de Factura
						// if(FacturaId == 1)
						// {
						// 	//Llenar Registro para el Ministerio
						// 	LlenarRegistro(ReservaId);
						// 	llenarPDF(ReservaId);
						
						// }else{
						// 	llenarPDF(ReservaId);
							
						// }
				// 	});
										
				}else{

					Swal.fire("error",obj.msg, "error");  
				}
			});
		};

		//Llenar PDF Cotizacion
		function llenarPDF(ReservaId)
		{
			//Asignar Variables
			Opcion = '2';
			
			$.ajax({
				url: '<?php echo base_url() ?>RecibosCaja/searchRecibosCaja',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'Opcion'  : Opcion, 
						'Reserva' : ReservaId}//formato json Data   
						
			}).done(function(dato) 
			{
				//convierto la respuesta json
				Recibos = JSON.parse(dato);

				//Llenar Tabla
				$("#example2").DataTable({
					data: Recibos,
					destroy: true,
					searching: false,
					columns:
					[
						{data : 'IdReserva'},
						{data : 'NombreHuesped'},
						{data : 'FechaRecibo'},
						{data : 'Descripcion'},
						{data : 'NombreFac'},
						{data : 'VrTotal', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
						{mRender: function (data, type, row) 
						{
                            return '<a href="#" onclick="Reimprimir('+ row.IdRecibo +')" class="table-edit" data-id="' + row.IdRecibo + '">Imprimir</a>'
						}}		
					],
					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().container().appendTo('#example2_wrapper .col-md-6:eq(0)');
			});

			//Abrir Modal
			$("#modal_recibo").modal("show");
		};

		function Reimprimir(IdRecibo)
		{
			window.open(href="<?php echo base_url() ?>ReimprimirPDF/generar_pdf/"+ IdRecibo);
		};

		//Cargar regostro ára eñ ,omosterop
		function LlenarRegistro(ReservaId)
		{
			let Opcion = 1;          
			$.ajax({
                url: '<?php echo base_url() ?>Check/BuscarRegistro',//controlador
                type: "POST",//tipo de peticion POST o GET
                headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
                data: { 'Opcion'    : Opcion, 
					   	'IdReserva' : ReservaId }//formato json Data   
                        
            }).done(function(dato) 
            {
				var registro = JSON.parse(dato);
				
				var TipoFactura = registro.reserva[0].IdTipFac;

				//Validar si requiere Factura
				if(TipoFactura == '1'){

					GenerarRegistro(registro);

				}
            });
		};

		//Generar Registro para el Ministerio Huesped Prinicpal
		function GenerarRegistro(data)
		{
			//capturar los valores
			var MedioReserva   = 'NINGUNO';
			var Acomodacion    = 'NINGUNO';
			var GeneroId       = data.reserva[0].Genero;
				if(GeneroId == 1){
					var Genero = 'M';
				}else{
					var Genero = 'F';
				}
			
  			$.ajax({
				url: '<?php echo base_url() ?>WebMincit/sendReporte',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'NomHotel'       : data.reserva[0].NomHotel,
						'NitHotel'       : data.reserva[0].NitHotel, 
						'RntHotel'       : data.reserva[0].RntHotel,
                		'Identificacion' : data.reserva[0].Identificacion,
                        'TipoDoc'        : data.reserva[0].TipoDoc,  
                        'Nombres'        : data.reserva[0].Nombres,
                        'Apellidos'      : data.reserva[0].Apellidos,
                        'FechaNac'       : data.reserva[0].FechaNac,
                        'LugarNac'       : data.reserva[0].Nacionalidad,
                        'Genero'         : Genero,
                        'Nacionalidad'   : data.reserva[0].Nacionalidad,
                        'NomHabitacion'  : data.reserva[0].NomHabitacion,           
                        'Motivo'         : data.reserva[0].Motivo,
                        'Ocupacion'      : data.reserva[0].Ocupacion,
                        'Ciudad_Res'     : data.reserva[0].Ciudad_Res,
                        'Dpto_Res'       : data.reserva[0].Dpto_Res,
                        'Pais_Res'       : data.reserva[0].Pais_Res,
                        'Ciudad_Pro'     : data.reserva[0].Ciudad_Pro,
                        'Dpto_Pro'       : data.reserva[0].Dpto_Pro,
                        'Pais_Pro'       : data.reserva[0].Pais_Pro,
                        'FechaIni'       : data.reserva[0].FechaIni,
                        'FechaFin'       : data.reserva[0].FechaFin,
                        'ValorReserva'   : data.reserva[0].ValorHabitacion,
                        'Acompanantes'   : data.reserva[0].Acompanantes,
                        'MedioPago'      : data.reserva[0].MedioPago,
                        'MedioReserva'   : MedioReserva,
                        'Acomodacion'    : Acomodacion,
                        'NumHabitacion'  : data.reserva[0].NumeroHabitacion} //formato json Data   
						
			}).done(function(dato) {
				//convierto la respuesta json
				var obj1 = JSON.parse(dato); 

				if (obj1.res == 'ok') {
					IdMincit = obj1.Id;
				 	generar_acompanante(IdMincit,data);
				}else{
					Swal.fire("error",obj1.msg, "error");  
				}
			});			
		};

		//Generar Registro para el Ministerio Acompañante
		function generar_acompanante(IdMincit,info)
		{
			//capturar los valores
			var reserva        = info.reserva[0];
			var acompanante    = info.acompanantes;
			var Padre          = IdMincit;
			var NomHotel       = reserva.NomHotel;
			var NitHotel       = reserva.NitHotel;
			var RntHotel       = reserva.RntHotel;
			var FechaIni       = reserva.FechaIni;	
			var FechaFin       = reserva.FechaFin;
			var NumHabitacion  = reserva.NumeroHabitacion;
			
  			$.ajax({
				url: '<?php echo base_url() ?>WebMincit/sendAcompanante',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'Padre'         : Padre,
						'NomHotel'      : NomHotel,
						'NitHotel'      : NitHotel, 
						'RntHotel'      : RntHotel,
                        'FechaIni'      : FechaIni,
                        'FechaFin'      : FechaFin,
                        'NumHabitacion' : NumHabitacion,
						'dataac'        : acompanante } //formato json Data   
						
			}).done(function(dato) {
				//convierto la respuesta json
				
				var obj1 = JSON.parse(dato); 
				if (obj1.res == 'ok') 
				{
					Swal.fire("Información",obj1.msg, "success");
					
					//Cargar tabla Reservar Check
					Opcion        = '1';
					EstadoReserva = '2';
					CargarTablaReservas();
					
				}else{

					Swal.fire("error",obj1.msg, "error");  
					
				}
			});				
		};

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

		// 				//Mensaje de confirmacion
		// 				Swal.fire({
		// 					title: "¿Está seguro de Anular la Reserva?",
		// 					text: "Esta opción anulará la reserva seleccionado",
		// 					icon: "warning",
		// 					showCancelButton: true,
		// 					confirmButtonColor: '#3085d6',
		// 					cancelButtonColor: '#d33',
		// 					confirmButtonText: 'Si',
		// 					cancelButtonText: 'No',
							
		// 				}).then((result) => {
		// 					if (result.isConfirmed) 
		// 					{
		// 						//Cargar Modal	
		// 						$('#txt_anular_reserva').val('');		
		// 						$("#modal_anular_reserva").modal("show");								
		// 					} 
		// 				});
					
		// 			}else{

		// 				MsgAlerta(); 
		// 			}
		// 		}
		// 	}
		// };

		// //Boton Eliminar Usuario
		// function AnularReserva()
		// {
		// 	//Limpiar Variables
		// 	Reserva_Id     = '';
		// 	EstadoR        = '';
		// 	HabitacionR    = ''; 
		// 	Disponibilidad = '';
		// 	ObservaAnular  = '';

		// 	//Definir Varialbes
		// 	var Reserva_Id     = ReservaId;
		// 	var EstadoR        = '4';
		// 	var Disponibilidad = 'D';
		// 	var ObservaAnular  =  $('#txt_anular_reserva').val();

		// 	//Extraer datos
		// 	for(i=0; i<Reservas.length; i++){
		// 		if(Reservas[i].IdReserva == ReservaId){
		// 			HabitacionR = Reservas[i].IdHabitacion;
		// 			break;					
		// 		}
		// 	}

		// 	//Validaciones de front end
		// 	if(ObservaAnular == '') {Swal.fire("Error", "Se deben Digitar el Motivo de la Anulación de la Reserva", "error");     return;}
					
		// 	//Registro de sesion cerrada.
		// 	$.ajax({

		// 		url: '<?php echo base_url() ?>Reservas/CancelReserva',//controlador
		// 		type: "POST",//tipo de peticion POST o GET
		// 		headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
		// 		data: { 'ReservaId'      : ReservaId, 
		// 				'EstadoR'        : EstadoR,
		// 				'HabitacionR'    : HabitacionR,
		// 				'Disponibilidad' : Disponibilidad,
		// 				'ObservaAnular'  : ObservaAnular }//formato json Data   

		// 	}).done(function(dato){

		// 		var obj = JSON.parse(dato); 
		// 		if (obj.res == 'ok') {
		// 			Swal.fire("Información",obj.msg, "info");
		// 			//Cargar tabla Reservas
		// 			Opcion        = '1';
		// 			EstadoReserva = '2';
		// 			CargarTablaReservas();			
		// 		}else{
							
		// 			Swal.fire("error",obj.msg, "error");  
								
		// 		}

		// 	});
		// };

		//Llenar tabla Reservas para el check	
		function CargarTablaReservas()
		{
			//llamada a micro servicio de validacion
			$.ajax({
				url: '<?php echo base_url() ?>Check/searchCheck',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: {	'Opcion'            : Opcion, 
					   	'Identificacion'    : Identificacion,
					   	'FechaIni'          : FechaIni,
					   	'FechaFin'          : FechaFin,
					   	'Movil'             : Movil,
					   	'Placa'             : Placa,
					   	'EstadoHabita'      : EstadoHabita,
					   	'EstadoReserva'     : EstadoReserva,
						'IdEstablecimiento' : IdEstablecimiento }//formato json Data
			}).done(function(dato){
				//convierto la respuesta json
				Reservas = JSON.parse(dato);
             
				//Llenar Tabla
				$("#example1").DataTable({
					data: Reservas,
					destroy: true,
					searching: false,
					columns:
					[
						{data : 'IdReserva'},
						{data : 'NomEstablecimiento'},
						{data : 'NumeroHabitacion'},
						{data : 'TipoHabitacion'},
						{data : 'NombreHuesped'},
						{data : 'Identificacion'},
						{data : 'Movil'},
						{data : 'CantAcompanantes'},
						{data : 'FechaIni'},
						{data : 'FechaFin'},
						{data : 'Placa'},
						{data : 'PrecioHabitacion', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
						{data : 'ValorHabitacionTotal', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
						{data : 'CargoAdicional', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
						{data : 'Descuento', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
						{data : 'PrecioTotal', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
						{"data" : function (row, type,val, meta) {
							var Reserva=row.IdReserva;
							return `<a href="#" class="text-center" onclick="CambioEstadoCheckOut(${row.IdHabitacion},'D',${row.IdReserva})">Check Out</a> &nbsp;&nbsp; <a href="#" onclick="btn_editar_reserva(${row.IdReserva})" data-id="${row.IdReserva}" class="table-edit" >Editar</a> &nbsp;&nbsp`; 
						}}   
									
					],
					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');
			});	
		};

		//Continuar en la pantalla de CheckOut o en el editar reserva
		function Continuar() 
		{

			if (CtrlReserva == '1'){
				window.location.href="<?php echo base_url() ?>Check/editCheckIn/"+Reserva_Id;
			}
		};

		//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();
		};

		//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"
			})
		};

		// //validar Caracteres
		// $("#txt_adicional_info").bind('keypress', function(event) 
		// {
		// 	var regex = new RegExp("[0-9]");
		// 	var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
		// 	if (!regex.test(key)) {
		// 		event.preventDefault();
		// 		return false;
		// 	}
		// });

		function InsertarReservaCheck(ReservaId)
		{
			Opcion = '1';
			$.ajax({
						url: '<?php echo base_url() ?>Check/InsertarReservaCheck',//controlador
						type: "POST",//tipo de peticion POST o GET
						headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
						data: { 'Opcion'    : Opcion, 
								'IdReserva' : ReservaId }//formato json Data   
								
					}).done(function(dato) 
					{
						//convierto la respuesta json
						var obj = JSON.parse(dato); 
						if (obj.res == 'ok') 
						{
							Reserva_Id = obj.id;
							Swal.fire("Inforamción",obj.msg, "success").then((res)=>{
								// //validar tipo de Factura
								// if(FacturaId == 1)
								// {
								// 	//Llenar Registro para el Ministerio
								// 	LlenarRegistro(ReservaId);
								// 	llenarPDF(ReservaId);
								// }else{
								// 	llenarPDF(ReservaId);
								// }
							});
												
						}else{

							Swal.fire("error",obj.msg, "error");  
						}
					});

		}
    </script>
	
	</body>

</html>