<!DOCTYPE html>
<html lang="en">

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

	<style>
		.autocomplete {
			position: relative;
		}

		.autocomplete-items {
			position: absolute;
			border: 1px solid #d4d4d4;
			border-bottom: none;
			border-top: none;
			z-index: 99;
			/*position the autocomplete items to be the same width as the container:*/
			top: 100%;
			left: 0;
			right: 0;
		}

		.autocomplete-items div {
			padding: 10px;
			cursor: pointer;
			background-color: #fff; 
			border-bottom: 1px solid #d4d4d4; 
		}

		/*when hovering an item:*/
		.autocomplete-items div:hover {
			background-color: #e9e9e9; 
		}

		/*when navigating through the items using the arrow keys:*/
		.autocomplete-active {
			background-color: DodgerBlue !important; 
			color: #ffffff; 
		}

		.required {
            color: red;
            margin-left: 5px;
            }
	</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">Editar 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 Reserva</h3>
					</div>
				
					<form id="quickForm" autocomplete="off">
						<div class="card-body">
							<fieldset class="border p-2">
								<legend class="w-auto">Información Vehículo</legend>
								<div class="row"> 
									<div class="col-sm-2">
										<div class="form-group">
											<label>Placa</label>
											<input type="text" name="txt_placa_reserva" class="form-control" id="txt_placa_reserva" onkeyup="mayus(this);" readonly></input>
										</div>
									</div>
								
									<div class="col-sm-2">
										<div class="form-group">
											<label>Marca</label>
											<input type="text" name="txt_marca_reserva" class="form-control" id="txt_marca_reserva" onkeyup="mayus(this);" readonly></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Modelo</label>
											<input type="text" name="txt_modelo_reserva" class="form-control" id="txt_modelo_reserva" onkeyup="mayus(this);" readonly></input>
										</div>
									</div>
								
									<div class="col-sm-2">
										<div class="form-group">
											<label>Color</label>
											<input type="text" name="txt_color_reserva" class="form-control" id="txt_color_reserva" onkeyup="mayus(this);" readonly></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Tipo</label>
											<input type="text" name="txt_tipo_reserva" class="form-control" id="txt_tipo_reserva" onkeyup="mayus(this);" readonly></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Empresa</label>
											<input type="text" name="txt_empresa_reserva" class="form-control" id="txt_empresa_reserva" onkeyup="mayus(this);" readonly></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Nit</label>
											<input type="text" name="txt_nit_reserva" class="form-control" id="txt_nit_reserva" onkeyup="mayus(this);" readonly></input>
										</div>
									</div>
								
									<!-- <div class="col-sm-2 pt-3 row">
										<div class="col-sm-12 p-3">
											<button style="" type="button" class="btn btn-primary col-md-12" id="btn_nuevo_vehiculo">Agregar Vehiculo</button>
										</div>
									</div> -->
								</div> 	
							</fieldset >
							<br>
						
							<fieldset class="border p-2">
								<legend class="w-auto">Huesped Principal</legend>
								<div class="row"> 
									<div class="col-sm-2">
										<div class="form-group">
											<label>Documento<span class="required">*</span></label>
											<input type="text" name="txt_documento_reserva" class="form-control" id="txt_documento_reserva" readonly></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>TipoDocumento<span class="required">*</span></label>
											<select class="custom-select" id="txt_tipodoc_reserva" disabled>
												<option value="0">-- Seleccionar --</option>
												<?php foreach($tipodoc as $k1) { ?>
													<option value="<?=$k1['IdTipoDocumento']?>"> <?=$k1['TipoDocumento']?></option>
												<?php } ?>                                      
											</select>  
										</div>
									</div>
					
									<div class="col-sm-2">
										<div class="form-group">
											<label>Nombres<span class="required">*</span></label>
											<input type="text" name="txt_nombres_reserva" class="form-control" id="txt_nombres_reserva" onkeyup="mayus(this);" readonly></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Apellidos<span class="required">*</span></label>
											<input type="text" name="txt_apellidos_reserva" class="form-control" id="txt_apellidos_reserva" onkeyup="mayus(this);" readonly></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Fecha Nacimiento</label>
											<input type="date" name="txt_fechanac_reserva" class="form-control" id="txt_fechanac_reserva" readonly></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Lugar Nacimiento<span class="required">*</span></label>
											<select class="custom-select" id="txt_lugarnac_reserva" disabled>
												<option value="0">-- Seleccionar --</option>
												<?php foreach($ciudades as $k2) { ?>
													<option value="<?=$k2['IdCiudad']?>"><?=$k2['CiuDep']?></option>
												<?php } ?>                                      
											</select>   
										</div>
									</div>
							
									<div class="col-sm-2">
										<div class="form-group">
											<label>Género</label>
											<select class="custom-select" id="txt_genero_reserva" disabled>
												<option value="0">--Seleccionar-- </option>
												<option value="1">MASCULINO</option>
												<option value="2">FEMENINO</option>                                                         
											</select>  
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Teléfono</label>
											<input type="text" name="txt_telefono_reserva" class="form-control" id="txt_telefono_reserva" readonly></input>
										</div>
									</div>
								
									<div class="col-sm-2">
										<div class="form-group">
											<label>Móvil</label>
											<input type="text" name="txt_movil_reserva" class="form-control" id="txt_movil_reserva" readonly></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Nacionalidad<span class="required">*</span></label>
											<select class="custom-select" id="txt_nacionalidad_reserva" disabled>
												<option value="0">-- Seleccionar --</option>
												<?php foreach($paises as $k3) { ?>
													<option value="<?=$k3['IdPais']?>"> <?=$k3['Pais']?></option>
												<?php } ?>                                      
											</select>   
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Ocupación</label>
											<select class="custom-select" id="txt_ocupacion_reserva" disabled>
												<option value="0">-- Seleccionar --</option>
												<?php foreach($ocupaciones as $k4) { ?>
													<option value="<?=$k4['IdOcupacion']?>"> <?=$k4['Ocupacion']?></option>
												<?php } ?>                                      
											</select>   
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Correo Electronico</label>
											<input type="text" name="txt_correoelect_reserva" class="form-control" id="txt_correoelect_reserva" readonly></input>
										</div>
									</div>
							
									<div class="col-sm-2">
										<div class="form-group">
											<label>Pais Residencia<span class="required">*</span></label>
											<select class="custom-select" id="txt_psresidencia_reserva" disabled>
												<option value="0" hidden>--Seleccionar-- </option>
												<?php foreach($paises as $k5) { ?>
													<option value="<?=$k5['IdPais']?>"><?=$k5['Pais']?></option>
												<?php } ?>                                        
											</select>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Ciudad Residencia<span class="required">*</span></label>
											<select class="custom-select txt_cdresidencia_reserva" id="txt_cdresidencia_reserva" disabled>
												<option value="" hidden>--Seleccionar-- </option>
												<?php foreach($departamentos as $k6) { ?>
													<option value="<?=$k6['IdCiudad']?>"><?=$k6['CiuDep']?></option>
												<?php } ?>  
											</select>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Pais Procedencia<span class="required">*</span></label>
											<select class="custom-select" id="txt_psprocedencia_reserva" disabled>
												<option value="0" hidden>--Seleccionar-- </option>
												<?php foreach($paises as $k7) { ?>
													<option value="<?=$k7['IdPais']?>"><?=$k7['Pais']?></option>
												<?php } ?>                                        
											</select>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Ciudad Procedencia<span class="required">*</span></label>
											<select class="custom-select txt_cdprocedencia_reserva" id="txt_cdprocedencia_reserva" disabled>
												<option value="" hidden>--Seleccionar-- </option>
												<?php foreach($departamentos as $k8) { ?>
													<option value="<?=$k8['IdCiudad']?>"><?=$k8['CiuDep']?></option>
												<?php } ?> 
											</select>
										</div>
									</div>

									<div class="col-sm-4">
										<div class="form-group">
											<label>Dirección</label>
											<input type="text" name="txt_direccion_reserva" class="form-control" id="txt_direccion_reserva" onkeyup="mayus(this);" readonly></input>
										</div>
									</div>
								</div> 

                            	<!-- <div class="row"> 
                                	<div class="col-sm-12">
										<div class="form-group">
                                        	<button style="float: right" type="button" class="btn btn-primary col-md-1"  onclick="Guardar_Huesped()"  id="btn_huesped_principal">Actualizar</button>
										</div>
									</div>
								</div>  -->
							</fieldset >
							<br>

							<fieldset class="border p-2">
								<legend class="w-auto">Huesped Acompañante</legend>
								<div class="row"> 
									<!-- <div class="col-sm-12">
										<div class="form-group">
											<button style="float: right" type="button" class="btn btn-primary col-md-2 " id="btn_agregar_acompanante">Ingresar Acompañante</button>
										</div>
									</div> -->
								</div> 

								<div class="row">
                            		<div class="col-sm-12">
                                    	<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="">Nombres</th>
													<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Apellidos</th>
													<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Tipo Documento</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="">Fecha Nacimiento</th>
													<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Ocupación</th>
													<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Nacionalidad</th>
													<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Email</th>
													<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Acciones</th>
                                        	</thead>
											<tbody>	
											</tbody>
											<tfoot>
												<tr>
													<!-- <th rowspan="1" colspan="1" style="">Id</th> -->
													<th rowspan="1" colspan="1" style="">Nombres</th>
													<th rowspan="1" colspan="1" style="">Apellidos</th>
													<th rowspan="1" colspan="1" style="">Tipo Documento</th>
													<th rowspan="1" colspan="1" style="">Identificación</th>
													<th rowspan="1" colspan="1" style="">Fecha Nacimiento</th>
													<th rowspan="1" colspan="1" style="">Ocupación</th>
													<th rowspan="1" colspan="1" style="">Nacionalidad</th>
													<th rowspan="1" colspan="1" style="">Email</th>
													<th rowspan="1" colspan="1" style="">Acciones</th>
												</tr>
											</tfoot>
                                    	</table>
                            		</div>
                            	</div>
							</fieldset >
							<br>
						
							<fieldset class="border p-2">
								<legend class="w-auto">Información Reserva</legend>
								<div class="row">
									<div class="col-sm-2">
										<div class="form-group"> 
											<label>Hotel<span class="required">*</span></label>
											<select class="custom-select" id="txt_hotel_reserva" disabled>
												<option value="0" hidden>-- Seleccionar --</option>
												<?php foreach($hotel as $k9) { ?>
													<option value="<?=$k9['IdEstablecimiento']?>"> <?=$k9['Nombre']?></option>
												<?php } ?>                                      
											</select>    
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Fecha Ingreso<span class="required">*</span></label>
											<input type="date" name="txt_fechaini_reserva" class="form-control" id="txt_fechaini_reserva" readonly></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Hora Ingreso<span class="required">*</span></label>
											<input type="time" name="txt_horaini_reserva" class="form-control" id="txt_horaini_reserva" readonly></input>
										</div>
									</div> 
								
									<div class="col-sm-2">
										<div class="form-group">
											<label>Fecha Salida<span class="required">*</span></label>
											<input type="date" name="txt_fechafin_reserva" class="form-control" id="txt_fechafin_reserva"></input>
										</div>
									</div> 
								
									<div class="col-sm-2">
										<div class="form-group">
											<label>Hora Salida<span class="required">*</span></label>
											<input type="time" name="txt_horafin_reserva" class="form-control" id="txt_horafin_reserva"></input>
										</div>
									</div> 

									<div class="col-sm-2">
										<div class="form-group">  
											<label>Estado<span class="required">*</span></label>  
											<select class="custom-select" id="txt_estado_reserva" disabled>
												<?php foreach($estadoR as $k10) { ?>
													<option value="<?=$k10['IdEstado']?>"> <?=$k10['Descripcion']?></option>
												<?php } ?>
											</select>                          
										</div>
									</div>
								</div> 
							
								<div class="row"> 
									<div class="col-sm-2">
										<div class="form-group">
											<label>No.Habitación<span class="required">*</span></label>
											<select class="custom-select" id="txt_numerohab_reserva" disabled>
												<option value="0" hidden>--Seleccionar--</option>    
												<?php foreach($habitacion as $k11) { ?>
													<option value="<?=$k11['IdHabitacion']?>"> <?=$k11['NumeroHabitacion']?></option>
												<?php } ?>      
											</select>  
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Habitación</label>
											<input type="text" name="txt_habitacion_reserva" class="form-control" id="txt_habitacion_reserva" onkeyup="mayus(this);" readonly></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Motivo Viaje<span class="required">*</span></label>
											<select class="custom-select" id="txt_motivo_reserva" disabled>
												<option value="0">-- Seleccionar --</option>
												<?php foreach($motivo as $k12) { ?>
													<option value="<?=$k12['IdMotivo']?>"> <?=$k12['Motivo']?></option>
												<?php } ?>                                      
											</select>  
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Acompañantes<span class="required">*</span></label>
											<input type="text" name="txt_acompanantes_reserva" class="form-control" id="txt_acompanantes_reserva" readonly></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Medio Pago<span class="required">*</span></label>
											<select class="custom-select" id="txt_mdpago_reserva">
												<option value="0">-- Seleccionar --</option>
												<?php foreach($mediopago as $k13) { ?>
													<option value="<?=$k13['IdMedioPago']?>"> <?=$k13['MedioPago']?></option>
												<?php } ?>                                      
											</select>  
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">  
											<label>Documento Legal<span class="required">*</span></label>	
											<select class="custom-select" id="txt_tipfac_reserva">
												<option value="0">-- Seleccionar --</option>
												<?php foreach($tipofac as $k14) { ?>
													<option value="<?=$k14['IdTipoFactura']?>"> <?=$k14['TipoFactura']?></option>
												<?php } ?>                                      
											</select>                         
										</div>
									</div>
								</div> 

								<div class="row">    
						    		<div class="col-sm-2">
										<div class="form-group">
											<label>Huesped<span class="required">*</span></label>
											<select class="custom-select" id="txt_claseocupacion" disabled>
												<option value="0">-- Seleccionar --</option>
												<?php foreach($claseocupacion as $k15) { ?>
													<option value="<?=$k15['IdClaseMatricula']?>"> <?=$k15['NombreClase']?></option>
												<?php } ?>                                      
											</select> 
										</div>
									</div>

						    		<div class="col-sm-2">
										<div class="form-group">
											<label>Tipo de ocupación<span class="required">*</span></label>
											<select class="custom-select" id="txt_tipoocupacion" disabled>
												<option value="0">-- Seleccionar --</option>
												<?php foreach($tipoocupacion as $k16) { ?>
													<option value="<?=$k16['IdTipoOcupacion']?>"> <?=$k16['TipoOcupacion']?></option>
												<?php } ?>                                      
											</select> 
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
                                        	<label>Persona Adicional<span class="required">*</span></label>
											<select class="custom-select" id="txt_adicional" disabled>
												<option value="0">--Seleccionar-- </option>
												<option value="1">SI</option>
												<option value="2">NO</option>                                                         
											</select>  
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Precio Habitación</label>
											<input type="text" name="txt_precio" class="form-control" id="txt_precio" readonly onmousedown="return false;"></input>
										</div>
									</div>

                                	<div class="col-sm-2">
										<div class="form-group">
											<label>Precio Persona Adicional</label>
											<input type="text" name="txt_precioadicional" class="form-control" id="txt_precioadicional" readonly onmousedown="return false;"></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Descuento</label>
											<input type="text" name="txt_descuento" class="form-control" id="txt_descuento"></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Cargo Adicional</label>
											<input type="text" name="txt_cargoadicional" class="form-control" id="txt_cargoadicional"></input>
										</div>
									</div>

									<div class="col-sm-7">
										<div class="form-group">
											<label>Observación Cargo</label>
											<input type="text" name="txt_observacion" class="form-control" id="txt_observacion" onkeyup="mayus(this);"></input>
										</div>
									</div>

									<div class="col-sm-1">
										<div class="form-group">
											<label>IVA</label>
											<select class="custom-select" id="txt_iva" disabled>
												<option value="">-- Seleccionar --</option>
												<?php foreach($iva as $k17) { ?>
													<option value="<?=$k17['IdIva']?>"> <?=$k17['Iva']?></option>
												<?php } ?>                                                    
											</select>  
										</div>
									</div>

                                	<div class="col-sm-2">
										<div class="form-group">
											<label>Precio Total</label>
											<input type="text" name="txt_preciototal" class="form-control" id="txt_preciototal" readonly onmousedown="return false;"></input>
										</div>
									</div>
								</div>
							</fieldset >
						</div>

						<div class="card-footer">
							<button style="float: left" type="button" class="btn btn-secondary col-md-1 " id="btn_cancelar_reserva">Cancelar</button>
							<button style="float: right" type="button" class="btn btn-primary col-md-1 " onclick="ValidarGuardar()" id="btn_guardar_reserva">Guardar</button>      
							<button style="float: right" type="button" class="btn btn-primary col-md-1 " id="btn_cerrar_reserva">Cerrar</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>

<!-- ======================================================================================================================================================================================================= -->
	<!-- Modal para Crear Acompañante -->
	<div class="modal fade show" id="modal_acompanante_nuevo" aria-modal="true" role="dialog">
		<div class="modal-dialog modal-lg modal_acompanante_nuevo">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title titulo_acompanante"></h4>
					<button type="button" class="close" id="cerrar_modal" 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">
							<dl class="row">
								<dt class="col-sm-4">Identificación</dt>
								<dd class="col-sm-8">
									<input type="text" value="" class="form-control" name="opt_identificacion_huespedes" id="opt_identificacion_huespedes">
								</dd>

								<dt class="col-sm-4">Nombres </dt>
								<dd class="col-sm-8">
									<input value="" type="text" class="form-control" name="opt_nombre_huespedes" id="opt_nombre_huespedes" onkeyup="mayus(this);">
								</dd>
								
								<dt class="col-sm-4">Apellidos</dt>
								<dd class="col-sm-8">
									<input type="text" value="" class="form-control" name="opt_apellido_huespedes" id="opt_apellido_huespedes" onkeyup="mayus(this);">
								</dd>

								<dt class="col-sm-4">Tipo Documento</dt>
								<dd class="col-sm-8">
									<select class="custom-select" id="opt_tipodoc_huespedes">
										<option value="0">-- Seleccionar --</option>
										<?php foreach($tipodoc as $k18) { ?>
											<option value="<?=$k18['IdTipoDocumento']?>"> <?=$k18['TipoDocumento']?></option>
										<?php } ?>                                      
									</select>    
								</dd>	
								
								<dt class="col-sm-4">Fecha Nacimiento</dt>
								<dd class="col-sm-8">
									<input type="date" class="form-control" name="opt_fecnac_huespedes" id="opt_fecnac_huespedes">
								</dd>

								<dt class="col-sm-4">Lugar Nacimiento</dt>
								<dd class="col-sm-8">
									<select class="custom-select" id="opt_lugarnac_huespedes">
										<option value="">--Seleccionar-- </option>
										<?php foreach($departamentos as $k19) { ?>
											<option value="<?=$k19['IdCiudad']?>"><?=$k19['CiuDep']?></option>
										<?php } ?>                                    
									</select>    
								</dd>
								
								<dt class="col-sm-4">Género</dt>
								<dd class="col-sm-8">
									<select class="custom-select" id="opt_genero_huespedes">
										<option value="0">--Seleccionar-- </option>
										<option value="1">MASCULINO</option>
										<option value="2">FEMENINO</option>                                       
									</select>    
								</dd>

								<dt class="col-sm-4">Teléfono</dt>
								<dd class="col-sm-8">
									<input type="text" value="" class="form-control" name="opt_telefono_huespedes" id="opt_telefono_huespedes">
								</dd>

								<dt class="col-sm-4">Móvil</dt>
								<dd class="col-sm-8">
									<input type="text" value="" class="form-control" name="opt_movil_huespedes" id="opt_movil_huespedes">
								</dd>

								<dt class="col-sm-4">Nacionalidad</dt>
								<dd class="col-sm-8">
									<select class="custom-select" id="opt_nacionalidad_huespedes">
										<option value="0">-- Seleccionar --</option>
										<?php foreach($paises as $k20) { ?>
											<option value="<?=$k20['IdPais']?>"> <?=$k20['Pais']?></option>
										<?php } ?>                                      
									</select>    
								</dd>
								
								<dt class="col-sm-4">Ocupación</dt>
								<dd class="col-sm-8">
									<select class="custom-select" id="opt_ocupacion_huespedes">
										<option value="0">-- Seleccionar --</option>
										<?php foreach($ocupaciones as $k21) { ?>
											<option value="<?=$k21['IdOcupacion']?>"> <?=$k21['Ocupacion']?></option>
										<?php } ?>                                      
									</select> 
								</dd>

								<dt class="col-sm-4">Correo Electronico</dt>
								<dd class="col-sm-8">
									<input type="text" value="" class="form-control" name="opt_correo_huespedes" id="opt_correo_huespedes">
								</dd>
								
								<dt class="col-sm-4">Ciudad Residencia</dt>
								<dd class="col-sm-8">
									<select class="custom-select" id="opt_residencia_huespedes">
										<option value="">--Seleccionar-- </option>
										<?php foreach($departamentos as $k22) { ?>
											<option value="<?=$k22['IdCiudad']?>"><?=$k22['CiuDep']?></option>
										<?php } ?>                                    
									</select>    
								</dd>
								
								<dt class="col-sm-4">Ciudad Procedencia</dt>
								<dd class="col-sm-8">
									<select class="custom-select" id="opt_procedencia_huespedes">
										<option value="">--Seleccionar-- </option>
										<?php foreach($departamentos as $k23) { ?>
											<option value="<?=$k23['IdCiudad']?>"><?=$k23['CiuDep']?></option>
										<?php } ?>                                    
									</select>    
								</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_huespedes" onclick="LimpiarModal()" data-dismiss="modal">Cancelar </button>  
					<button style="float: right" type="button" class="btn btn-primary col-md-3" id="btn_guardar_acompanante" onclick="AgregarAcompañantes()">Confirmar </button>   
				</div>
			</div>
		</div>
	</div>

<!-- ======================================================================================================================================================================================================= -->
	<!-- Modal para crear nuevo vehiculo -->
	<div class="modal fade show" id="modal_vehiculo_nuevo" aria-modal="true" role="dialog">
		<div class="modal-dialog modal-lg modal_vehiculo_nuevo">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title">Agregar Vehículo</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">
							<fieldset class="border p-2">
								<legend>Información Vehiculo</legend>
								<div class="row">
									<div class="col-sm-6">
										<label>Placa</label>
										<input type="text" class="form-control" name="opt_placa_veh" id="opt_placa_veh" onkeyup="mayus(this);">
									</div>

									<div class="col-sm-6">
										<label>Clase Matricula</label>
										<select class="custom-select" id="opt_clasemat">
											<option value="0">-- Seleccionar --</option>
											<?php foreach($claseocupacion as $k24) { ?>
												<option value="<?=$k24['IdClaseMatricula']?>"> <?=$k24['NombreClase']?></option>
											<?php } ?> 
										</select> 
									</div>
								</div>
								
								<div class="row">
									<div class="col-sm-6 autocomplete">
										<label>Marca</label>
										<input type="text" class="form-control" name="myInput2" id="myInput2" onkeyup="mayus(this);">
									</div>
									
									<div class="col-sm-6">
										<label>Color</label>
										<input type="text" class="form-control" name="opt_color_veh" id="opt_color_veh" onkeyup="mayus(this);">
									</div>
								</div>
							
								<div class="row">
									<div class="col-sm-6 autocomplete">
										<label>Modelo</label>
										<input type="text" class="form-control" name="opt_modelo_veh" id="opt_modelo_veh" onkeyup="mayus(this);">
									</div>

									<div class="col-sm-6">
										<label>Tipo Vehiculo</label>
										<select class="custom-select" id="opt_tipo_veh">
											<option value="0">-- Seleccionar --</option>
											<?php foreach($tipov as $k25) { ?>
												<option value="<?=$k25['IdTipoVehiculo']?>"> <?=$k25['TipoVehiculo']?></option>
											<?php } ?>                                      
										</select>    
									</div>	
								</div>

								<div class="row">
									<div class="col-sm-6 autocomplete">
										<label>Empresa</label>
										<input type="text" class="form-control" name="opt_empresa_veh" id="opt_empresa_veh" onkeyup="mayus(this);">
									</div>
									
									<div class="col-sm-6">
										<label>Nit</label>
										<input type="text" class="form-control" name="opt_nit_veh" id="opt_nit_veh" onkeyup="mayus(this);">
									</div>
								</div>
							</fieldset>
							<br>
							<fieldset class="border p-2">
								<legend>Información Huesped</legend>
								<div class="row">
									<div class="col-sm-6">
										<label>Tipo Documento</label>
										<select class="custom-select" id="opt_tipo_doc">
											<option value="0">-- Seleccionar --</option>
											<?php foreach($tipodoc as $k26) { ?>
												<option value="<?=$k26['IdTipoDocumento']?>"> <?=$k26['TipoDocumento']?></option>
											<?php } ?> 
										</select>  
									</div>
							
									<div class="col-sm-6">
										<label>Identificación</label>
										<input type="text" class="form-control" name="opt_identificacion" id="opt_identificacion">
									</div>
								</div>
								
								<div class="row">
									<div class="col-sm-6">
										<label>Nombres</label>
										<input type="text" class="form-control" name="opt_nombres" id="opt_nombres">
									</div>

									<div class="col-sm-6">
										<label>Apellidos</label>
										<input type="text" class="form-control" name="opt_apellidos" id="opt_apellidos">
									</div> 
								</div>
							</fieldset>
						</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_veh" data-dismiss="modal">Cancelar </button>  
					<button style="float: right" type="button" class="btn btn-primary col-md-3" id="btn_guardar_veh" data-dismiss="modal" onclick="GuardarVehiculo()">Agregar</button>   
				</div>
			</div>
		</div>
	</div>

<!-- ======================================================================================================================================================================================================= -->
	<!-- Modal Informacion sobre la reserva -->
	<div class="modal fade show" id="modal_confirmar_checkin" role="dialog" aria-modal="true">
		<div class="modal-dialog modal-md modal_confirmar_checkin">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="tituloEvento">Check In</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">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>                           
							</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>
	</div>

<!-- ======================================================================================================================================================================================================= -->
	<!-- Modal para facturar -->
	<div class="modal fade show" id="modal_recibo" aria-modal="true" role="dialog">
		<div class="modal-dialog modal-md 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">
							<dl class="row">
								<dt class="col-sm-4 mt-1 mb-1" hidden>Reserva No.</dt>
								<dd class="col-sm-8 mt-1 mb-1" hidden>
									<input type="text" class="form-control" name="opt_reserva_recibo" id="opt_reserva_recibo" onkeyup="mayus(this);" hidden>
								</dd>

								<dt class="col-sm-4 mt-1 mb-1">Recibo de Caja </dt>
								<dd class="col-sm-4 mt-1 mb-1">
									<input class="form-radio-input col-md-1" type="radio" name="radio1" value="0" id="rdo_habitacion_recibo">   Habitación</label>
								</dd>	
								<dd class="col-sm-4 mt-1 mb-1">
									<input class="form-radio-input col-md-1" type="radio" name="radio1" value="1" id="rdo_parqueo_recibo">   Parqueadero</label>
								</dd>

								<dt class="col-sm-4 mt-1 mb-1"></dt>
								<dd class="col-sm-8 mt-1 mb-1"></dd>

								<dt class="col-sm-4 mt-1 mb-1">Valor Habitación</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="opt_vrhabitacion_recibo" id="opt_vrhabitacion_recibo" onkeyup="mayus(this);">
								</dd>

								<dt class="col-sm-4 mt-1 mb-1">Valor Parqueadero</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="opt_vrparqueadero_recibo" id="opt_vrparqueadero_recibo">
								</dd>

								<dt class="col-sm-4 mt-1 mb-1">Fecha Recibo</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="date" class="form-control" name="opt_fecha_recibo" id="opt_fecha_recibo">
								</dd>

								<dt class="col-sm-4 mt-1 mb-1">Huesped</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="opt_huesped_recibo" id="opt_huesped_recibo" onkeyup="mayus(this);">
								</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="opt_ident_recibo" id="opt_ident_recibo" onkeyup="mayus(this);">
								</dd>
							</dl>

							<!-- INFORMACION FACTURA -->
							<div class="col-sm-12" style= "text-align:center;">¿Desea que se facture a nombre de otra persona o empresa?</div>
							<dl class="row">
								<dt class="col-sm-3 mt-1 mb-1"> </dt>
								<dd class="col-sm-4 mt-1 mb-1">
									<input class="form-radio-input col-md-1" type="radio" name="radiofac1" value="0" id="rdo_sifactura">   Si</label>
								</dd>	
								<dd class="col-sm-4 mt-1 mb-1">
									<input class="form-radio-input col-md-1" type="radio" name="radiofac1" value="1" id="rdo_nofactura">   No</label>
								</dd>
							</dl>	

							<dl class="row" id ="datosfac" style="display: none">
								<dt class="col-sm-4 mt-1 mb-1">Nombre Factura</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="opt_nombre_fac" id="opt_nombre_fac" onkeyup="mayus(this);">
								</dd>
									
								<dt class="col-sm-4 mt-1 mb-1">Tipo Documento</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<select class="custom-select" id="txt_tipodoc_fac">
										<option value="0">-- Seleccionar --</option>
										<?php foreach($tipodoc as $k27) { ?>
											<option value="<?=$k27['IdTipoDocumento']?>"> <?=$k27['TipoDocumento']?></option>
										<?php } ?>                                      
									</select>  
								</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="opt_ident_fac" id="opt_ident_fac">
								</dd>
							</dl>	
						</div>
					</div>
				</form>

				<div class="modal-footer justify-content-between">
					<div class="col-sm-12" style= "text-align:center;"> <strong>¿Desea Imprimir el Recibo con los Datos seleccionados?</strong></div>
					<button style="float: left" type="button" class="btn btn-secondary col-md-3" id="btn_cancelar_recibo" data-dismiss="modal">No </button>  
					<button style="float: right" type="button" class="btn btn-primary col-md-3" id="btn_imprimir_recibo" data-dismiss="modal">Si </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 Acompa         = [];
        var edicion        = '';
        var edicionHuesped = 0;
        var vehiculos;
		var Ident_Ini      = '';
		var Movil_Ini      = '';
		var Placa_Ini      = '';
		var VehiculoId     = '';
        var TotalPrecio    = 0;
        var Total          = 0;
		var HuespedId      = 0;
		var Nombres        = '';
        var Apellidos      = '';
        var TipoDoc        = '';
        var Identificacion = '';
		var CtrlVehiculo   = '0';
		var CtrAcompa      = '1';
		var CtrHuesped     = '1';
		var Acompanante    = '';
		var FechaHoy       = '';
        var HoraHoy        = '';
		var Opcion         = '';
		var Recibo         = ''; 
		var FechaRec       = '';

		//aca ya carga la data no necesito enviar nuevamente   
		var hotel           = <?php echo json_encode($hotel) ?>;
		var reservas        = <?php echo json_encode($reservas) ?>;
		var paises          = <?php echo json_encode($paises) ?>;
		var departamentos   = <?php echo json_encode($departamentos) ?>;
		var ciudades        = <?php echo json_encode($ciudades) ?>;
		var tipodoc         = <?php echo json_encode($tipodoc) ?>;
		var mediopago       = <?php echo json_encode($mediopago) ?>;
		var tipofac         = <?php echo json_encode($tipofac) ?>;
		var habitacion      = <?php echo json_encode($habitacion) ?>;
		var vehiculo        = <?php echo json_encode($vehiculo) ?>;
		var tipoocupacion   = <?php echo json_encode($tipoocupacion) ?>;
        var marca           = <?php echo json_encode($marca) ?>;
        var color           = <?php echo json_encode($color) ?>;
		var hoteles         = <?php echo json_encode($hoteles) ?>;
		
		//Definir Valores a Variables Fijas
		var ReservaId     = reservas[0].IdReserva;
		var HotelesId     = reservas[0].IdEstablecimiento;
		var HabitaId      = reservas[0].IdHabitacion;
		var HabitacionId  = reservas[0].IdHabitacion;
		var HuespedId     = reservas[0].IdHuesped;
		// var TotalAcom     = acompanantes.length;

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

			//bloquear Botones
			$('#btn_cerrar_reserva').hide();

			//capturar los valores vehiculo
			if(vehiculo.length > 0) {
				VehiculoId = vehiculo[0].IdVehiculo;
				$('#txt_placa_reserva').val(vehiculo[0].Placa).trigger("change");
			}else{
				VehiculoId = null;
				$('#txt_placa_reserva').val();
			}	
						
			//capturar la informacion Reserva	
			$('#txt_hotel_reserva').val(reservas[0].IdEstablecimiento).trigger("change");
			$('#txt_numerohab_reserva').val(reservas[0].IdHabitacion);
			$('#txt_habitacion_reserva').val(reservas[0].NumeroHabitacion + ' - ' + reservas[0].TipoHabitacion);
			$('#txt_fechaini_reserva').val(reservas[0].FechaIni);
			$('#txt_horaini_reserva').val(reservas[0].HoraIni);
			$('#txt_fechafin_reserva').val(reservas[0].FechaFin);
			$('#txt_horafin_reserva').val(reservas[0].HoraFin);
			$('#txt_estado_reserva').val(reservas[0].IdEstado);
			$('#txt_motivo_reserva').val(reservas[0].IdMotivo);
			$('#txt_acompanantes_reserva').val(reservas[0].CantAcompanantes);
			$('#txt_mdpago_reserva').val(reservas[0].IdMedioPago);
			$('#txt_tipfac_reserva').val(reservas[0].IdTipoFactura);
			$('#txt_claseocupacion').val(reservas[0].IdClaseMatricula);
			$('#txt_tipoocupacion').val(reservas[0].IdTipoOcupacion);
			$('#txt_adicional').val(reservas[0].Adicional);
			$('#txt_precio').val(reservas[0].PrecioHabitacion);
			$('#txt_precioadicional').val(reservas[0].PrecioAdicional);
			$('#txt_descuento').val(reservas[0].Descuento);
			$('#txt_iva').val(reservas[0].Iva);
			$('#txt_preciototal').val(reservas[0].PrecioTotal);
			$('#txt_cargoadicional').val(reservas[0].CargoAdicional);
			$('#txt_observacion').val(reservas[0].Observacion);
			$('#txt_valor_reserva').val(reservas[0].ValorHabitacion);

			//Capturar la informacion Huesped
			$('#txt_huesped_reserva').val(reservas[0].IdHuesped);
			Identificacion = $('#txt_documento_reserva').val(reservas[0].Identificacion);
			$('#txt_tipodoc_reserva').val(reservas[0].IdTipoDocumento);
			Nombres        = $('#txt_nombres_reserva').val(reservas[0].NomHPrincipal);
			Apellidos      = $('#txt_apellidos_reserva').val(reservas[0].Apellidos);
			$('#txt_fechanac_reserva').val(reservas[0].FechaNac);
			$('#txt_lugarnac_reserva').val(reservas[0].LugarNac);
			$('#txt_genero_reserva').val(reservas[0].Genero);
			$('#txt_telefono_reserva').val(reservas[0].Telefono);
			$('#txt_movil_reserva').val(reservas[0].Movil);
			$('#txt_nacionalidad_reserva').val(reservas[0].IdNacionalidad);
			$('#txt_ocupacion_reserva').val(reservas[0].IdOcupacion);
			$('#txt_correoelect_reserva').val(reservas[0].Email);
			$('#txt_psresidencia_reserva').val(reservas[0].IdPaisR);
			$('#txt_cdresidencia_reserva').val(reservas[0].CiudadResidencia);
			$('#txt_psprocedencia_reserva').val(reservas[0].IdPaisP);
			$('#txt_cdprocedencia_reserva').val(reservas[0].CiudadProcedencia);
			$('#txt_direccion_reserva').val(reservas[0].Direccion);

			//Capturar la informacion del vehiculo 
			$('#txt_marca_reserva').val(vehiculo[0].Marca);
			$('#txt_modelo_reserva').val(vehiculo[0].Modelo);
			$('#txt_color_reserva').val(vehiculo[0].NombreColor);
			$('#txt_tipo_reserva').val(vehiculo[0].TipoVehiculo);
			$('#txt_empresa_reserva').val(vehiculo[0].Empresa);
			$('#txt_nit_reserva').val(vehiculo[0].Nit);
			
			// var departamentoR = (ciudades.filter(x => x.IdCiudad == huespedes[0].Ciudad_Residencia))[0].IdDepartamento;
            // var paisR         = (departamentos.filter(x => x.IdDepartamento == departamentoR))[0].IdPais;
            // var departamentoP = (ciudades.filter(x => x.IdCiudad == huespedes[0].Ciudad_Procedencia))[0].IdDepartamento;
            // var paisP         = (departamentos.filter(x => x.IdDepartamento == departamentoP))[0].IdPais;
			
            // $('#txt_psresidencia_reserva').val(paisR).trigger("change");
            // $('#txt_dtresidencia_reserva').val(departamentoR).trigger("change");
			// Residencia     = $('#txt_cdresidencia_reserva').val(huespedes[0].Ciudad_Residencia).trigger("change");
            // $('#txt_psprocedencia_reserva').val(paisP).trigger("change");
            // $('#txt_dtprocedencia_reserva').val(departamentoP).trigger("change");
			// Procedencia    = $('#txt_cdprocedencia_reserva').val(huespedes[0].Ciudad_Procedencia).trigger("change");
			
			//Cargar Acompañantes en la tabla
			Ident_Ini = reservas[0].Identificacion;
			LlenarAcompanantes(); 
			
		});

		//Calcular total si cambia el iva
		$('#txt_descuento').change(function()
		{
			var Descuento = Number($('#txt_descuento').val());
            var Precio = Number($('#txt_precio').val());
            console.log('Descuento:', Descuento);
            console.log('Precio:', Precio);
            
            if (Descuento > Precio){
                Swal.fire({
                    title: 'Error',
                    text: 'El descuento no puede ser mayor al precio de la habitación.',
                    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"
                });
                $('#txt_descuento').val('')
            } else {
                PrecioTotalHab();
            }
		});

		//Calcular total si cambia el iva
		$('#txt_cargoadicional').change(function()
		{
			PrecioTotalHab();
		});

		//Calcular precio total
        function PrecioTotalHab()
		{
            var PrecioHabitacion = $('#txt_precio').val();
            var PrecioAdicional  = $('#txt_precioadicional').val();
            var ValorDescuento   = $('#txt_descuento').val();
			var CargoAdicional   = $('#txt_cargoadicional').val();
            var Iva              = $('#txt_iva').val();
            var FechaIni         = $('#txt_fechaini_reserva').val();
            var FechaFin         = $('#txt_fechafin_reserva').val();

            // Convertir las fechas de string a objetos Date
            var fechaInicio = new Date(FechaIni);
            var fechaFin = new Date(FechaFin);

            // Calcular la diferencia en milisegundos
            var diferenciaMilisegundos = fechaFin - fechaInicio;

            // Convertir la diferencia de milisegundos a días
            var diasDiferencia = diferenciaMilisegundos / (1000 * 60 * 60 * 24);

            // Redondear el resultado (opcional)
            diasDiferencia = Math.round(diasDiferencia);

            var PrecioTotalHabitacion = Number(PrecioHabitacion) * diasDiferencia

            TotalPrecio =  ((Number(PrecioTotalHabitacion) + Number(PrecioAdicional) - Number(ValorDescuento) + Number(CargoAdicional))*(Number(Iva)/100));
            Total = (Number(PrecioTotalHabitacion) + Number(PrecioAdicional))  - Number(ValorDescuento)  + Number(CargoAdicional) + TotalPrecio;
            $('#txt_preciototal').val(Total);
        };
		
		//LLenar tabla de Acompañantes
		function LlenarAcompanantes()
		{
			//Definir Variables
			Opcion = '1';

			//Lamado a ajax para traer los departamentos
			$.ajax({
				url: '<?php echo base_url() ?>Acompanantes/searchAcompanantes',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: {	'Opcion'    : Opcion, 
						'HuespedId' : HuespedId }//formato json Data
			
			}).done(function(datoct) 
			{
				//convierto la respuesta json
				acompanantes = JSON.parse(datoct);
				TotalAcom    = acompanantes.length;
				console.log(acompanantes.length);
									
				//Cantidad de Acompañantes
				$('#txt_acompanantes_reserva').val(TotalAcom); 

				if (acompanantes.length > 0) 
				{
					$("#example1").DataTable({
						data: acompanantes,
						destroy: true,
						responsive: true,
						searching: false,
						columns:
						[
							// {data : 'IdAcompanante'},
							{data : 'Nombres'},
							{data : 'Apellidos'},
							{data : 'TipoDocumento'},
							{data : 'Identificacion'},
							{data : 'FechaNac'},
							{data : 'Ocupacion'},
							{data : 'Nacionalidad'},
							{data : 'Email'},
							{data : 'IdAcompanante',
								render: function ( data, type, customer ) {
									
									AcompananteId = customer.IdAcompanante;
									return '<a href="#" onclick="btn_editar_acompanante('+ AcompananteId +')" data-id="' + AcompananteId + '"  class="table-edit" >Editar</a>&nbsp;&nbsp;<a href="#" onclick="EliminarAcompanante('+ AcompananteId +')" data-id="' + AcompananteId + '" class="table-edit" >Bloquear</a>';
								}
							}
						],
						responsive: true, "lengthChange": false, "autoWidth": false
					}).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
				}
			});
			//vaciar Modal
			LimpiarModal();
        };

		//Limpiar campos del Modal
		function LimpiarModal()
		{
            $('#opt_identificacion_huespedes').val("");
            $('#opt_nombre_huespedes').val(""); 
            $('#opt_apellido_huespedes').val(""); 
            $('#opt_tipodoc_huespedes').val(0);
            $('#opt_fecnac_huespedes').val("");
            $('#opt_lugarnac_huespedes').val(0);
            $('#opt_genero_huespedes').val(0);
            $('#opt_telefono_huespedes').val("");
            $('#opt_movil_huespedes').val(""); 
            $('#opt_nacionalidad_huespedes').val(0);
            $('#opt_ocupacion_huespedes').val(""); 
            $('#opt_correo_huespedes').val("");
            $('#opt_residencia_huespedes').val(0);
            $('#opt_procedencia_huespedes').val(0);
        };
		
		// //Cargar departamentos residencia ok
		// $('#txt_psresidencia_reserva').change(function()
		// {
		// 	$('#txt_cdresidencia_reserva').empty();
		// 	var PaisR = $('#txt_psresidencia_reserva').val();

		// 	 //Lamado a ajax para traer los departamentos
		// 	 $.ajax({
        //         url: '<?php echo base_url() ?>Tipos/searchDepartamentos/'+PaisR,//controlador
        //         type: "POST",//tipo de peticion POST o GET
        //         headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
        //     }).done(function(PaisR) 
        //     {
        //         //convierto la respuesta json
        //         var obj = JSON.parse(PaisR); 
        //          $('#txt_cdresidencia_reserva').append(new Option('--Seleccionar--'));                                               
        //         for (var i in obj) {  
        //             $('#txt_cdresidencia_reserva').append(new Option(obj[i].CiuDep,(obj[i].IdCiudad)));  
        //         }                 
        //     });
		// });

		// //Cargar departamentos procedencia ok 
		// $('#txt_psprocedencia_reserva').change(function()
		// {
		// 	$('#txt_cdprocedencia_reserva').empty();
		// 	var PaisP = $('#txt_psprocedencia_reserva').val();

		// 	 //Lamado a ajax para traer los departamentos
		// 	 $.ajax({
        //         url: '<?php echo base_url() ?>Tipos/searchDepartamentos/'+PaisP,//controlador
        //         type: "POST",//tipo de peticion POST o GET
        //         headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
        //     }).done(function(PaisP) 
        //     {
        //         //convierto la respuesta json
        //         var obj = JSON.parse(PaisP); 
        //         $('#txt_cdprocedencia_reserva').append(new Option('--Seleccionar--'));                                               
        //         for (var i in obj) {  
        //             $('#txt_cdprocedencia_reserva').append(new Option(obj[i].CiuDep,(obj[i].IdCiudad)));  
        //         }                 
        //     });
		// });
		
		// // Autocompletar Marcas Vehiculo === OK
        // function autocomplete(inp, arr) 
		// {
        //     var currentFocus;
        //     inp.addEventListener("input", function(e) {
        //         var a, b, i, val = this.value;
        //         closeAllLists();
        //         if (!val) { return false;}
        //         currentFocus = -1;
        //         a = document.createElement("DIV");
        //         a.setAttribute("id", this.id + "autocomplete-list");
        //         a.setAttribute("class", "autocomplete-items");
        //         this.parentNode.appendChild(a);
        //         for (i = 0; i < arr.length; i++) {
        //             if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {
        //                 b = document.createElement("DIV");
        //                 b.innerHTML = "<strong>" + arr[i].substr(0, val.length) + "</strong>";
        //                 b.innerHTML += arr[i].substr(val.length);
        //                 b.innerHTML += "<input type='hidden' value='" + arr[i] + "'>";
        //                 b.addEventListener("click", function(e) {
        //                     inp.value = this.getElementsByTagName("input")[0].value;
        //                     closeAllLists();
        //                 });
        //                 a.appendChild(b);
        //             }
        //         }
        //     });

        //     inp.addEventListener("keydown", function(e) {
        //         var x = document.getElementById(this.id + "autocomplete-list");
        //         if (x) x = x.getElementsByTagName("div");
        //         if (e.keyCode == 40) {
        //             currentFocus++;
        //             addActive(x);
        //         } else if (e.keyCode == 38) { 
        //             currentFocus--;
        //             addActive(x);
        //         } else if (e.keyCode == 13) {
        //             e.preventDefault();
        //             if (currentFocus > -1) {
        //                 if (x) x[currentFocus].click();
        //             }
        //         }      
        //     });

        //     function addActive(x) {
        //         if (!x) return false;
        //         removeActive(x);
        //         if (currentFocus >= x.length) currentFocus = 0;
        //         if (currentFocus < 0) currentFocus = (x.length - 1);
        //         x[currentFocus].classList.add("autocomplete-active");
        //     }

        //     function removeActive(x) {
        //         for (var i = 0; i < x.length; i++) {
        //             x[i].classList.remove("autocomplete-active");
        //         }
        //     }

        //     function closeAllLists(elmnt) {
        //         var x = document.getElementsByClassName("autocomplete-items");
        //         for (var i = 0; i < x.length; i++) {
        //             if (elmnt != x[i] && elmnt != inp) {
        //                 x[i].parentNode.removeChild(x[i]);
        //             }
        //         }
        //     }
  
        //     document.addEventListener("click", function (e) {
        //         closeAllLists(e.target);
        //     });
        // };

        // var marcas = [];
        // for (var index = 0; index < marca.length; index++) 
		// {
        //     marcas.push(marca[index].Marca);  
        // };
        // autocomplete(document.getElementById("myInput2"), marcas);

		// //Autocompletar Color Vehiculo === OK
		// function autocomplete(inp, arr) 
		// {
        //     var currentFocus;
        //     inp.addEventListener("input", function(e) {
        //         var a, b, i, val = this.value;
        //         closeAllLists();
        //         if (!val) { return false;}
        //         currentFocus = -1;
        //         a = document.createElement("DIV");
        //         a.setAttribute("id", this.id + "autocomplete-list");
        //         a.setAttribute("class", "autocomplete-items");
        //         this.parentNode.appendChild(a);
        //         for (i = 0; i < arr.length; i++) {
        //             if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {
        //                 b = document.createElement("DIV");
        //                 b.innerHTML = "<strong>" + arr[i].substr(0, val.length) + "</strong>";
        //                 b.innerHTML += arr[i].substr(val.length);
        //                 b.innerHTML += "<input type='hidden' value='" + arr[i] + "'>";
        //                 b.addEventListener("click", function(e) {
        //                     inp.value = this.getElementsByTagName("input")[0].value;
        //                     closeAllLists();
        //                 });
        //                 a.appendChild(b);
        //             }
        //         }
        //     });

        //     inp.addEventListener("keydown", function(e) {
        //         var x = document.getElementById(this.id + "autocomplete-list");
        //         if (x) x = x.getElementsByTagName("div");
        //         if (e.keyCode == 40) {
        //             currentFocus++;
        //             addActive(x);
        //         } else if (e.keyCode == 38) { 
        //             currentFocus--;
        //             addActive(x);
        //         } else if (e.keyCode == 13) {
        //             e.preventDefault();
        //             if (currentFocus > -1) {
        //                 if (x) x[currentFocus].click();
        //             }
        //         }
        //     });

        //     function addActive(x) {
        //         if (!x) return false;
        //         removeActive(x);
        //         if (currentFocus >= x.length) currentFocus = 0;
        //         if (currentFocus < 0) currentFocus = (x.length - 1);
        //         x[currentFocus].classList.add("autocomplete-active");
        //     }

        //     function removeActive(x) {
        //         for (var i = 0; i < x.length; i++) {
        //             x[i].classList.remove("autocomplete-active");
        //         }
        //     }

        //     function closeAllLists(elmnt) {
        //         var x = document.getElementsByClassName("autocomplete-items");
        //         for (var i = 0; i < x.length; i++) {
        //             if (elmnt != x[i] && elmnt != inp) {
        //                 x[i].parentNode.removeChild(x[i]);
        //             }
        //         }
        //     }
  
        //     document.addEventListener("click", function (e) {
        //         closeAllLists(e.target);
        //     });
        // };

        // var colorVeh = [];
        // for (var index = 0; index < color.length; index++) 
		// {
        //     colorVeh.push(color[index].NombreColor);  
        // };
		// autocomplete(document.getElementById("opt_color_veh"), colorVeh);

		// //validar correo Electronico
		// $('#txt_correoelect_reserva').change(function() 
		// {
		// 	CorreoElec = $('#txt_correoelect_reserva').val();

		// 	if(CorreoElec.indexOf('@', 0) == -1 || CorreoElec.indexOf('.', 0) == -1) {
		// 		Swal.fire("Error", "No es un correo electrónico válido", "error");  
		// 		return false;
		// 	}
		// });
		
		// //Validar fecha de salida
		// $('#txt_fechaini_reserva').change(function() 
		// {
		// 	//Calcular mes para la fecha fin de Bodegaje
		// 	var fechafin = new Date($('#txt_fechaini_reserva').val());
		// 	var dias = 2; // Número de días a agregar
		// 	fechafin.setDate(fechafin.getDate() + dias);
		// 	FechaFinRes = formatoFecha(fechafin, 'dd-mm-yyyy');
		// 	$('#txt_fechafin_reserva').val(FechaFinRes);
		// });

		// //Cargar nombre habitacion
		// $('#txt_numerohab_reserva').change(function() 
		// {
		// 	//Validar Fechas para reserva
		// 	var Opcion     = '11';
		// 	var EstadoRes  = '2'
		// 	var Habitacion = $('#txt_numerohab_reserva').val();
				
		// 	//Lamado a ajax para traer los departamentos
		// 	$.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,
		// 				'EstadoRes'  : EstadoRes, 
		// 				'Habitacion' : Habitacion }//formato json Data
			
		// 	}).done(function(datoct) 
		// 	{
		// 		//Definir variables
		// 		var Opcion = '6';
		// 		var habitacion = $('#txt_numerohab_reserva').val();
					
		// 		//Lamado a ajax para traer los departamentos
		// 		$.ajax({
		// 			url: '<?php echo base_url() ?>Habitaciones/searchHabitacion',//controlador
		// 			type: "POST",//tipo de peticion POST o GET
		// 			headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
		// 			data: {	'Opcion'     : Opcion, 
		// 					'habitacion' : habitacion }//formato json Data
				
		// 		}).done(function(datoct) 
		// 		{
		// 			//convierto la respuesta json
		// 			var habita = JSON.parse(datoct);

		// 			if (habita.length > 0) 
		// 			{
		// 				HabitacionId =  habita[0].IdHabitacion;
		// 				$('#txt_habitacion_reserva').val(habita[0].NomHabitacion);
		// 				$('#txt_mdpago_reserva').val('1');
		// 				$('#txt_tipfac_reserva').val('2');
						
		// 				if(HabitacionId != HabitaId){
		// 					$('#txt_claseocupacion').val('0');
		// 					$('#txt_tipoocupacion').val('0');
		// 					$('#txt_adicional').val('0');
		// 					$('#txt_precio').val('0');
		// 					$('#txt_precioadicional').val('0');
		// 				}
		// 			}
		// 		});
		// 	});
        // });

		// //Traer Valores de habitacion por la clase
		// $('#txt_claseocupacion').change(function()
		// {
		// 	//Definir variables
		// 	Opcion = '4';
		// 	ClaseOcupacion  = $('#txt_claseocupacion').val();
		// 	TipoOcupacionId = $('#txt_tipoocupacion').val();

		// 	//Lamado a ajax para traer los departamentos
		// 	$.ajax({
		// 		url: '<?php echo base_url() ?>ValorHabitacion/searchValorHabitacion',//controlador
		// 		type: "POST",//tipo de peticion POST o GET
		// 		headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
		// 		data: {	'Opcion'       : Opcion, 
		// 				'HabitacionId' : HabitacionId,
		// 				'ClaseMat'     : ClaseOcupacion }//formato json Data
			
		// 	}).done(function(datoct) 
		// 	{
		// 		//convierto la respuesta json
		// 		var valorhab = JSON.parse(datoct);
				
		// 		if (valorhab.length > 0) 
		// 		{
		// 			for(i=0; i<valorhab.length; i++){
		// 				if (valorhab[i].IdTipoOcupacion == TipoOcupacionId)
		// 				{ 
		// 					$('#txt_precio').val(valorhab[i].Precio);
		// 					$('#txt_iva').val('0').trigger("change");
		// 					break;
		// 				}
		// 			}
		// 		}
			
		// 	});
		// });

		// //Traer Valores de habitacion
		// $('#txt_tipoocupacion').change(function()
		// {
		// 	//Definir variables
		// 	Opcion = '4';
		// 	ClaseOcupacion  = $('#txt_claseocupacion').val();
		// 	TipoOcupacionId = $('#txt_tipoocupacion').val();

		// 	//Lamado a ajax para traer los departamentos
		// 	$.ajax({
		// 		url: '<?php echo base_url() ?>ValorHabitacion/searchValorHabitacion',//controlador
		// 		type: "POST",//tipo de peticion POST o GET
		// 		headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
		// 		data: {	'Opcion'       : Opcion, 
		// 				'HabitacionId' : HabitacionId,
		// 				'ClaseMat'     : ClaseOcupacion }//formato json Data
			
		// 	}).done(function(datoct) 
		// 	{
		// 		//convierto la respuesta json
		// 		var valorhab = JSON.parse(datoct);

		// 		if (valorhab.length > 0) 
		// 		{
		// 			for(i=0; i<valorhab.length; i++){
		// 				if (valorhab[i].IdTipoOcupacion == TipoOcupacionId)
		// 				{ 
		// 					$('#txt_precio').val(valorhab[i].Precio);
		// 					$('#txt_iva').val('0').trigger("change");
		// 					break;
		// 				}
		// 			}
		// 		}
			
		// 	});
		// });

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

		// //Calcular total si cambia el iva
		// $('#txt_iva').change(function()
		// {
		// 	PrecioTotalHab();
		// });

		// $('#txt_adicional').change(function()
		// {
		// 	PrecioAdicionalHab();
		// });

		// //Calcular total si cambia el iva
		// $('#txt_descuento').change(function()
		// {
		// 	PrecioTotalHab();
		// });

		// //Calcular total si cambia el iva
		// $('#txt_cargoadicional').change(function()
		// {
		// 	PrecioTotalHab();
		// });

		// //Cargar informacion adicional del Vehiculo
		// $('#txt_placa_reserva').change(function() 
		// {
		// 	//definir variable
		// 	$('input[type="text"]').val('');
		// 	VehiculoId =  huespedes[0].IdVehiculo
			
		// 	//validar permisos de acceso
		// 	for(i=0; i<vehiculo.length; i++){
		// 		if (vehiculo[i].IdVehiculo == VehiculoId)
		// 		{ 
                   
        //             $('#txt_marca_reserva').val(vehiculo[i].Marca);
        //             $('#txt_modelo_reserva').val(vehiculo[i].Modelo);
        //             $('#txt_color_reserva').val(vehiculo[i].NomColor);
	    //             $('#txt_tipo_reserva').val(vehiculo[i].TipoVehiculo);
	    //             $('#txt_empresa_reserva').val(vehiculo[i].Empresa);
	    //             $('#txt_nit_reserva').val(vehiculo[i].Nit);
		// 			break;
		// 		}

		// 	}
		// 	var find = vehiculo.filter(x => x.IdVehiculo == VehiculoId);
			
		// 	$('#txt_placa_reserva').val(find[0].Placa);
		// 	// OpcionesVehiculos(find);
		// });

		// //Boton Cancelar Reserva
		// $("#btn_cancelar_reserva").click(function ()
		// { 
		// 	window.location.href="<?php echo base_url() ?>Check/listCheckOut";
		// });

		//Boton Cerrar Reserva
		$("#btn_cerrar_reserva").click(function ()
		{ 
			window.location.href="<?php echo base_url() ?>Check/listCheckOut";
		});

        //Boton Ccancelar Reserva
		$("#btn_cancelar_reserva").click(function ()
		{ 
			window.location.href="<?php echo base_url() ?>Check/listCheckOut";
		});

		// //Cargar informacion adicional del Vehiculo
		// $('#opt_placa_veh').change(function() 
		// {
		// 	//Definir variables
		// 	var Opcion = '3';
		// 	var Placa = $('#opt_placa_veh').val();
				
		// 	//Lamado a ajax para traer los departamentos
		// 	$.ajax({
		// 		url: '<?php echo base_url() ?>Vehiculos/searchVehiculos',//controlador
		// 		type: "POST",//tipo de peticion POST o GET
		// 		headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
		// 		data: {	'Opcion'  : Opcion, 
		// 				'Placa'   : Placa }//formato json Data
			
		// 	}).done(function(datoct) 
		// 	{
		// 		//convierto la respuesta json
		// 		var vehiculo_bus = JSON.parse(datoct);

		// 		if (vehiculo_bus.length > 0) 
		// 		{
		// 			CtrlVehiculo = '1';
		// 			VehiculoId = vehiculo_bus[0].IdVehiculo;
		// 			$('#opt_clasemat').val(vehiculo_bus[0].ClaseMat); 
		// 			$('#myInput2').val(vehiculo_bus[0].IdMarca);
		// 			$('#opt_color_veh').val(vehiculo_bus[0].IdColor);
		// 			$('#opt_modelo_veh').val(vehiculo_bus[0].Modelo);
		// 			$('#opt_tipo_veh').val(vehiculo_bus[0].IdTipo);
		// 			$('#opt_empresa_veh').val(vehiculo_bus[0].Empresa);
		// 			$('#opt_nit_veh').val(vehiculo_bus[0].Nit);
		// 		}else{
		// 			CtrlVehiculo = '0';
		// 		}
				
		// 		//Activar Boton
		// 		$('#btn_huesped_principal').show();
		// 	});

		// });

		// //Actualizar Huesped
		// function Guardar_Huesped()
		// {  
		// 	Identificacion    = $('#txt_documento_reserva').val();
		// 	TipoDocumento     = $('#txt_tipodoc_reserva').val();
		// 	Nombres           = $('#txt_nombres_reserva').val();
		// 	Apellidos         = $('#txt_apellidos_reserva').val();
		// 	FechaNac          = $('#txt_fechanac_reserva').val();
		// 	LugarNac          = $('#txt_lugarnac_reserva').val();
		// 	Genero            = $('#txt_genero_reserva').val();
		// 	Telefono          = $('#txt_telefono_reserva').val();
		// 	Movil             = $('#txt_movil_reserva').val();
		// 	Nacionalidad      = $('#txt_nacionalidad_reserva').val();
		// 	Ocupacion         = $('#txt_ocupacion_reserva').val(); 
		// 	Email             = $('#txt_correoelect_reserva').val();
		// 	PaisResidencia    = $('#txt_psresidencia_reserva').val();
		// 	CiudadResidencia  = $('#txt_cdresidencia_reserva').val();
		// 	PaisProcedencia   = $('#txt_psprocedencia_reserva').val();
		// 	CiudadProcedencia = $('#txt_cdprocedencia_reserva').val();
		//  	Direccion         = $('#txt_direccion_reserva').val();
		//  	Placa             = VehiculoId;
				
		//  	//Validaciones de front end
		//  	if(Identificacion == '')   {Swal.fire("Error", "Se debe diligenciar el número de documento del huesped", "error"); return;}
		//  	if(TipoDocumento == '')    {Swal.fire("Error", "Se debe diligencia el tipo de documento del huesped", "error");    return;}
		//  	if(Nombres == '')          {Swal.fire("Error", "Se debe diligenciar el nombre completo", "error");                 return;}
		//  	if(Apellidos == '')        {Swal.fire("Error", "Se deben diligencias los apellidos del huesped", "error");         return;}
		//  	if(LugarNac == '')         {Swal.fire("Error", "Se debe diligenciar el lugar de nacimiento", "error");             return;}
		// 	if(Nacionalidad == '')     {Swal.fire("Error", "Se debe diligenciar la nacionalidad", "error");                    return;}
		// 	if(PaisResidencia == '')   {Swal.fire("Error", "Se debe diligenciar el país de residencia", "error");              return;}
		// 	if(CiudadResidencia == '') {Swal.fire("Error", "Se debe diligenciar la ciudad de residencia", "error");            return;}
		// 	if(PaisProcedencia == '')  {Swal.fire("Error", "Se debe diligenciar el país de procedencia", "error");             return;}
		// 	if(CiudadProcedencia == ''){Swal.fire("Error", "Se debe diligencia la ciudad de procedencia", "error");            return;}
			
            
		//  	//llamada a micro servicio de validacion
        //     $.ajax({
        //         url: '<?php echo base_url() ?>Huespedes/updateHuespedes',//controlador
        //         type: "POST",//tipo de peticion POST o GET
        //         headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
        //         data: {'Huesped'           : HuespedId, 
		//  			   'Nombres'           : Nombres, 
		//  			   'Apellidos'         : Apellidos, 
		//  			   'TipoDocumento'     : TipoDocumento, 
		//  			   'Identificacion'    : Identificacion, 
		//  			   'FechaNac'          : FechaNac, 
		//  			   'LugarNac'          : LugarNac, 
		//  			   'Genero'            : Genero,
		//  			   'Telefono'          : Telefono,
		//  			   'Movil'             : Movil,
		//  			   'Nacionalidad'      : Nacionalidad,
		//  			   'Ocupacion'         : Ocupacion,  
		//  			   'Email'             : Email,
		//  			   'CiudadResidencia'  : CiudadResidencia,
		//  			   'CiudadProcedencia' : CiudadProcedencia,
		//  			   'Direccion'         : Direccion,
		//  			   'Placa'    		   : VehiculoId}//formato json Data   
                        
        //     }).done(function(dato){
		//  		var obj = JSON.parse(dato); 
        //         if (obj.res == 'ok'){
		//  			CtrHuesped = '1';
		//  			Swal.fire("Información",obj.msg, "success");
        //        	}
		// 	});
		// };

		//  //Ejecutar el modal - Crear Acompanante
		//  $("#btn_agregar_acompanante").click(function ()
		//  {  
		//  	LimpiarModal();
		//  	$('.titulo_acompanante').text("Nuevo Acompañante");
		//  	$("#modal_acompanante_nuevo").modal("show");
		//  	$('#btn_guardar_acompanante').text('Registrar');
		//  });
		
		// // Editar el acompañante
        // function btn_editar_acompanante(Valor)
		// {
		// 	//Asignar Variables
		// 	edicion       = '1';
		// 	AcompananteId = Valor;

		// 	//Limpiar campos del Modal
		// 	LimpiarModal();
			
		// 	//Recorrer la Tabla acompañantes
		// 	for(i=0;i<=acompanantes.length;i++)
		// 	{
		// 		if(acompanantes[i].IdAcompanante == Valor)
		// 		{
		// 			$('#opt_nombre_huespedes').val(acompanantes[i].Nombres); 
		// 			$('#opt_apellido_huespedes').val(acompanantes[i].Apellidos); 
		// 			$('#opt_tipodoc_huespedes').val(acompanantes[i].IdTipoDoc);
		// 			$('#opt_identificacion_huespedes').val(acompanantes[i].Identificacion);
		// 			$('#opt_fecnac_huespedes').val(acompanantes[i].FechaNac);
		// 			$('#opt_lugarnac_huespedes').val(acompanantes[i].LugarNac);
		// 			$('#opt_genero_huespedes').val(acompanantes[i].Genero);
		// 			$('#opt_telefono_huespedes').val(acompanantes[i].Telefono);
		// 			$('#opt_movil_huespedes').val(acompanantes[i].Movil); 
		// 			$('#opt_nacionalidad_huespedes').val(acompanantes[i].Nacionalidad);
		// 			$('#opt_ocupacion_huespedes').val(acompanantes[i].Ocupacion); 
		// 			$('#opt_correo_huespedes').val(acompanantes[i].CorreoElectronico);
		// 			$('#opt_residencia_huespedes').val(acompanantes[i].Ciudad_Residencia);
		// 			$('#opt_procedencia_huespedes').val(acompanantes[i].Ciudad_Procedencia);
					
		// 			$('.titulo_acompanante').text("Editar Acompañante");
		// 			$("#modal_acompanante_nuevo").modal("show");
		// 			$('#btn_guardar_acompanante').text('Actualizar');
		// 		}
		// 	}
        // };

		// //Agregar Acompañantes al huesped 
		// function AgregarAcompañantes()
		// {
		// 	//Asignar valores a variables
        //     var Nombres        = $('#opt_nombre_huespedes').val(); 
        //     var Apellidos      = $('#opt_apellido_huespedes').val(); 
        //     var TipoDoc        = $('#opt_tipodoc_huespedes').val();
        //     var Identificacion = $('#opt_identificacion_huespedes').val();
        //     var FechaNac       = $('#opt_fecnac_huespedes').val();
        //     var LugarNac       = $('#opt_lugarnac_huespedes').val();
        //     var Genero         = $('#opt_genero_huespedes').val();
        //     var Telefono       = $('#opt_telefono_huespedes').val();
        //     var Movil          = $('#opt_movil_huespedes').val(); 
        //     var Nacionalidad   = $('#opt_nacionalidad_huespedes').val();
        //     var Ocupacion      = $('#opt_ocupacion_huespedes').val(); 
        //     var CorreoElec     = $('#opt_correo_huespedes').val();
        //     var Residencia     = $('#opt_residencia_huespedes').val();
        //     var Procedencia    = $('#opt_procedencia_huespedes').val();

        //     var btnCerrar      = document.getElementById("cerrar_modal");

		// 	//Validaciones de front end
		// 	if(Nombres == '')        {Swal.fire("Error", "Se deben Diligenciar el Nombre Completo", "error");     return;}
		// 	if(Apellidos == '')      {Swal.fire("Error", "Se deben Diligenciar el Apellido Completo", "error");   return;}
		// 	if(TipoDoc == '')        {Swal.fire("Error", "Se deben Diligenciar el Tipo de Documento", "error");   return;}
		// 	if(Identificacion == '') {Swal.fire("Error", "Se deben Diligenciar la Identificación", "error");      return;}
		// 	if(LugarNac == '')       {Swal.fire("Error", "Se deben Diligenciar el Lugar de Nacimiento", "error"); return;}
		// 	if(FechaNac == '')       {Swal.fire("Error", "Se deben Diligenciar la Fecha de Nacimiento", "error"); return;}
		// 	if(Genero == '')         {Swal.fire("Error", "Se deben Diligenciar el Género", "error");              return;}
		// 	if(Telefono == '')       {Swal.fire("Error", "Se deben Diligenciar el Teléfono", "error");            return;}
		// 	if(Movil == '')          {Swal.fire("Error", "Se deben Diligenciar el Móvil", "error");               return;}
		// 	if(Nacionalidad == '')   {Swal.fire("Error", "Se deben Diligenciar la Nacionalidad", "error");        return;}
		// 	if(Ocupacion == '')      {Swal.fire("Error", "Se deben Diligenciar la Ocupación", "error");           return;}
		// 	if(CorreoElec == '')     {Swal.fire("Error", "Se deben Diligenciar el Correo Eléctronico", "error");  return;}
		// 	if(Residencia == '')     {Swal.fire("Error", "Se deben Diligenciar la Residencia", "error");          return;}
		// 	if(Procedencia == '')    {Swal.fire("Error", "Se deben Diligenciar la Procedencia", "error");         return;}

		// 	//Validar si es Creacion o Actualizacion
        //     if (edicion == '0') 
		// 	{
		// 		//llamada a micro servicio de validacion
		// 		$.ajax({
		// 			url: '<?php echo base_url() ?>Acompanantes/insertAcompanantes',//controlador
		// 			type: "POST",//tipo de peticion POST o GET
		// 			headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
		// 			data: { 'ReservaId'      : ReservaId, 
		// 					'HuespedId'      : HuespedId, 
		// 					'Nombres'        : Nombres, 
		// 					'Apellidos'      : Apellidos, 
		// 					'TipoDoc'        : TipoDoc, 
		// 					'Identificacion' : Identificacion, 
		// 					'FechaNac'       : FechaNac,
		// 					'LugarNac'       : LugarNac,
		// 					'Genero'         : Genero,
		// 					'Telefono'       : Telefono,
		// 					'Movil'          : Movil,  
		// 					'Nacionalidad'   : Nacionalidad,
		// 					'Ocupacion'      : Ocupacion,
		// 					'CorreoElec'     : CorreoElec,
		// 					'Residencia'     : Residencia,
		// 					'Procedencia'    : Procedencia }//formato json Data   
							
		// 		}).done(function(dato) 
		// 		{
		// 			//convierto la respuesta json
		// 			var obj = JSON.parse(dato); 
		// 			if (obj.res == 'ok') 
		// 			{
		// 				CtrAcompa = '1';
		// 				$('#btn_huesped_principal').hide(); 
		// 				Swal.fire("Información",obj.msg, "success");
		// 			}

		// 		});	

		// 		btnCerrar.click();
		// 		LlenarAcompanantes();     
		// 		LimpiarModal();

        //     }else{

		// 		//llamada a micro servicio de validacion
		// 		$.ajax({
		// 			url: '<?php echo base_url() ?>Acompanantes/updateAcompanantes',//controlador
		// 			type: "POST",//tipo de peticion POST o GET
		// 			headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
		// 			data: { 'AcompananteId'  : AcompananteId, 
		// 					'ReservaId'      : ReservaId, 
		// 					'HuespedId'      : HuespedId, 
		// 					'Nombres'        : Nombres, 
		// 					'Apellidos'      : Apellidos, 
		// 					'TipoDoc'        : TipoDoc, 
		// 					'Identificacion' : Identificacion, 
		// 					'FechaNac'       : FechaNac,
		// 					'LugarNac'       : LugarNac,
		// 					'Genero'         : Genero,
		// 					'Telefono'       : Telefono,
		// 					'Movil'          : Movil,  
		// 					'Nacionalidad'   : Nacionalidad,
		// 					'Ocupacion'      : Ocupacion,
		// 					'CorreoElec'     : CorreoElec,
		// 					'Residencia'     : Residencia,
		// 					'Procedencia'    : Procedencia }//formato json Data   
							
		// 		}).done(function(dato) 
		// 		{
		// 			//convierto la respuesta json
		// 			var obj = JSON.parse(dato); 
		// 			if (obj.res == 'ok') 
		// 			{
		// 				CtrAcompa = '1';
		// 				$('#btn_huesped_principal').hide(); 
		// 				Swal.fire("Información",obj.msg, "success");
		// 			}

		// 		});	

		// 		btnCerrar.click();
		// 		LlenarAcompanantes();     
		// 		LimpiarModal();
                
        //     }
        // };

		// //LLenar tabla de Acompañantes
		// function LlenarAcompanantes()
		// {
		// 	//Definir Variables
		// 	Opcion = '3';

		// 	//Lamado a ajax para traer los departamentos
		// 	$.ajax({
		// 		url: '<?php echo base_url() ?>Acompanantes/searchAcompanantes',//controlador
		// 		type: "POST",//tipo de peticion POST o GET
		// 		headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
		// 		data: {	'Opcion'    : Opcion, 
		// 				'ReservaId' : ReservaId,
		// 				'HuespedId' : HuespedId }//formato json Data

		// 	}).done(function(datoct) 
		// 	{
		// 		//convierto la respuesta json
		// 		acompanantes = JSON.parse(datoct);
		// 		TotalAcom    = acompanantes.length;
									
		// 		//Cantidad de Acompañantes
		// 		$('#txt_acompanantes_reserva').val(TotalAcom); 


		// 		if (acompanantes.length > 0) 
		// 		{
		// 			//recorrer la Tabla Contratos
		// 			for(i=0; i<acompanantes.length; i++){
		// 				if(acompanantes[i].IdHuesped==HuespedId)
		// 				{
		// 					Nombres        = acompanantes[i].Nombres;
		// 					Apellidos      = acompanantes[i].Apellidos; 
		// 					TipoDoc        = acompanantes[i].IdTipoDoc;
		// 					Identificacion = acompanantes[i].Identificacion;
		// 					FechaNac       = acompanantes[i].FechaNac;
		// 					LugarNac       = acompanantes[i].LugarNac;
		// 					Genero         = acompanantes[i].Genero;
		// 					Telefono       = acompanantes[i].Telefono;
		// 					Movil          = acompanantes[i].Movil; 
		// 					Nacionalidad   = acompanantes[i].Nacionalidad;
		// 					Ocupacion      = acompanantes[i].Ocupacion; 
		// 					CorreoElec     = acompanantes[i].CorreoElectronico;
		// 					Residencia     = acompanantes[i].Ciudad_Residencia;
		// 					Procedencia    = acompanantes[i].Ciudad_Procedencia;

		// 					if(	Nombres        == '' ||
		// 						Apellidos      == '' ||
		// 						TipoDoc        == '' ||
		// 						Identificacion == '' ||
		// 						FechaNac       == '' ||
		// 						LugarNac       == '' ||
		// 						Genero         == '' ||
		// 						Telefono       == '' ||
		// 						Movil          == '' ||
		// 						Nacionalidad   == '' ||
		// 						Ocupacion      == '' ||
		// 						CorreoElec     == '' ||
		// 						Residencia     == '' ||
		// 						Procedencia    == ''  )
		// 					{
		// 						Swal.fire("Información","Faltan Completar la Información del Acompañante", "success").then((res)=>{
		// 							CtrAcompa = '0';
		// 						});

		// 					}else{
		// 							CtrAcompa = '1';
		// 					}
		// 				}
		// 			}

		// 			//llenar tabla acompanantes
		// 			$("#example1").DataTable({
		// 				data: acompanantes,
		// 				destroy: true,
		// 				responsive: true,
		// 				searching: false,
		// 				columns:
		// 				[
		// 					// {data : 'IdAcompanante'},
		// 					{data : 'Nombres'},
		// 					{data : 'Apellidos'},
		// 					{data : 'NomDoc'},
		// 					{data : 'Identificacion'},
		// 					{data : 'FechaNac'},
		// 					{data : 'Ocupacion'},
		// 					{data : 'NomPais'},
		// 					{data : 'CorreoElectronico'},
		// 					{data : 'IdAcompanante',
		// 						render: function ( data, type, customer ) {
									
		// 							AcompananteId = customer.IdAcompanante;
		// 							return '<a href="#" onclick="btn_editar_acompanante('+ AcompananteId +')" data-id="' + AcompananteId + '"  class="table-edit" >Editar</a>&nbsp;&nbsp;<a href="#" onclick="EliminarAcompanante('+ AcompananteId +')" data-id="' + AcompananteId + '" class="table-edit" >Bloquear</a>';
		// 						}
		// 					}
		// 				],
		// 				responsive: true, "lengthChange": false, "autoWidth": false
		// 			}).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
				
		// 		}else{

		// 			CtrAcompa = '1';
		// 		}
		// 	});
        // };

		// //Eliminar el registro del modal
		// function EliminarAcompanante(Valor)
		// {
        // 	Swal.fire({
		// 		title: "¿Está seguro de Bloquear el Acompañante?",
		// 		text: "Esta opción quitará el Acompañante seleccionado de la lista",
		// 		icon: "warning",
		// 		showCancelButton: true,
		// 		confirmButtonColor: '#3085d6',
		// 		cancelButtonColor: '#d33',
		// 		confirmButtonText: 'Bloquear',
		// 		cancelButtonText: 'Cancelar'
		// 	}).then((result) => {
		// 		if (result.isConfirmed)
		// 		{
		// 			//Definir Variables
		// 			Opcion     = '1';
		// 			Huesped_Id = '0';

		// 			//Registro de sesion cerrada.
		// 			$.ajax({
		// 				url: '<?php echo base_url() ?>Acompanantes/blockAcompanantes',//controlador
		// 				type: "POST",//tipo de peticion POST o GET
		// 				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
		// 				data: { 'AcompananteId' : Valor,
		// 						'HuespedId'     : Huesped_Id }//formato json Data

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

		// 				var obj = JSON.parse(dato); 
		// 				if (obj.res == 'ok')
		// 				{
		// 					//Actualizar Tabla Acompañantes
		// 					$("#example1").DataTable().clear().draw();
		// 					LlenarAcompanantes();				
		// 				}
		// 			});		   
		// 		} 
		// 	});
        // };
		
		//Validar cantidad de acompañantes para guardar
		function ValidarGuardar()
		{
            //Definir variables
			var Opcion    = '3';
			var AcompaNum = $('#txt_acompanantes_reserva').val();

			//Lamado a ajax para traer los departamentos
			$.ajax({
				url: '<?php echo base_url() ?>Acompanantes/searchAcompanantes',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: {	'Opcion'    : Opcion, 
						'ReservaId' : ReservaId,
						'HuespedId' : HuespedId }//formato json Data

			}).done(function(datoct) 
			{
				//convierto la respuesta json
                
				var acompanante_bus = JSON.parse(datoct);
				var TotalAcompa = acompanante_bus.length;

				if (acompanante_bus.length > 0) 
				{
					if(AcompaNum == TotalAcompa){

						// CtrAcompa == '1'
						ActualizarReserva();
					}else{
						
						Swal.fire("Acción Denegada", "El número de acompañantes no coincide con el digitado", "info");  
					}

				}else{
					
					if(AcompaNum == TotalAcompa){
						// CtrAcompa == '1'
						ActualizarReserva();
					}else{
						Swal.fire("Acción Denegada", "El número de acompañantes no coincide con el digitado", "info");
					}  
					
				}
			});
        };

		//Actualizar Reserva
		function ActualizarReserva()
		{
			Nombres          = $('#txt_nombres_reserva').val();
            Apellidos        = $('#txt_apellidos_reserva').val();
            TipoDoc          = $('#txt_tipodoc_reserva').val();
            Identificacion   = $('#txt_documento_reserva').val();
            FechaNac         = $('#txt_fechanac_reserva').val();
            LugarNac         = $('#txt_lugarnac_reserva').val();
            Genero           = $('#txt_genero_reserva').val();
            Telefono         = $('#txt_telefono_reserva').val();
            Movil            = $('#txt_movil_reserva').val();
            Nacionalidad     = $('#txt_nacionalidad_reserva').val();
            Ocupacion        = $('#txt_ocupacion_reserva').val();
            CorreoElec       = $('#txt_correoelect_reserva').val();
            Residencia       = $('#txt_psresidencia_reserva').val();
            Procedencia      = $('#txt_psprocedencia_reserva').val();
            Placa            = $('#txt_placa_reserva').val();
            FechaIni         = $('#txt_fechaini_reserva').val();
            HoraIni          = $('#txt_horaini_reserva').val();
            FechaFin         = $('#txt_fechafin_reserva').val();
            HoraFin          = $('#txt_horafin_reserva').val();
            // Estado           = $('#txt_estado_reserva').val();
            Estado           = '7';
            Habitacion       = $('#txt_numerohab_reserva').val();
				// if(Habitacion == null) { Habitacion = HabitacionId; }
            Motivo           = $('#txt_motivo_reserva').val();
            Acompanantes     = $('#txt_acompanantes_reserva').val();
            MedioPago        = $('#txt_mdpago_reserva').val();
            ValorReserva     = $('#txt_preciototal').val();
			Hotel            = $('#txt_hotel_reserva').val();
            TipoFac          = $('#txt_tipfac_reserva').val();
            PrecioHabitacion = $('#txt_precio').val();
            PrecioAdicional  = $('#txt_precioadicional').val();
			Descuento        = $('#txt_descuento').val();
			CargoAdicional   = $('#txt_cargoadicional').val();
            Iva              = $('#txt_iva').val();
            PrecioTotal      = $('#txt_preciototal').val();
            IdTipoOcupacion  = $('#txt_tipoocupacion').val();
            IdClaseOcupacion = $('#txt_claseocupacion').val();
            Adicional        = $('#txt_adicional').val();
			Observacion      = $('#txt_observacion').val();
			Iva              = $('#txt_iva').val();
			if(Iva = ' '){Iva = '1';}else{Iva = $('#txt_iva').val();}	
            ListAcompanante  = Acompa;
			Accion           = edicionHuesped;
			IdReserva        = ReservaId;
			IdVehiculo       = VehiculoId;
			if (IdVehiculo == null){IdVehiculo = 0;}

			//Validaciones de front end
			if(Hotel == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar 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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

			if(FechaIni == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar la fecha del Check In',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

			if(HoraIni == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar la hora del Check In',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

            if(FechaFin == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar la fecha del Check Out',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

            if(HoraFin == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar la hora del Check Out',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

            if(Estado == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el estado de la reserva',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

            if(Habitacion == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el número de habitación',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

            if(Motivo == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el motivo del viaje',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

            if(Acompanantes == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar la cantidad de acompañantes',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

            if(MedioPago == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el medio de pago',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

            if(TipoFac == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el tipo de facturación',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

            if(IdClaseOcupacion == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el tipo de huésped',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

            if(IdTipoOcupacion == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el tipo de ocupación',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

            if(Adicional == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar si hay personas adicionales',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }

            if(Iva == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el porcentaje de impuesto',
                    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"
                }); 
                $('#btn_guardar_reserva').attr("disabled",false); 
                return;
            }
			
		
			$.ajax({
				url: '<?php echo base_url() ?>Reservas/updateReservas',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { "IdReserva"         : IdReserva,
						"NombresH"          : Nombres,
						"ApellidosH"        : Apellidos,
						"TipoDocH"          : TipoDoc,
						"IdentificacionH"   : Identificacion,
						"FechaNacH"         : FechaNac,
						"LugarNacH"         : LugarNac,
						"GeneroH"           : Genero,
						"TelefonoH"         : Telefono, 
						"MovilH"            : Movil,
						"NacionalidadH"     : Nacionalidad,
						"OcupacionH"        : Ocupacion,
						"CorreoElecH"       : CorreoElec,
						"ResidenciaH"       : Residencia,
						"ProcedenciaH"      : Procedencia,
						"PlacaH"            : Placa,
						"FechaIniR"         : FechaIni,
						"HoraIniR"          : HoraIni,
						"FechaFinR"         : FechaFin,
						"HoraFinR"          : HoraFin,
						"EstadoR"           : Estado,
						"HabitacionR"       : Habitacion,
						"MotivoR"           : Motivo,
						"AcompanantesR"     : Acompanantes,
						"MedioPagoR"        : MedioPago,
						"ValorReservaR"     : ValorReserva,
						"HuespedR"          : HuespedId,
						"HotelR"            : Hotel,
						"TipoFacR"          : TipoFac,
						"ListAcompanante"   : ListAcompanante,
						"Accion"            : Accion,
						"Disponibilidad"    : 5,
                        "PrecioHabitacion"  : PrecioHabitacion,
                        "PrecioAdicional"   : PrecioAdicional,
                        "Descuento"         : Descuento,
						"CargoAdicional"    : CargoAdicional,
                        "Iva"               : Iva,
                        "PrecioTotal"       : PrecioTotal,
                        "IdTipoOcupacion"   : IdTipoOcupacion, 
                        "IdClaseOcupacion"  : IdClaseOcupacion, 
                        "Adicional"         : Adicional,
						"Observacion"       : Observacion,
						"IdVehiculo"        : IdVehiculo  }//formato json Data   
						
			}).done(function(dato) 
			{
				var obj = JSON.parse(dato); 

                if (obj.res == 'ok') 
				{
					// $('#btn_guardar_veh').hide();
					// $('#btn_huesped_principal').hide(); 
					$('#btn_guardar_reserva').hide();
					$('#btn_cerrar_reserva').show();
					Swal.fire("Información","Actualizada reserva en fase Check Out", "success").then((res)=>{
					 	window.location.href="<?php echo base_url() ?>Check/listCheckOut";
					});
					// NumHabita = obj.id;
					// IdHuespedP = obj.idh;
					// RealizarCheckIn();
					// if(CtrAcompa == '1' && CtrHuesped == '1')
					// {
					// 	//Cambiar el esta de la habitacion
					// 	if( HabitacionId != HabitaId)
					// 	{
					// 		ActualizarHabitacion();
					// 		Swal.fire("Información","Actualizada Reserva en Fase Check Out", "success").then((res)=>{
					// 			window.location.href="<?php echo base_url() ?>Check/listCheckOut";
					// 		});

					// 	}else{
							
					// 		Swal.fire("Información","Actualizada Reserva en Fase Check Out", "success").then((res)=>{
					// 			window.location.href="<?php echo base_url() ?>Check/listCheckOut";
					// 		});
					// 	}

					// }else{

					// 	Swal.fire("Warning",'Falta Agregar Información', "warning");
					// }
               	}
			});
		};

		// //Actualizar Habitacion
		// function ActualizarHabitacion()
		// {
        //     $.ajax({
        //         url: '<?php echo base_url() ?>Habitaciones/updateHabDisponible',//controlador
        //         type: "POST",//tipo de peticion POST o GET
        //         headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
        //         data: { "IdHabitacion"      : HabitaId,
        //                 "Disponibilidad"    : 'D'}//formato json Data   
                        
        //     }).done(function(dato) 
        //     {
                
        //     });
        // };

		//Ejecutar el modal - Crear Vehiculo
		$("#btn_nuevo_vehiculo").click(function ()
		{  
			$('#opt_placa_veh').val(''); 
            $('#opt_clasemat').val(''); 
            $('#myInput2').val('');
            $('#opt_color_veh').val('');
            $('#opt_modelo_veh').val('');
			$('#opt_tipo_veh').val('');
			$('#opt_emrpesa_veh').val('');
			$('#opt_nit_veh').val('');

			$('#opt_tipo_doc').val(reservas[0].IdTipoDocumento);
            $('#opt_identificacion').val(reservas[0].Identificacion);
            $('#opt_nombres').val(reservas[0].NomHPrincipal);
            $('#opt_apellidos').val(reservas[0].Apellidos);

			//Cargar Modal
			$("#modal_vehiculo_nuevo").modal("show");
		});

		//Agregar Vehiculo 
        function GuardarVehiculo()
		{
            var PlacaV    = $('#opt_placa_veh').val(); 
            var ClaseV    = $('#opt_clasemat').val(); 
            var MarcaV    = $('#myInput2').val();
            var ColorV    = $('#opt_color_veh').val();
            var ModeloV   = $('#opt_modelo_veh').val();
            var TipoV     = $('#opt_tipo_veh').val();
            var EmpresaV  = $('#opt_empresa_veh').val();
            var NitV      = $('#opt_nit_veh').val();

            var IdTipoDocumento = $('#opt_tipo_doc').val();
            var Identif   = $('#opt_identificacion').val();
            var Nombres   = $('#opt_nombres').val();
            var Apellidos = $('#opt_apellidos').val();
			var IdReserva = ReservaId;

			//Validaciones de front end
			if(PlacaV == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar la placa del vehículo',
                    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(ClaseV == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar la clase de matrícula',
                    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(MarcaV == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar la marca del vehículo',
                    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(ColorV == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el color del vehículo',
                    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(ModeloV == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el modelo del vehículo',
                    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(TipoV == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el tipo de vehículo',
                    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;
            }

            //validar si es creacion y actualizacion
			if(CtrlVehiculo == '0')
			{
				$.ajax({
					url: '<?php echo base_url() ?>Vehiculos/insertVehiculos',//controlador
					type: "POST",//tipo de peticion POST o GET
					headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
					data: { 'Placa'          : PlacaV, 
							'ClaseMat'       : ClaseV, 
							'Marca'          : MarcaV,
							'Color'          : ColorV,
							'Modelo'         : ModeloV,
							'Tipo'           : TipoV,
							'Empresa'        : EmpresaV,
							'Nit'            : NitV,
							'HuespedId'      : HuespedId,
							'Identificacion' : Identif,
							'Nombres'        : Nombres,
							'Apellidos'      : Apellidos,
							'IdReserva'      : IdReserva }//formato json Data   

				}).done(function(dato) 
				{
					//convierto la respuesta json
					var obj = JSON.parse(dato); 
					if (obj.res == 'ok') {
						VehiculoId = obj.id;
						$('#btn_huesped_principal').show();
						$('#btn_huesped_principal').text('Actualizar');

						//Traer informacion vehiculo 
						Opcion    = '8';
						InformacionInicialVehiculo();

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

			}else{
				$.ajax({
					url: '<?php echo base_url() ?>Vehiculos/updateVehiculos',//controlador
					type: "POST",//tipo de peticion POST o GET
					headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
					data: { 'VehiculoId'      : VehiculoId, 
							'Placa'           : PlacaV, 
							'ClaseMat'        : ClaseV, 
							'Marca'           : MarcaV,
							'Color'           : ColorV,
							'Modelo'          : ModeloV,
							'Tipo'            : TipoV,
							'Empresa'         : EmpresaV,
							'Nit'             : NitV,
							'HuespedId'       : HuespedId,
							'Identificacion'  : Identif,
							'Nombres'         : Nombres,
							'Apellidos'       : Apellidos,
							'IdTipoDocumento' : IdTipoDocumento,
							'IdReserva'       : ReservaId }//formato json Data   

				}).done(function(dato) 
				{
					//convierto la respuesta json
					var obj = JSON.parse(dato); 
					
					if (obj.res == 'ok') {
						
						$('#btn_huesped_principal').attr("disabled",false);
						$('#btn_huesped_principal').text('Actualizar');

						//Traer informacion vehiculo 
						Opcion    = '9';
						InformacionInicialVehiculo();
						
					}else{
						Swal.fire("error",obj.msg, "error");     
					}
				});
			}
        };

		//Traer Vehiculo de inicio 
		function InformacionInicialVehiculo()
		{
			//Lamado a ajax para traer los departamentos
			$.ajax({
				url: '<?php echo base_url() ?>Vehiculos/searchVehiculos',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: {	'Opcion'     : Opcion, 
						'Ident'      : Ident_Ini,
						'IdVehiculo' : VehiculoId  }//formato json Data
			
			}).done(function(datohd) 
			{
				//convierto la respuesta json
				vehiculos = JSON.parse(datohd);

				if (vehiculos.length > 0) 
				{
					//OpcionesVehiculos(vehiculos);
					//validar permisos de acceso
					for(i=0; i<vehiculos.length; i++){
						if (vehiculos[i].IdVehiculo == VehiculoId)
						{ 
							$('#txt_placa_reserva').val(vehiculos[i].Placa);
							$('#txt_marca_reserva').val(vehiculos[i].Marca);
							$('#txt_modelo_reserva').val(vehiculos[i].Modelo);
							$('#txt_color_reserva').val(vehiculos[i].NombreColor);
							$('#txt_tipo_reserva').val(vehiculos[i].TipoVehiculo);
							$('#txt_matricula_reserva').val(vehiculos[i].NombreClase);
							$('#txt_empresa_reserva').val(vehiculos[i].Empresa);
							$('#txt_nit_reserva').val(vehiculos[i].Nit);
							break;
						}
					}
				}

			});
		};

		// //Validar Registro Completo
		// function ValidarRegitroCompleto()
		// {
		// 	//Validar Campos en la base de datos
		// 	if(	(reservas[0].Establecimiento) == null ||
		// 		(reservas[0].IdHabitacion) == null ||
		// 		(reservas[0].FechaIni) == null ||	
		// 		(reservas[0].HoraIni) == null ||
		// 		(reservas[0].FechaFin) == null ||
		// 		(reservas[0].HoraFin) == null ||
		// 		(reservas[0].Estado) == null ||
		// 		(reservas[0].Motivo) == null ||
		// 		(reservas[0].Acompanantes) == null ||
		// 		(reservas[0].MedioPago) == null ||
		// 		(reservas[0].IdTipFac) == null ||
		// 		(reservas[0].Matricula) == null ||
		// 		(reservas[0].IdTipoOcupacion) == null ||
		// 		(reservas[0].Adicional) == null ||
		// 		(reservas[0].PrecioHabitacion) == null ||
		// 		(reservas[0].PrecioAdicional) == null ||
		// 		(reservas[0].Descuento) == null ||
		// 		(reservas[0].Iva) == null ||
		// 		(reservas[0].PrecioTotal) == null ||
		// 		(huespedes[0].IdHuesped) == null ||
		// 		(huespedes[0].Identificacion) == null ||
		// 		(huespedes[0].IdTipoDoc) == null ||
		// 		(huespedes[0].Nombres) == null ||
		// 		(huespedes[0].Apellidos) == null ||
		// 		(huespedes[0].FechaNac) == null ||
		// 		(huespedes[0].LugarNac) == null ||
		// 		(huespedes[0].Genero) == null ||
		// 		(huespedes[0].Telefono) == null ||
		// 		(huespedes[0].Movil) == null ||
		// 		(huespedes[0].Nacionalidad) == null ||
		// 		(huespedes[0].Ocupacion) == null ||
		// 		(huespedes[0].CorreoElectronico) == null ||
		// 		(huespedes[0].Direccion) == null )
		// 	{
				
		// 		Swal.fire("Información","Faltan Completar la Información de la Reserva", "warning").then((res)=>{
		// 			CtrHuesped = '0';
		// 		});
				
		// 	}else{
		// 			CtrHuesped = '1';
		// 	}

		// 	//validacion de registro completo
		// 	if(CtrAcompa == '1' && CtrHuesped == '1')
		// 	{
		// 		//Bloquear Botones
		// 		$('#btn_guardar_veh').hide();
		// 		$('#btn_huesped_principal').hide(); 
		// 		$('#btn_guardar_reserva').hide();
		// 		$('#btn_cerrar_reserva').show();

		// 		//Confirmar el Checkin
		// 		RealizarCheckIn();
		// 	}
		// };

		// // Muestra opciones de vehiculos
		// function OpcionesVehiculos(placas)
		// {
        //     $('#txt_placa_reserva').html(()=>{
        //         var html = '<option value="0" hidden>--Seleccionar-- </option>';
            
        //         if (placas.length > 0) {
        //             placas.forEach(x=>{
        //                 html += 
        //                         `
        //                             <option value="${x.IdVehiculo}">${x.Placa}</option>
        //                         `;
        //             });
        //         } else {
        //             $('#txt_habitacion_reserva').val("");
        //         }

        //         return html;
        //     });
        // };

		// // Muestra opciones de habitaciòn
        // function OpcionesHabitacion(data)
		// {
        //     $('#txt_numerohab_reserva').html(()=>{
        //         var html = '<option value="0" hidden>--Seleccionar-- </option>';
        //         if (data.length > 0) {
        //             data.forEach(x=>{
        //                 html += 
        //                         `
        //                             <option value="${x.IdHabitacion}">${x.NumeroHabitacion} - ${x.Nombres}</option>
        //                         `;
        //             });
        //         } else {
        //             $('#txt_habitacion_reserva').val("");
        //         }

        //         return html;
        //     });
        // };

		// // Muestra opciones de departamentos
		// function OpcionesDepartamentos(data)
		// {
        //     $('#txt_dtresidencia_reserva').html(()=>{
        //         var html = '<option value="0" hidden>--Seleccionar-- </option>';
        //         if (data.length > 0) {
        //             data.forEach(x=>{
        //                 html += 
        //                         `
        //                             <option value="${x.IdDepartamento}">${x.Nombre}</option>
        //                         `;
        //             });
        //         } else {
        //             // $('#txt_habitacion_reserva').val("");
        //         }

        //         return html;
        //     });
        // };

        // // Muestra opciones de ciudades
        // function OpcionesCiudades(data)
		// {
        //     $('#txt_cdresidencia_reserva').html(()=>{
        //         var html = '<option value="0" hidden>--Seleccionar-- </option>';
        //         if (data.length > 0) {
        //             data.forEach(x=>{
        //                 html += 
        //                         `
        //                             <option value="${x.IdCiudad}">${x.Nombre}</option>
        //                         `;
        //             });
        //         } else {
        //             // $('#txt_habitacion_reserva').val("");
        //         }

        //         return html;
        //     });
        // };

		// // Muestra opciones de departamentos
		// function OpcionesDepartamentosP(data)
		// {
        //     $('#txt_dtprocedencia_reserva').html(()=>{
        //         var html = '<option value="0" hidden>--Seleccionar-- </option>';
        //         if (data.length > 0) {
        //             data.forEach(x=>{
        //                 html += 
        //                         `
        //                             <option value="${x.IdDepartamento}">${x.Nombre}</option>
        //                         `;
        //             });
        //         } else {
        //             // $('#txt_habitacion_reserva').val("");
        //         }

        //         return html;
        //     });
        // };

        // // Muestra opciones de ciudades
        // function OpcionesCiudadesP(data)
		// {
        //     $('#txt_cdprocedencia_reserva').html(()=>{
        //         var html = '<option value="0" hidden>--Seleccionar-- </option>';
        //         if (data.length > 0) {
        //             data.forEach(x=>{
        //                 html += 
        //                         `
        //                             <option value="${x.IdCiudad}">${x.Nombre}</option>
        //                         `;
        //             });
        //         } else {
        //             // $('#txt_habitacion_reserva').val("");
        //         }

        //         return html;
        //     });
        // };

		// //Calcular precio Habitacion
        // function PrecioHabitacion()
		// {
		// 	var VehiculoId      = $('#txt_placa_reserva').val();
		// 	var Habitacion      = $('#txt_numerohab_reserva').val();
		// 	var TipoOcupacionId = $('#txt_tipoocupacion').val();
		// 	var ClaseOcupacion  = $('#txt_claseocupacion').val();
            
		// 	if (VehiculoId != 0 && TipoOcupacionId != 0) {
           
		//    		var tipoVeh = vehiculos.filter(x => x.IdVehiculo == VehiculoId)[0].ClaseMat;
		// 		var valor   = valorhabitacion.filter(x => x.IdTipoOcupacion == TipoOcupacionId && x.ClaseMat == ClaseOcupacion && x.IdHabitacion == Habitacion)[0].Precio;
		
		// 		$('#txt_precio').val(valor);
		// 	}
        // };

		// //Calcular precio Habitacion Adicional
        // function PrecioAdicionalHab()
		// {
		// 	//Definir Variables
		// 	var Adicional       = $('#txt_adicional').val();
		// 	var VehiculoId      = $('#txt_placa_reserva').val();
		// 	var TipoOcupacionId = '4';
		// 	var ClaseOcupacion  = $('#txt_claseocupacion').val();

		// 	if(Adicional == 1)
		// 	{
		// 		// var tipoVeh = vehiculos.filter(x => x.IdVehiculo == VehiculoId)[0].ClaseMat;
		// 		var valor = valorhabitacion.filter(x => x.IdTipoOcupacion == TipoOcupacionId && x.ClaseMat == ClaseOcupacion && x.IdHabitacion == HabitacionId)[0].Precio;
		// 		$('#txt_precioadicional').val(valor);
		// 		$('#txt_descuento').val('0');
		// 		PrecioTotalHab();

		// 	}else{

		// 		var valor = '0';
		// 		$('#txt_precioadicional').val(valor);
		// 		$('#txt_descuento').val(valor);
		// 		$('#txt_cargoadicional').val(valor);
		// 		PrecioTotalHab();
		// 	}
        // };

		// //Calcular precio total
        // function PrecioTotalHab()
		// {
        //     var PrecioHabitacion = $('#txt_precio').val();
        //     var PrecioAdicional  = $('#txt_precioadicional').val();
        //     var ValorDescuento   = $('#txt_descuento').val();
		// 	var CargoAdicional   = $('#txt_cargoadicional').val();
        //     var Iva              = $('#txt_iva').val();
        
        //     TotalPrecio =  ((Number(PrecioHabitacion) + Number(PrecioAdicional) - Number(ValorDescuento) + Number(CargoAdicional))*(Number(Iva)/100));
        //     Total = (Number(PrecioHabitacion) + Number(PrecioAdicional))  - Number(ValorDescuento)  + Number(CargoAdicional) + TotalPrecio;
        //     $('#txt_preciototal').val(Total);
        // };

		// //Limpiar campos del Modal
		// function LimpiarModal()
		// {
        //     $('#opt_identificacion_huespedes').val("");
        //     $('#opt_nombre_huespedes').val(""); 
        //     $('#opt_apellido_huespedes').val(""); 
        //     $('#opt_tipodoc_huespedes').val(0);
        //     $('#opt_fecnac_huespedes').val("");
        //     $('#opt_lugarnac_huespedes').val(0);
        //     $('#opt_genero_huespedes').val(0);
        //     $('#opt_telefono_huespedes').val("");
        //     $('#opt_movil_huespedes').val(""); 
        //     $('#opt_nacionalidad_huespedes').val(0);
        //     $('#opt_ocupacion_huespedes').val(""); 
        //     $('#opt_correo_huespedes').val("");
        //     $('#opt_residencia_huespedes').val(0);
        //     $('#opt_procedencia_huespedes').val(0);
        // };

		// //Limpiar campos huesped
		// function LimpiarHuesped()
		// {
        //     $('#txt_psresidencia_reserva').val(0);
        //     $('#txt_dtresidencia_reserva').val(0);
        //     $('#txt_psprocedencia_reserva').val(0);
        //     $('#txt_dtprocedencia_reserva').val(0);
        //     $('#txt_tipodoc_reserva').val("");
        //     $('#txt_nombres_reserva').val("");
        //     $('#txt_apellidos_reserva').val("");
        //     $('#txt_fechanac_reserva').val("");
        //     $('#txt_lugarnac_reserva').val(0);
        //     $('#txt_genero_reserva').val("");
        //     $('#txt_telefono_reserva').val("");
        //     $('#txt_movil_reserva').val("");
        //     $('#txt_nacionalidad_reserva').val(0);
        //     $('#txt_ocupacion_reserva').val("");
        //     $('#txt_correoelect_reserva').val("");
        //     $('#txt_cdresidencia_reserva').val(0);
        //     $('#txt_cdprocedencia_reserva').val(0);
        //     $('#txt_placa_reserva').val("");       
        // };

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

		// //funcion para reemplazar y limpiar caracteres
		// function limpiarCaracteres(Texto1)
		// {
		// 	Texto1 = Texto1 .replaceAll('á', '&aacute')
		// 				    .replaceAll('é', '&eacute')
		// 				    .replaceAll('í', '&iacute')
		// 				    .replaceAll('ó', '&oacute')
		// 				    .replaceAll('ú', '&uacute')
		// 				    .replaceAll('ñ', '&ntilde')
		// 				    .replaceAll('Á', '&Aacute')
		// 				    .replaceAll('É', '&Eacute')
		// 				    .replaceAll('Í', '&Iacute')
		// 				    .replaceAll('Ó', '&Oacute')
		// 				    .replaceAll('Ú', '&Uacute')
		// 				    .replaceAll('Ñ', '&Ntilde')
		// 				    .replaceAll('%', ' ')
		// 				    .replaceAll('"', ' ')
		// 				    .replaceAll('/', ' ')
		// 				    .replaceAll(':', ' ')
		// 				    .replaceAll(';', ' ')
		// 				    .replaceAll('(', ' ')
		// 				    .replaceAll(')', ' ')
		// 				    .replaceAll('#', ' ');
			
		// 	return Texto1;
		// };

		// //funcion para reemplazar y limpiar caracteres
		// function asignarCaracteres(Texto2)
		// {
		// 	Texto2 = Texto2 .replaceAll('&aacute', 'á')
		// 					.replaceAll('&eacute', 'é')
		// 					.replaceAll('&iacute', 'í')
		// 					.replaceAll('&oacute', 'ó')
		// 					.replaceAll('&uacute', 'ú')
		// 					.replaceAll('&ntilde', 'ñ')
		// 					.replaceAll('&Aacute', 'Á')
		// 					.replaceAll('&Eacute', 'É')
		// 					.replaceAll('&Iacute', 'Í')
		// 					.replaceAll('&Oacute', 'Ó')
		// 					.replaceAll('&Uacute', 'Ú')
		// 					.replaceAll('&Ntilde', 'Ñ');

		// 	return Texto2;
		// };

		// //Validando los campos de la aplicacion. 
		// $("#txt_Numero_reserva").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;
		// 	}
		// });
	
		// $("#txt_checkin_reservas_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;
		// 	}
		// });

		// $("#cmb_capacidad_maxima").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;
		// 	}
		// });

		// $("#txt_descripcion").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 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; 
        };

	</script> 

</body>
</html>
