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

        .fixed-height-label {
            height: 20px; /* Ajusta esta altura según tu diseño */
            display: flex;
            align-items: center; /* Alinea verticalmente el texto */
            white-space: nowrap; /* Evita que el texto pase a la siguiente línea */
            overflow: hidden; /* Oculta cualquier desbordamiento de texto */
            text-overflow: ellipsis; /* Muestra los puntos suspensivos si el texto es demasiado largo */
        }

        .checkbox-container {
            display: flex;
            align-items: center; /* Alineación vertical centrada */
            margin-left: 1rem; /* Ajusta el margen izquierdo para mover el checkbox hacia la derecha */
        }

        .custom-label {
            font-size: 1rem; /* Ajustar el tamaño de la fuente de la etiqueta */
            margin-left: 5px; /* Espaciado entre el checkbox y el label */
            margin-top: 20px; /* Ajuste fino para alinear verticalmente */
        }
    
        .d-flex {
            display: flex;
            align-items: center; /* Alineación vertical centrada */
        }

        .custom-checkbox {
            width: 20px;
            height: 20px;
            margin-top: 15px;
        }
	</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">Nuevo CheckIn</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 Inicial</legend>
								<div class="row">
									<div class="col-sm-2">
										<div class="form-group">
											<label>Documento</label>
											<input type="text" name="txt_documento_huesped" class="form-control" id="txt_documento_huesped"></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Móvil</label>
											<input type="text" name="txt_movil_huesped" class="form-control" id="txt_movil_huesped"></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label>Placa Vehículo</label>
											<input type="text" name="txt_placaveh_reserva" class="form-control" id="txt_placaveh_reserva" onkeyup="mayus(this);"></input>
										</div>
									</div>
								</div>
							</fieldset >
							<br>

							<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>Matrícula</label>
											<input type="text" name="txt_matricula_reserva" class="form-control" id="txt_matricula_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 class="col-sm-2 d-flex align-items-center justify-content-start">
                                     <div class="checkbox-container ms-4"> <!--Ajusta el margen izquierdo aquí -->
                                        <input type="checkbox" class="form-check-input custom-checkbox" id="opt_sin_vehiculo">
                                        <label for="opt_sin_vehiculo" class="custom-label ms-2">Sin vehículo</label>
                                    </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 class="fixed-height-label">Documento<span class="required">*</span></label>
											<input type="text" name="txt_documento_reserva" class="form-control" id="txt_documento_reserva"></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label class="fixed-height-label">TipoDocumento<span class="required">*</span></label>
											<select class="custom-select" id="txt_tipodoc_reserva">
												<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 class="fixed-height-label">Nombres<span class="required">*</span></label>
											<input type="text" name="txt_nombres_reserva" class="form-control" id="txt_nombres_reserva" onkeyup="mayus(this);"></input>
										</div>
									</div>

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

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

									<div class="col-sm-2">
										<div class="form-group">
											<label class="fixed-height-label">Lugar Nacimiento<span class="required">*</span></label>
											<select class="custom-select" id="txt_lugarnac_reserva">
												<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 class="fixed-height-label">Género</label>
											<select class="custom-select" id="txt_genero_reserva">
												<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 class="fixed-height-label">Teléfono</label>
											<input type="text" name="txt_telefono_reserva" class="form-control" id="txt_telefono_reserva"></input>
										</div>
									</div>
								
									<div class="col-sm-2">
										<div class="form-group">
											<label class="fixed-height-label">Móvil</label>
											<input type="text" name="txt_movil_reserva" class="form-control" id="txt_movil_reserva"></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label class="fixed-height-label">Nacionalidad<span class="required">*</span></label>
											<select class="custom-select" id="txt_nacionalidad_reserva">
												<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 class="fixed-height-label">Ocupación</label>
											<select class="custom-select" id="txt_ocupacion_reserva">
												<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 class="fixed-height-label">Correo Electronico</label>
											<input type="text" name="txt_correoelect_reserva" class="form-control" id="txt_correoelect_reserva"></input>
										</div>
									</div>
							
                                    <div class="col-sm-4">
										<div class="form-group">
											<label class="fixed-height-label">Dirección</label>
											<input type="text" name="txt_direccion_reserva" class="form-control" id="txt_direccion_reserva" onkeyup="mayus(this);"></input>
										</div>
									</div>
                                    
									<div class="col-sm-2">
										<div class="form-group">
											<label class="fixed-height-label">Pais Residencia<span class="required">*</span></label>
											<select class="custom-select" id="txt_psresidencia_reserva">
												<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 class="fixed-height-label">Ciudad Residencia<span class="required">*</span></label>
											<select class="custom-select txt_cdresidencia_reserva" id="txt_cdresidencia_reserva">
												<option value="null" 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 class="fixed-height-label">Pais Procedencia<span class="required">*</span></label>
											<select class="custom-select" id="txt_psprocedencia_reserva">
												<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 class="fixed-height-label">Ciudad Procedencia<span class="required">*</span></label>
											<select class="custom-select txt_cdprocedencia_reserva" id="txt_cdprocedencia_reserva">
												<option value = "null" hidden>--Seleccionar-- </option>
												<?php foreach($departamentos as $k8) { ?>
													<option value="<?=$k8['IdCiudad']?>"><?=$k8['CiuDep']?></option>
												<?php } ?> 
											</select>
										</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" 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">
                                        <div class="table-responsive">
                                    	    <table id="example1" class="table table-bordered table-striped dataTable dtr-inline" role="grid" aria-describedby="example1_info">
                                        	    <thead>
                                        		    <tr role="row">
                                            		    <th class="sorting" tabindex="0" aria-controls="example1" style="">Id</th>
                                            		    <th class="sorting" tabindex="0" aria-controls="example1" style="">Nombres</th>
                                            		    <th class="sorting" tabindex="0" aria-controls="example1" style="">Apellidos</th>
                                            		    <th class="sorting" tabindex="0" aria-controls="example1" style="">Tipo Documento</th>
                                            		    <th class="sorting" tabindex="0" aria-controls="example1" style="">Identificación</th>
                                            		    <th class="sorting" tabindex="0" aria-controls="example1" style="">Fecha Nacimiento</th>
                                            		    <th class="sorting" tabindex="0" aria-controls="example1" style="">Ocupación</th>
                                            		    <th class="sorting" tabindex="0" aria-controls="example1" style="">Nacionalidad</th>
                                            		    <th class="sorting" tabindex="0" aria-controls="example1" style="">Email</th>
                                            		    <th class="sorting" tabindex="0" aria-controls="example1" style="">Acciones</th>
                                        	    </thead>
											    <tbody>	
											    </tbody>
											    <tfoot>
												    <tr>
													    <th style="">Id</th>
													    <th style="">Nombres</th>
													    <th style="">Apellidos</th>
													    <th style="">Tipo Documento</th>
													    <th style="">Identificación</th>
													    <th style="">Fecha Nacimiento</th>
													    <th style="">Ocupación</th>
													    <th style="">Nacionalidad</th>
													    <th style="">Email</th>
													    <th style="">Acciones</th>
												    </tr>
											    </tfoot>
                                    	    </table>
                            		    </div>
                            	    </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 class="fixed-height-label">Hotel<span class="required">*</span></label>
											<select class="custom-select" id="txt_hotel_reserva">
												<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 class="fixed-height-label">Fecha Ingreso<span class="required">*</span></label>
											<input type="date" name="txt_fechaini_reserva" class="form-control" id="txt_fechaini_reserva" disabled></input>
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">
											<label class="fixed-height-label">Hora Ingreso<span class="required">*</span></label>
											<input type="time" name="txt_horaini_reserva" class="form-control" id="txt_horaini_reserva"></input>
										</div>
									</div> 
								
									<div class="col-sm-2">
										<div class="form-group">
											<label class="fixed-height-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 class="fixed-height-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 class="fixed-height-label">Estado<span class="required">*</span></label>  
											<select class="custom-select" id="txt_estado_reserva">
												<option value="7">CHECKIN</option> 
											</select>                          
										</div>
									</div>
								</div> 
							
								<div class="row"> 
									<div class="col-sm-2">
										<div class="form-group">
											<label class="fixed-height-label">No.Habitación<span class="required">*</span></label>
											<select class="custom-select" id="txt_numerohab_reserva">
												<option value="0" hidden>--Seleccionar--</option>  
												<?php foreach($habitacion as $k10) { ?>
													<option value="<?=$k10['IdHabitacion']?>"> <?=$k10['NumeroHabitacion']?></option>
												<?php } ?>    
											</select>  
										</div>
									</div>

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

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

									<div class="col-sm-2">	
										<div class="form-group">
											<label class="fixed-height-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 $k12) { ?>
													<option value="<?=$k12['IdMedioPago']?>"> <?=$k12['MedioPago']?></option>
												<?php } ?>                                             
											</select>  
										</div>
									</div>

									<div class="col-sm-2">
										<div class="form-group">  
											<label class="fixed-height-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 $k13) { ?>
													<option value="<?=$k13['IdTipoFactura']?>"> <?=$k13['TipoFactura']?></option>
												<?php } ?>                                      
											</select>                         
										</div>
									</div>
								</div> 

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

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

									<div class="col-sm-2">
										<div class="form-group">
                                        	<label class="fixed-height-label">Persona Adicional<span class="required">*</span></label>
											<select class="custom-select" id="txt_adicional">
												<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 class="fixed-height-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 class="fixed-height-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 class="fixed-height-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 class="fixed-height-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 class="fixed-height-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 class="fixed-height-label">IVA</label>
											<select class="custom-select" id="txt_iva" disabled>
												<option value="">-- Seleccionar --</option>
												<?php foreach($iva as $k16) { ?>
													<option value="<?=$k16['IdIva']?>"> <?=$k16['Iva']?></option>
												<?php } ?>                                                   
											</select>  
										</div>
									</div>

                                	<div class="col-sm-2">
										<div class="form-group">
											<label class="fixed-height-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 d-flex flex-column flex-md-row align-items-start">
							<button type="button" class="btn btn-secondary btn-custom-width mb-2 mb-md-0" id="btn_cancelar_reserva">Cancelar</button>
							<button type="button" class="btn btn-primary btn-custom-width ml-md-auto" onclick="ValidarGuardar()" id="btn_guardar_reserva">Guardar</button>      
							<button type="button" class="btn btn-primary btn-custom-width ml-md-auto" 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">Acompañante Nuevo</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<span class="required">*</span></dt>
								<dd class="col-sm-8"><input type="text" class="form-control" name="opt_identificacion_huespedes" id="opt_identificacion_huespedes"></dd>

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

								<dt class="col-sm-4">Tipo Documento<span class="required">*</span></dt>
								<dd class="col-sm-8">
									<select class="custom-select" id="opt_tipodoc_huespedes">
										<option value="0">-- Seleccionar --</option>
										<?php foreach($tipodoc as $k17) { ?>
											<option value="<?=$k17['IdTipoDocumento']?>"> <?=$k17['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="0">--Seleccionar-- </option>
										<?php foreach($departamentos as $k18) { ?>
											<option value="<?=$k18['IdCiudad']?>"><?=$k18['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" 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"  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 $k19) { ?>
											<option value="<?=$k19['IdPais']?>"> <?=$k19['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 $k20) { ?>
											<option value="<?=$k20['IdOcupacion']?>"> <?=$k20['Ocupacion']?></option>
										<?php } ?>                                      
									</select> 
								</dd>

								<dt class="col-sm-4">Correo Electronico</dt>
								<dd class="col-sm-8"><input type="text"  class="form-control" name="opt_correo_huespedes" id="opt_correo_huespedes"></dd>
								
								<dt class="col-sm-4">Ciudad Residencia<span class="required">*</span></dt>
								<dd class="col-sm-8">
									<select class="custom-select" id="opt_residencia_huespedes">
										<option value="0">--Seleccionar-- </option>
										<?php foreach($departamentos as $k21) { ?>
											<option value="<?=$k21['IdCiudad']?>"><?=$k21['CiuDep']?></option>
										<?php } ?>                                    
									</select>    
								</dd>
								
								<dt class="col-sm-4">Ciudad Procedencia<span class="required">*</span></dt>
								<dd class="col-sm-8">
									<select class="custom-select" id="opt_procedencia_huespedes">
										<option value="0">--Seleccionar-- </option>
										<?php foreach($departamentos as $k22) { ?>
											<option value="<?=$k22['IdCiudad']?>"><?=$k22['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="AgregarAcompanantes()">Guardar </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" autocomplete="off">
						<div class="card-body">
							<fieldset class="border p-2">
								<legend>Información Vehiculo</legend>
								<div class="row">
									<div class="col-sm-6">
										<label>Placa<span class="required">*</span></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<span class="required">*</span></label>
										<select class="custom-select" id="opt_clasemat">
											<option value = 0>-- Seleccionar --</option>
											<option value = 1>PARTICULAR</option>
											<option value = 2>PUBLICO</option>
										</select>
									</div>
								</div>
								
								<div class="row">
									<div class="col-sm-6 autocomplete">
										<label>Marca<span class="required">*</span></label>
										<input type="text" class="form-control" name="myInput2" id="myInput2" onkeyup="mayus(this);">
									</div>
									
									<div class="col-sm-6">
										<label>Color<span class="required">*</span></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<span class="required">*</span></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<span class="required">*</span></label>
										<select class="custom-select" id="opt_tipo_veh">
											<option value="0">-- Seleccionar --</option>
											<?php foreach($tipov as $k23) { ?>
												<option value="<?=$k23['IdTipoVehiculo']?>"> <?=$k23['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 $k24) { ?>
												<option value="<?=$k24['IdTipoDocumento']?>"> <?=$k24['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" onclick="GuardarVehiculo()">Agregar</button>   
				</div>
			</div>
		</div>
	</div>

<!-- ======================================================================================================================================================================================================= -->
	<!-- Modal Confirmar check In -->
	<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">Cantidad Kit</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="number" class="form-control" name="txt_numkits_info" id="txt_numkits_info">
								</dd>

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

								<dt class="col-sm-4 mt-1 mb-1">Valor Habitacion</dt>
								<dd class="col-sm-8 mt-1 mb-1">
									<input type="text" class="form-control" name="txt_valorhab_info" readonly="true" style="border:0;" id="txt_valorhab_info">
								</dd>                           	
							</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: center" type="button" class="btn btn-info col-md-3" id="btn_editar_info" data-dismiss="modal">Editar </button>  
					<button style="float: right" type="button" class="btn btn-primary col-md-3" id="btn_confirmar_info" data-dismiss="modal" onclick="ConfirmarInfo()">Confirmar</button>   				
				</div>
			</div>
		</div>
	</div>

<!-- ======================================================================================================================================================================================================= -->
	<!-- Modal 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);" readonly>
								</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);" readonly>
								</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 $k1) { ?>
											<option value="<?=$k1['IdTipoDocumento']?>"> <?=$k1['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 Ident_Ini      = '';
	var Movil_Ini      = '';
	var Placa_Ini      = '';
	var CtrlHuesped    = '0';
	var edicionHuesped = 0;
	var Acompa         = [];
	var fechaini       = '';
	var fechafin       = '';
	var HabitacionId   = '';
	var valorhab       = '';
	var acompanantes   = '';
	var VehiculoId     = 0;
	var FechaHoy       = '';
	var VehiculoIdR    = 0;

	var marca    = <?php echo json_encode($marca) ?>;
	var color    = <?php echo json_encode($color) ?>;
	var hoteles  = <?php echo json_encode($hotel) ?>;
    
	//Carga Inicial      
	$(document).ready(function()
	{
		//Insertar Fecha dia presente
		const fecha = new Date();
		fechaini = formatoFecha(fecha, 'dd-mm-yyyy');
		horaini  = formatoHora(fecha, 'HH:mm:ss');

		//Calcular mes para la fecha fin de Bodegaje
		var fechafin = fecha;
		var dias = 1; // Número de días a agregar
		fechafin.setDate(fechafin.getDate() + dias);
		fechafin = formatoFecha(fechafin, 'dd-mm-yyyy');

		//Asignar Valor a los input
		$('#txt_fechaini_reserva').val(fechaini);
		$('#txt_horaini_reserva').val(horaini);
		$('#txt_fechafin_reserva').val(fechafin);
		$('#txt_horafin_reserva').val(horaini);
		$('#txt_acompanantes_reserva').val('0');
        // $('#txt_tipfac_reserva').val('2'); //NO APLICA
        $('#txt_tipfac_reserva').val('1'); //RECIBO DE CAJA 
        $('#txt_tipodoc_reserva').val('3');
        $('#txt_nacionalidad_reserva').val('47');
        $('#txt_psresidencia_reserva').val('47');
        $('#txt_psprocedencia_reserva').val('47');
        $('#txt_hotel_reserva').val('1');
        $('#txt_mdpago_reserva').val('1');
        $('#txt_adicional').val('2');
        $('#txt_precioadicional').val(0);
		
		//Bloquear Botones
		$('#btn_huesped_principal').hide();
		$('#btn_nuevo_vehiculo').attr("disabled",true);
		$('#btn_agregar_acompanante').attr("disabled",true);
		$('#btn_guardar_reserva').attr("disabled",true);
		$('#btn_cerrar_reserva').hide();

        // Habitaciones disponibles inicialmente
        $('#txt_numerohab_reserva').empty();
		var IdHotel = $('#txt_hotel_reserva').val();
		var Fecha   = $('#txt_fechaini_reserva').val();
        var Hora    = $('#txt_horaini_reserva').val();
		var Opcion  = '1';
			
        //Lamado a ajax para traer los departamentos
        $.ajax({
            url: '<?php echo base_url() ?>Habitaciones/searchHabitacionesDisponibles',//controlador
            type: "POST",//tipo de peticion POST o GET
            headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
			data: {	'Opcion'  : Opcion,
					'IdHotel' : IdHotel,
					'Fecha'   : Fecha,
                    'Hora'    : Hora}
        }).done(function(IdHotel) 
        {
            //convierto la respuesta json
            var obj1 = JSON.parse(IdHotel);
            $('#txt_numerohab_reserva').append(new Option('--Seleccionar--'));
            for (var x in obj1) {
                $('#txt_numerohab_reserva').append(new Option(obj1[x].NumeroHabitacion,(obj1[x].IdHabitacion)));
            }                    
        });
	});
				
	//validar si existe el Huesped por Documento - Informacion Inicial
	$('#txt_documento_huesped').change(function() 
	{
		//Definir variables
		Opcion    = '3';
		Ident_Ini = $('#txt_documento_huesped').val();
			
		//Traer Huesped Inicial
		InformacionInicialHuesped();
			
		//Asignar y bloquear campos
		$('#txt_documento_reserva').val(Ident_Ini);
		$('#txt_movil_huesped').attr("disabled",true);
		$('#txt_placaveh_reserva').attr("disabled",true);
	});

	//validar si existe el Huesped por número de celular - Informacion Inicial
	$('#txt_movil_huesped').change(function() 
	{
		//Definir variables
		Opcion    = '3';
		Movil_Ini = $('#txt_movil_huesped').val();
			
		//Traer Huesped Inicial
		InformacionInicialHuesped();
			
		//Asignar y bloquear campos
		$('#txt_documento_reserva').attr("disabled",true);
		$('txt_documento_huesped').attr("disabled",true);
		$('#txt_placaveh_reserva').attr("disabled",true);
	});

	//validar si existe el Huesped por placa - Informacion Inicial
	$('#txt_placaveh_reserva').change(function() 
	{
		//Definir variables
		Opcion    = '3';
		Placa_Ini = $('#txt_placaveh_reserva').val();
			
		//Traer Huesped Inicial
		InformacionInicialHuesped();
			
		//Asignar y bloquear campos
		$('#txt_documento_reserva').attr("disabled",true);
		$('txt_documento_huesped').attr("disabled",true);
	});

	//Cargar ciudad y departamento de residencia
	$('#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 ciudad y departamentos procedencia 
	$('#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)));  
            }                 
        });
	});

	// Cargar habitaciones segun establecimiento 
	$('#txt_hotel_reserva').change(function() 
    {
        $('#txt_numerohab_reserva').empty();
		var IdHotel = $('#txt_hotel_reserva').val();
		var Fecha   = $('#txt_fechaini_reserva').val();
        var Hora    = $('#txt_horaini_reserva').val();
		var Opcion  = '1';
			
        //Lamado a ajax para traer los departamentos
        $.ajax({
            url: '<?php echo base_url() ?>Habitaciones/searchHabitacionesDisponibles',//controlador
            type: "POST",//tipo de peticion POST o GET
            headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
			data: {	'Opcion'  : Opcion,
					'IdHotel' : IdHotel,
					'Fecha'   : Fecha,
                    'Hora'    : Hora}
        }).done(function(IdHotel) 
        {
            //convierto la respuesta json
            var obj1 = JSON.parse(IdHotel);
            $('#txt_numerohab_reserva').append(new Option('--Seleccionar--'));
            for (var x in obj1) {
                $('#txt_numerohab_reserva').append(new Option(obj1[x].NumeroHabitacion,(obj1[x].IdHabitacion)));
            }                    
        });
    });

	//Cargar nombre habitacion 
	$('#txt_numerohab_reserva').change(function() 
	{
		// //Validar Fechas para reserva
		// var Opcion       = '3';
		// var IdEstado     = '6'
		// var IdHabitacion = $('#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,
		// 			'IdEstado'     : IdEstado, 
		// 			'IdHabitacion' : IdHabitacion }//formato json Data
		// }).done(function(datoct) 
		// {
		// 	//convierto la respuesta json
		// 	var habita_res = JSON.parse(datoct);
			
		// 	//Validar Fecha Inicial
		// 	F_Ini = $('#txt_fechaini_reserva').val();
		// 	F_Fin = $('#txt_fechafin_reserva').val();
			
		// 	if (habita_res.length != 0) 
		// 	{
		// 		var F_IniRes = (habita_res[0].FechaIni);
		// 		var F_FinRes = (habita_res[0].FechaFin);

		// 		if(F_Ini == F_IniRes){
        //             Swal.fire({
        //                 title: 'Error',
        //                 text: 'Ya tiene reserva la habitación para fecha de ingreso',
        //                 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_numerohab_reserva').val('0');
		// 			$('#txt_habitacion_reserva').val('');
		// 			return;
		// 		}else if(F_Ini < F_FinRes){
        //             Swal.fire({
        //                 title: 'Error',
        //                 text: 'Ya tiene reserva la habitación para fecha de salida',
        //                 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_numerohab_reserva').val('0');
		// 			$('#txt_habitacion_reserva').val('');
		// 			return;
		// 		}
		// 		HabitacionId =  habita_res[0].IdHabitacion;
		// 		$('#txt_habitacion_reserva').val(habita_res[0].TipoHabitacion);
		// 		$('#txt_mdpago_reserva').val('1');
		// 		$('#txt_tipfac_reserva').val('2');

		// 	}else{
				//Definir variables
				var Opcion     = '3';
				var Habitacion = $('#txt_numerohab_reserva').val();
				var IdHotel    = $('#txt_hotel_reserva').val();

				//Lamado a ajax para traer los departamentos
				$.ajax({
					url: '<?php echo base_url() ?>Habitaciones/searchHabitaciones',//controlador
					type: "POST",//tipo de peticion POST o GET
					headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
					data: {	'Opcion'       : Opcion, 
							'IdHabitacion' : Habitacion,
						    'IdHotel'      : IdHotel}//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].TipoHabitacion);
						$('#txt_mdpago_reserva').val('1');
						// $('#txt_tipfac_reserva').val('2'); NO APLICA
						$('#txt_tipfac_reserva').val('1'); //RECIBO DE CAJA
						
                        ClaseOcupacion   = $('#txt_claseocupacion').val();
                        TipoOcupacionId  = $('#txt_tipoocupacion').val();
                        
                        if (ClaseOcupacion != '' && TipoOcupacionId != ''){
                            //Definir variables
                            Opcion           = '4';
                            ClaseOcupacion   = $('#txt_claseocupacion').val();
                            TipoOcupacionId  = $('#txt_tipoocupacion').val();
                            PersonaAdicional = $('#txt_adicional').val();

                            if ($('#txt_tipoocupacion').val() != 0){
                                //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, 
                                            'IdHabitacion'     : HabitacionId,
                                            'TipoOcupacionId'  : TipoOcupacionId,
                                            'IdClaseMatricula' : ClaseOcupacion
                                         }//formato json Data
                                }).done(function(datoct){
                                    //convierto la respuesta json
                                    var ocupa = JSON.parse(datoct);
                                    
                                    if (ocupa.length != 0){
                                        $('#txt_precio').val(ocupa[0].Precio);
                                        PrecioTotalHab();
                                    }
                                });

                            }
                        } 
						// $('#txt_habitacion_reserva').val(habita[0].TipoHabitacion);
						// $('#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();
		PersonaAdicional = $('#txt_adicional').val();

        if ($('#txt_tipoocupacion').val() != 0){
            console.log('tipo ocupacion:', $('#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, 
                        'IdHabitacion'    : HabitacionId,
                        'TipoOcupacionId' : TipoOcupacionId,
                        'IdClaseMatricula'        : ClaseOcupacion
                        }//formato json Data
            }).done(function(datoct){
                //convierto la respuesta json
                var ocupa = JSON.parse(datoct);
                
                if (ocupa.length != 0) 
                {
                    $('#txt_precio').val(ocupa[0].Precio);
                    PrecioTotalHab();
                }
            });

        }
		// //Definir variables
		// Opcion           = '4';
		// ClaseOcupacion   = $('#txt_claseocupacion').val();
		// TipoOcupacionId  = $('#txt_tipoocupacion').val();
		// PersonaAdicional = $('#txt_adicional').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, 
		// 			'IdHabitacion'     : HabitacionId,
		// 			'IdClaseMatricula' : 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");

		// 				if(PersonaAdicional == '1') { PrecioAdicionalHab(); }
		// 				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, 
					'IdHabitacion'    : HabitacionId,
					'TipoOcupacionId' : TipoOcupacionId,
					'IdClaseMatricula'        : ClaseOcupacion
					}//formato json Data
		}).done(function(datoct) 
		{
			//convierto la respuesta json
			var ocupa = JSON.parse(datoct);
			
			if (ocupa.length != 0) 
			{
				$('#txt_precio').val(ocupa[0].Precio);
                PrecioTotalHab();
			}
		});
	});

	//Si tiene o no persona adicional
	$('#txt_adicional').change(function()
	{
		PrecioAdicionalHab()
	});

	//Calcular total si cambia el descuento
	$('#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 el cargo adicional
	$('#txt_cargoadicional').change(function()
	{
		PrecioTotalHab();
	});

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

	//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(TipoDocumento);
        $('#opt_identificacion').val(Identificacion);
        $('#opt_nombres').val(Nombres);
        $('#opt_apellidos').val(Apellidos);

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

	//Actualizar Huesped
	$("#btn_huesped_principal").click(function ()
	{  
		if(CtrlHuesped == '0')
		{
			Nombres           = $('#txt_nombres_reserva').val();
			Apellidos         = $('#txt_apellidos_reserva').val(); 
			TipoDocumento     = $('#txt_tipodoc_reserva').val();
				// if(TipoDocumento == null) { TipoDocumento = '3'; }
			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(); 
			Email             = $('#txt_correoelect_reserva').val();
			Direccion         = $('#txt_direccion_reserva').val();
			CiudadResidencia  = $('#txt_cdresidencia_reserva').val();
				// if(CiudadResidencia == null) { CiudadResidencia = '1'; }
			CiudadProcedencia = $('#txt_cdprocedencia_reserva').val();
				// if(CiudadProcedencia == null) { CiudadProcedencia = '1'; }

			//Validaciones de front end
			if(Identificacion == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el número de identificación del 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(TipoDocumento == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el tipo de documento del 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(Nombres == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el nombre del 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(Apellidos == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar los apellidos del 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(LugarNac == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el lugar de nacimiento del 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(Nacionalidad == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar la nacionalidad del 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(CiudadResidencia == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el lugar de residencia del 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(CiudadProcedencia == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el lugar de procedencia del 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;
            }
		
			//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) 
			{
				//convierto la respuesta json
				var obj = JSON.parse(dato); 
				if (obj.res == 'ok') 
				{
					$('#btn_nuevo_vehiculo').attr("disabled",false);
					$('#btn_agregar_acompanante').attr("disabled",false);
					$('#btn_guardar_reserva').attr("disabled",false);
					Swal.fire("Información",obj.msg, "success");
				}
			});
		}else
		{
			Opcion            = '1'
			Nombres           = $('#txt_nombres_reserva').val();
			Apellidos         = $('#txt_apellidos_reserva').val(); 
			TipoDocumento     = $('#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();
			IdOcupacion       = $('#txt_ocupacion_reserva').val(); 
			Email             = $('#txt_correoelect_reserva').val();
			CiudadResidencia  = $('#txt_cdresidencia_reserva').val();
			CiudadProcedencia = $('#txt_cdprocedencia_reserva').val();
			Direccion         = $('#txt_direccion_reserva').val();

			//Validaciones de front end
			if(Identificacion == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el número de identificación del 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(TipoDocumento == '0'){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el tipo de documento del 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(Nombres == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el nombre del 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(Apellidos == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar los apellidos del 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(LugarNac == '0'){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el lugar de nacimiento del 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(Nacionalidad == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar la nacionalidad del 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(CiudadResidencia == 'null'){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el lugar de residencia del 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(CiudadProcedencia == 'null'){
                Swal.fire({
                    title: 'Error',
                    text: 'Se debe diligenciar el lugar de procedencia del 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;
            }
		
			// //Validación del tipo de documento, si viene vacío coloca Cedula de ciudadanía
			// if(TipoDocumento != '0'){
			// 	TipoDocumento = $('#txt_tipodoc_reserva').val();
			// } else {
			// 	TipoDocumento = '3';
			// }
			
			// //Validación del número de identificación, si viene vacío coloca cero
			// if(Identificacion != ''|| Identificacion != null){
			// 	Identificacion = $('#txt_documento_reserva').val();
			// } else {
			// 	Identificacion = '0';
			// }

			// //Validación del lugar de nacimiento, si viene vacío coloca NO DEFINIDA
			// if(LugarNac != '0'){
			// 	LugarNac = $('#txt_lugarnac_reserva').val();
			// } else {
			// 	LugarNac = '1';
			// }

			// //Validación de la ocupación, si viene vacío coloca cero
			// if(IdOcupacion != '0'){
			// 	IdOcupacion = $('#txt_ocupacion_reserva').val(); 
			// } else {
			// 	IdOcupacion = '0';
			// }

			// //Validación de la ciudad de residencia, si viene vacío coloca NO DEFINIDA
			// if(CiudadResidencia != 'null'){
			// 	CiudadResidencia = $('#txt_cdresidencia_reserva').val();
			// } else{
			// 	CiudadResidencia = '1';
			// }

			// //Validación de la ciudad de procedencia, si viene vacío coloca NO DEFINIDA
			// if(CiudadProcedencia != 'null'){
			// 	CiudadProcedencia = $('#txt_cdprocedencia_reserva').val();
			// } else {
			// 	CiudadProcedencia = '1';
			// }

			// //Validación de la nacionalidad, si viene vacío coloca NO DEFINIDA
			// if(Nacionalidad != '0'){
			// 	Nacionalidad = $('#txt_nacionalidad_reserva').val();
			// } else {
			// 	Nacionalidad = '1';
			// }

			$.ajax({
				url: '<?php echo base_url() ?>Huespedes/insertHuespedes',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'Opcion'		    : Opcion,
						'Nombres'           : Nombres, 
						'Apellidos'         : Apellidos, 
						'TipoDocumento'     : TipoDocumento, 
						'Identificacion'    : Identificacion, 
						'FechaNac'          : FechaNac, 
						'LugarNac'          : LugarNac, 
						'Genero'            : Genero,
						'Telefono'          : Telefono,
						'Movil'             : Movil,
						'Nacionalidad'      : Nacionalidad,
						'IdOcupacion'       : IdOcupacion,  
						'Email'             : Email,
						'CiudadResidencia'  : CiudadResidencia,
						'CiudadProcedencia' : CiudadProcedencia,
						'Direccion'         : Direccion}
			}).done(function(dato) 
			{
				//convierto la respuesta json
				var obj = JSON.parse(dato); 

				if (obj.res == 'ok') 
				{
					HuespedId = obj.id;
					CtrlHuesped = '0';
					$('#btn_huesped_principal').hide(); 
					$('#btn_nuevo_vehiculo').attr("disabled",false);
					$('#btn_agregar_acompanante').attr("disabled",false);
					$('#btn_guardar_reserva').attr("disabled",false);
					Swal.fire("Información",obj.msg, "success");
				}
			});
		}
    });

	//Cargar informacion adicional del Vehiculo 
	$('#opt_placa_veh').change(function() 
	{
		//Definir variables
		var Opcion = '4';
		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(datovh) 
		{
			//convierto la respuesta json
			var vehiculo_bus = JSON.parse(datovh);

			if (vehiculo_bus.length > 0) 
			{
				CtrlVehiculo = '1';
				VehiculoId = vehiculo_bus[0].IdVehiculo;
				$('#opt_clasemat').val(vehiculo_bus[0].IdClaseMatricula); 
				$('#myInput2').val(vehiculo_bus[0].Marca);
				$('#opt_color_veh').val(vehiculo_bus[0].NombreColor);
				$('#opt_modelo_veh').val(vehiculo_bus[0].Modelo);
				$('#opt_tipo_veh').val(vehiculo_bus[0].IdTipoVehiculo);
				$('#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();
		});
	});

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

	//Validar Existencia de Acompañante === OK
	$('#opt_identificacion_huespedes').change(function()
	{
		//Definir Variables
		// Opcion = '2';
		Opcion = '2';
		Ident_Acompa = $('#opt_identificacion_huespedes').val();

		//validar Huesped con Acompañante
		if(Identificacion == Ident_Acompa){
            Swal.fire({
                title: 'Información',
                text: 'El Número de identificación del acompañante es igual al del huésped principal',
                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"
            }); 
			$('#opt_identificacion_huespedes').val('');
			return;
		}
		$.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, 
					'Identificacion' : Ident_Acompa }//formato json Data
		}).done(function(datoct) 
		{
			acompanantes = JSON.parse(datoct);
			TotalAcom    = acompanantes.length;

			if (acompanantes.length > 0) 
			{
				//variable de control
				edicion = '1';
					
				AcompananteId = (acompanantes[0].IdAcompanante);
				$('#opt_nombre_huespedes').val(acompanantes[0].Nombres); 
				$('#opt_apellido_huespedes').val(acompanantes[0].Apellidos); 
				$('#opt_tipodoc_huespedes').val(acompanantes[0].IdTipoDocumento);
				$('#opt_fecnac_huespedes').val(acompanantes[0].FechaNac);
				$('#opt_lugarnac_huespedes').val(acompanantes[0].LugarNac);
				$('#opt_genero_huespedes').val(acompanantes[0].Genero);
				$('#opt_telefono_huespedes').val(acompanantes[0].Telefono);
				$('#opt_movil_huespedes').val(acompanantes[0].Movil); 
				$('#opt_nacionalidad_huespedes').val(acompanantes[0].IdNacionalidad);
				$('#opt_ocupacion_huespedes').val(acompanantes[0].IdOcupacion); 
				$('#opt_correo_huespedes').val(acompanantes[0].Email);
				$('#opt_residencia_huespedes').val(acompanantes[0].CiudadResidencia);
				$('#opt_procedencia_huespedes').val(acompanantes[0].CiudadProcedencia);
				$('.titulo_acompanante').text("Editar Acompañante");
				$("#modal_acompanante_nuevo").modal("show");
				$('#btn_guardar_acompanante').text('Actualizar');
			}else{
				$.ajax({
					url: '<?php echo base_url() ?>Huespedes/searchHuesped',//controlador
					type: "POST",//tipo de peticion POST o GET
					headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
					data: {	'Opcion' : Opcion, 
						    'Ident'  : Ident_Acompa }//formato json Data
				}).done(function(datoct) 
				{
					acompanantes = JSON.parse(datoct);
					TotalAcom    = acompanantes.length;

					if (acompanantes.length > 0) 
					{
						//variable de control
						edicion = '0';

						AcompananteId = (acompanantes[0].IdAcompanante);
						$('#opt_nombre_huespedes').val(acompanantes[0].Nombres); 
						$('#opt_apellido_huespedes').val(acompanantes[0].Apellidos); 
						$('#opt_tipodoc_huespedes').val(acompanantes[0].IdTipoDocumento);
						$('#opt_fecnac_huespedes').val(acompanantes[0].FechaNac);
						$('#opt_lugarnac_huespedes').val(acompanantes[0].IdLugarNac);
						$('#opt_genero_huespedes').val(acompanantes[0].Genero);
						$('#opt_telefono_huespedes').val(acompanantes[0].Telefono);
						$('#opt_movil_huespedes').val(acompanantes[0].Movil); 
						$('#opt_nacionalidad_huespedes').val(acompanantes[0].IdNacionalidad);
						$('#opt_ocupacion_huespedes').val(acompanantes[0].IdOcupacion); 
						$('#opt_correo_huespedes').val(acompanantes[0].Email);
						$('#opt_residencia_huespedes').val(acompanantes[0].IdCiudadResidencia);
						$('#opt_procedencia_huespedes').val(acompanantes[0].IdCiudadProcedencia);
						$('.titulo_acompanante').text("Editar Acompañante");
						$("#modal_acompanante_nuevo").modal("show");
						$('#btn_guardar_acompanante').text('Registrar');
					}else{
						//variable de control
						edicion = '0';
					}
				});
			}
		});
	}); 

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

	//Activar desactivar campo valor habitacion
	$('#rdo_sifactura').change(function() 
    {
		$('#datosfac').show();
	});

	//Activar desactivar campo valor habitacion
	$('#rdo_nofactura').change(function() 
    {
		$('#datosfac').hide();
	});

	//Activar desactivar campo valor parqueadero
	$('#rdo_parqueo_recibo').change(function() 
    {
		$('#opt_vrhabitacion_recibo').attr("disabled",true);
		$('#opt_vrparqueadero_recibo').attr("disabled",false);
	});

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

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

	//editar CheckIn
	$("#btn_editar_info").click(function ()
	{ 
		//Desbloquear Botones
		$('#btn_guardar_veh').show();
		$('#btn_huesped_principal').show(); 
		$('#btn_guardar_reserva').show();
		$('#btn_cerrar_reserva').hide();
	});

	
	//cancelar modal CheckIn
	$("#btn_cancelar_info").click(function ()
	{ 
		//Desbloquear Botones
		$('#btn_guardar_veh').show();
		$('#btn_huesped_principal').show(); 
		$('#btn_guardar_reserva').show();
		$('#btn_cerrar_reserva').hide();
	});
	
    $('#opt_sin_vehiculo').change(function() {
        if ($(this).prop('checked')) {
            $('#txt_placa_reserva').val(''); 
            $('#txt_marca_reserva').val(''); 
            $('#txt_modelo_reserva').val('');
            $('#txt_color_reserva').val('');
            $('#txt_tipo_reserva').val('');
            $('#txt_matricula_reserva').val('');
            $('#txt_empresa_reserva').val('');
            $('#txt_nit_reserva').val('');
        }
    });

	//Traer Informacion Huesped 
	function InformacionInicialHuesped()
	{
		//Lamado a ajax para traer los departamentos
		$.ajax({
			url: '<?php echo base_url() ?>Huespedes/searchHuesped',//controlador
			type: "POST",//tipo de peticion POST o GET
			headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
			data: {	'Opcion'  : Opcion, 
					'Ident'   : Ident_Ini, 
					'Movil'   : Movil_Ini, 
					'Placa'   : Placa_Ini  }//formato json Data
		}).done(function(datohd) 
		{
			//convierto la respuesta json
			huesped = JSON.parse(datohd);
	
			if (huesped.length > 0) 
			{
				// //Definir valores para las variables
				edicionHuesped = 1;
					
				//Llenar los campos del formulario
				// Información inicial
				$('#txt_documento_huesped').val(huesped[0].Identificacion);
				$('#txt_movil_huesped').val(huesped[0].Movil);
				$('#txt_placaveh_reserva').val(huesped[0].Placa);
				// Información vehículo
				$('#txt_placa_reserva').val(huesped[0].Placa);
				$('#txt_marca_reserva').val(huesped[0].Marca);
				$('#txt_modelo_reserva').val(huesped[0].Modelo);
				$('#txt_color_reserva').val(huesped[0].NombreColor);
				$('#txt_tipo_reserva').val(huesped[0].TipoVehiculo);
				$('#txt_matricula_reserva').val(huesped[0].NombreClase);
				$('#txt_empresa_reserva').val(huesped[0].Empresa);
				$('#txt_nit_reserva').val(huesped[0].Nit);
				// Información huesped principal
				$('#txt_documento_reserva').val(huesped[0].Identificacion);
				$('#txt_tipodoc_reserva').val(huesped[0].IdTipoDocumento);
				$('#txt_nombres_reserva').val(huesped[0].Nombres);
				$('#txt_apellidos_reserva').val(huesped[0].Apellidos);
				$('#txt_fechanac_reserva').val(huesped[0].FechaNac);
				$('#txt_lugarnac_reserva').val(huesped[0].IdLugarNac);
				$('#txt_genero_reserva').val(huesped[0].Genero);
				$('#txt_telefono_reserva').val(huesped[0].Telefono);
				$('#txt_movil_reserva').val(huesped[0].Movil);
				$('#txt_nacionalidad_reserva').val(huesped[0].IdNacionalidad);
				$('#txt_ocupacion_reserva').val(huesped[0].IdOcupacion);
				$('#txt_correoelect_reserva').val(huesped[0].Email);
				$('#txt_psresidencia_reserva').val(huesped[0].IdPaisResidencia);
				$('#txt_dtresidencia_reserva').val(huesped[0].IdDepartamentoResidencia);
				$('#txt_cdresidencia_reserva').val(huesped[0].IdCiudadResidencia);
				$('#txt_psprocedencia_reserva').val(huesped[0].IdPaisProcedencia);
				$('#txt_dtprocedencia_reserva').val(huesped[0].IdDepartamentoProcedencia);
				$('#txt_cdprocedencia_reserva').val(huesped[0].IdCiudadProcedencia);
				$('#txt_direccion_reserva').val(huesped[0].Direccion);
				// //OpcionesVehiculos();
				LlenarAcompanantes();
				$('#btn_huesped_principal').show();
				$('#btn_huesped_principal').text('Actualizar'); 
			} else {
				edicionHuesped = 0;
				CtrlHuesped    = '1';
				Identificacion = Ident_Ini;
				Movil          = Movil_Ini;  

				$('#btn_huesped_principal').show(); 
				$('#btn_huesped_principal').text('Registrar');   
				// LimpiarHuesped();
			}

			// //cambios en precios y habitacion
			// $('#txt_numerohab_reserva').on('change',function() { PrecioHabitacion(); });
			// $('#txt_placa_reserva').on('change',function()     { PrecioHabitacion(); });
			// $('#txt_tipoocupacion').on('change',function()     { PrecioHabitacion(); });
			// $('#txt_adicional').on('change',function() 		   { PrecioAdicionalHab();  });
			// $('#txt_iva').on('change',function()               { PrecioTotalHab();      });
		});
	};

	//LLenar tabla de Acompañantes
	function LlenarAcompanantes()
	{
        //Definir Variables
		Opcion = '4';
		HuespedId = huesped[0].IdHuesped;
		//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;
									
			//Cantidad de Acompañantes
			$('#txt_acompanantes_reserva').val(TotalAcom); 

			if (acompanantes.length > 0) 
			{
				$("#example1").DataTable({
					data: acompanantes,
					destroy: true,
					responsive: true,
					searching: false,
					columnDefs: 
					[
                        {"bVisible": false, "targets": 0 }
					],
					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, row ) {
							// AcompananteId = IdAcompanante;
							return '<a onclick="btn_editar_acompanante('+ row[0] +')" data-id="' + row[0] + '"  class="table-edit" >Editar</a>&nbsp;&nbsp;<a onclick="BloquearAcompanante('+ row[0] +')" data-id="' + row[0] + '" class="table-edit" >Bloquear</a>';
						}
					}],
						responsive: true, "lengthChange": false, "autoWidth": false
				}).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
			}
		});
	};

	//Eliminar el registro del modal
	function BloquearAcompanante(Valor)
	{
		alert('Entro a eliminar acompañante');
		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();				
					}
				});		   
			} 
		});
    };

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

	//Calcular precio persona adicional
	function PrecioAdicionalHab()
	{
		//Definir Variables
		Adicional       = $('#txt_adicional').val();
		HabitacionId    = $('#txt_numerohab_reserva').val();
		TipoOcupacionId = '4';
		ClaseOcupacion  = $('#txt_claseocupacion').val();
		Opcion          = '5'

		if(Adicional == 1)
		{
			//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, 
						'IdHabitacion'     : HabitacionId,
						'IdClaseMatricula' : ClaseOcupacion,
						'TipoOcupacionId'  : TipoOcupacionId }//formato json Data
			}).done(function(datoct) 
			{
				//convierto la respuesta json
				var valorhab = JSON.parse(datoct);
				$('#txt_precioadicional').val(valorhab[0].Precio);
				PrecioTotalHab();
					// $('#txt_iva').val('0').trigger("change");
					// break;
			});
			// 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);
			// 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();
        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);
    };

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

	//Autocompletar marcas vehiculos
	function autocomplete(inp, arr) 
	{
        var currentFocus;
        // Variable que indica si la marca ya fue seleccionada
        // var isSelected = false;
        inp.addEventListener("input", function(e){
            // if (isSelected) {return;}
            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;
                        // isSelected = true;  // Marca como seleccionada
                        // inp.setAttribute('readonly', true); 
                        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 clores vehiculos
	// 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);

	//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 = '0';

        //Validaciones del front end.
        if(PlacaV == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar la placa',
                    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 == 0){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe seleccionar la clase de matricula',
                    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: 'Debe seleccionar 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: 'Debe seleccionar 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: 'Debe ingresar 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 == 0){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe seleccionar 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;
        }

        // Ejecutar las verificaciones y luego intentar guardar
        Promise.all([VerificarMarca(), VerificarColor()])
        .then(results => {
            const [verificarMarca, verificarColor] = results;
            if (verificarMarca === 1 && verificarColor === 1) {
                // Guardar si ambas validaciones son correctas
           	    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,
						        'Tipo'            : TipoV,
						        'Modelo'          : ModeloV,
						        'Empresa'         : EmpresaV,
						        'Nit'             : NitV,
						        'HuespedId'       : HuespedId,
						        'Identificacion'  : Identif,
						        'Nombres'         : Nombres,
						        'Apellidos'       : Apellidos}
						        // 'IdReserva'       : ReservaId}//formato json Data   
			        }).done(function(dato){
				        //convierto la respuesta json
				        var obj = JSON.parse(dato); 
				        if (obj.res == 'ok') {
				            VehiculoId = obj.id;
                            Swal.fire({
                                title: "Información",
                                text: "Vehículo creado satisfactoriamente",
                                icon: "success"
                            }).then(() => {
                                $('#btn_huesped_principal').show();
                                $('#btn_huesped_principal').text('Actualizar');
                                //Traer informacion vehiculo 
                                Opcion    = '8';
					            InformacionInicialVehiculo();
                                $('#modal_vehiculo_nuevo').modal('hide');
                            }); 
				        }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: { 'Opcion'          : Opcion,
						        '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'       : IdReserva }
					            // 'IdReserva'       : ReservaId }//formato json Data   
			        }).done(function(dato){
				        //convierto la respuesta json
				        var obj = JSON.parse(dato); 
				        if (obj.res == 'ok') {
                            Swal.fire({
                                title: "Información",
                                text: "Vehículo actualizado satisfactoriamente",
                                icon: "success"
                            }).then(() => {
                                $('#btn_huesped_principal').attr("disabled",false);
					            $('#btn_huesped_principal').text('Actualizar');
					            //Traer informacion vehiculo 
					            Opcion    = '9'
					            InformacionInicialVehiculo();
                                $('#modal_vehiculo_nuevo').modal('hide');
                            });   
				        }else{
					        Swal.fire("error",obj.msg, "error");     
				        }
			        });
		        }
            }
        });
    };

    function VerificarMarca() 
    {
        return new Promise((resolve, reject) => {
            var MarcaV = $('#myInput2').val();
            $.ajax({
                url: '<?php echo base_url() ?>Vehiculos/searchMarcas',
                type: "POST",
                headers: {'X-Requested-With': 'XMLHttpRequest'},
                data: { 'Opcion': 2, 'Marca': MarcaV }
            }).done(function(dato) {
                var marca_bus = JSON.parse(dato);
                if (marca_bus.length == 0) {
                    $('#myInput2').val('');
                    Swal.fire({
                        title: 'Error',
                        text: 'Debe seleccionar una marca de vehículo correcta',
                        icon: 'error',
                        confirmButtonText: 'OK',
                        allowOutsideClick: false,
                        allowEscapeKey: false
                    });
                    resolve(0);
                } else {
                    resolve(1);
                }
            }).fail(reject);
        });
    }

    function VerificarColor() {
        return new Promise((resolve, reject) => {
            var ColorV = $('#opt_color_veh').val();
            $.ajax({
                url: '<?php echo base_url() ?>Vehiculos/searchColores',
                type: "POST",
                headers: {'X-Requested-With': 'XMLHttpRequest'},
                data: { 'Opcion': 3, 'Color': ColorV }
            }).done(function(dato) {
                var color_bus = JSON.parse(dato);
                if (color_bus.length == 0) {
                    $('#opt_color_veh').val('');
                    Swal.fire({
                        title: 'Error',
                        text: 'Debe seleccionar un color de vehículo correcto ',
                        icon: 'error',
                        confirmButtonText: 'OK',
                        allowOutsideClick: false,
                        allowEscapeKey: false
                    });
                    resolve(0);
                } else {
                    resolve(1);
                }
            }).fail(reject);
        });
    }

	//Traer Vehiculo de inicio 
	function InformacionInicialVehiculo()
	{
		//Lamado a ajax para traer los departamentos
		$.ajax({
			url: '<?php echo base_url() ?>Vehiculos/searchVehiculosHuesped',//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;
					}
				}
			}
		});
	};

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

	//Agregar Acompañantes al huesped 
	function AgregarAcompanantes()
	{
        var Identificacion = $('#opt_identificacion_huespedes').val();
        var Nombres        = $('#opt_nombre_huespedes').val(); 
        var Apellidos      = $('#opt_apellido_huespedes').val(); 
        var TipoDocumento  = $('#opt_tipodoc_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(); 
		if ($('#opt_ocupacion_huespedes').val() == null){
			var Ocupacion = 0;
		}else{
			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");

		if(Identificacion=='' || Nombres =='' || Apellidos =='' || TipoDocumento =='' || Residencia =='' || Procedencia ==''){
            Swal.fire({
                    title: 'Error',
                    text: 'Los campos obligatorios no se encuentran diligenciados',
                    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 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'      : '0', 
						'HuespedId'      : HuespedId, 
						'Nombres'        : Nombres, 
						'Apellidos'      : Apellidos, 
						'TipoDocumento'  : TipoDocumento, 
						'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') 
				{
					$('#btn_huesped_principal').hide(); 
                    Swal.fire({
                        title: 'Información',
                        text: obj.msg,
                        icon: 'success',
                        confirmButtonText: 'OK',
                        allowOutsideClick: false, // Deshabilita el cierre al hacer clic fuera del modal
                        allowEscapeKey: false // Deshabilita el cierre al presionar la tecla "Escape"
                    });
				}
			});	
			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'      : '0', 
						'HuespedId'      : HuespedId, 
						'Nombres'        : Nombres, 
						'Apellidos'      : Apellidos, 
						'TipoDocumento'  : TipoDocumento, 
						'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') 
				{
					$('#btn_huesped_principal').hide(); 
                    Swal.fire({
                        title: 'Información',
                        text: obj.msg,
                        icon: 'success',
                        confirmButtonText: 'OK',
                        allowOutsideClick: false, // Deshabilita el cierre al hacer clic fuera del modal
                        allowEscapeKey: false // Deshabilita el cierre al presionar la tecla "Escape"
                    });
				}
			});	
				btnCerrar.click();
				LlenarAcompanantes();     
				LimpiarModal();
        }
    };

	//Validar cantidad de acompañantes para guardar
	function ValidarGuardar()
	{
        if(acompanantes.length > 0)
 		{
			if (acompanantes.length == parseInt($('#txt_acompanantes_reserva').val())) {
				//bloquear Botones
				
				GuardarNuevaR();
			}else{
                Swal.fire({
                    title: 'Acción Denegada',
                    text: 'El número de acompañantes no coincide con el digitado',
                    icon: 'info',
                    confirmButtonText: 'OK',
                    allowOutsideClick: false, // Deshabilita el cierre al hacer clic fuera del modal
                    allowEscapeKey: false // Deshabilita el cierre al presionar la tecla "Escape"
                }); 
			}
		}else{
			//bloquear Botones
			GuardarNuevaR();
		}
	};	

	//Crear Reserva
	function GuardarNuevaR()
	{
		//asignar Valores a las Variables
        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();
		Direccion        = $('txt_direccion_reserva').val();
		// Placa            = VehiculoId; 
        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();
        Habitacion       = $('#txt_numerohab_reserva').val();
        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();
        IdTipoOcupacion  = $('#txt_tipoocupacion').val();
        IdClaseOcupacion = $('#txt_claseocupacion').val();
        Adicional        = $('#txt_adicional').val();
        PrecioHabitacion = $('#txt_precio').val();
        PrecioAdicional  = $('#txt_precioadicional').val();
		Descuento        = $('#txt_descuento').val();
		CargoAdicional   = $('#txt_cargoadicional').val();
        Iva              = '1';
        PrecioTotal      = $('#txt_preciototal').val();
		Observacion      = $('#txt_observacion').val();
        ListAcompanante  = Acompa;
        Accion           = edicionHuesped;

        // Validar si el checkbox está seleccionado para asignar la placa
        if ($('#opt_sin_vehiculo').prop('checked')) {
            Placa = 0; // Si el checkbox está marcado, la placa es 0
        } else {
            Placa = VehiculoId; // Si no está marcado, asignar el valor de VehiculoId
        }

        if ($('#txt_placa_reserva').val() == '' && !$('#opt_sin_vehiculo').prop('checked')){
            Swal.fire({
                title: 'Error',
                text: 'Falta seleccionar el check Sin 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(Adicional == '2'){
            PrecioAdicional = 0
        }

		//Validación precio adicional
        if (PrecioAdicional != null || PrecioAdicional != 0){
            PrecioAdicional = $('#txt_precioadicional').val();
        } else {
            PrecioAdicional = 0
        }

		//Validación de persona adicional, debe seleccionar si tiene o no adicional
		if(Adicional == '0'){
            Swal.fire({
                title: 'Error',
                text: 'Falta seleccionar si tiene adicional',
                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;
        }
		
		//Validación de valor del descuento
		if(Descuento == ''){Descuento = '0';}

		//Validación de cargo adicional
		if(CargoAdicional == ''){CargoAdicional = '0';}

		if(Identificacion == ''){
            Swal.fire({
                title: 'Error',
                text: 'Se debe diligenciar el número de identificación del 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(TipoDoc == 0){
            Swal.fire({
                title: 'Error',
                text: 'Se debe diligenciar el tipo de documento del 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(Nombres == ''){
            Swal.fire({
                title: 'Error',
                text: 'Se debe diligenciar el nombre del 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(Apellidos == ''){
            Swal.fire({
                title: 'Error',
                text: 'Se debe diligenciar los apellidos del 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(LugarNac == 0){
            Swal.fire({
                title: 'Error',
                text: 'Se debe diligenciar el lugar de nacimiento del 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(Nacionalidad == 0){
            Swal.fire({
                title: 'Error',
                text: 'Se debe diligenciar la nacionalidad del 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(Residencia == 0){
            Swal.fire({
                title: 'Error',
                text: 'Se debe diligenciar el lugar de residencia del 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(Procedencia == 0){
            Swal.fire({
                title: 'Error',
                text: 'Se debe diligenciar el lugar de procedencia del 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(Hotel == 0){
            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 == 0){
            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 == 0){
            Swal.fire({
                title: 'Error',
                text: 'Se debe diligenciar el motiva 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 == 0){
            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 == 0){
            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 == 0){
            Swal.fire({
                title: 'Error',
                text: 'Se debe diligenciar el tipo de huesped',
                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 == 0){
            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 == 0){
            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/insertReservas',//controlador
            type: "POST",//tipo de peticion POST o GET
            headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
            data: { "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,
					"DireccionH"        : Direccion,
                    "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 }//formato json Data   
                        
        }).done(function(dato) 
        {
            var obj = JSON.parse(dato); 
            if (obj.res == 'ok') 
			{
				$('#btn_guardar_reserva').hide();
				$('#btn_cerrar_reserva').show();
				// $('#btn_guardar_reserva').attr("disabled",true);
				NumHabita = obj.id;
				ReservaId = obj.id;

				RealizarCheckIn();
                // window.location.href="<?php echo base_url() ?>Reservas/listReservas";
            }
        });
    };

	//Realizar el Checkin
	function RealizarCheckIn()
	{
		var TipoHabitacion = $('#txt_habitacion_reserva').val();
		var PlacaC = $('#txt_placa_reserva').val();

		//Asignar valor a los campos del modal
		$('#txt_nombrecompleto_info').val(Nombres + ' ' + Apellidos); 
		$('#txt_identificacion_info').val(Identificacion);
		$('#txt_movil_info').val(Movil);
		$('#txt_vehiculo_info').val(PlacaC);
		$('#txt_Habitacion_info').val(NumHabita + ' - ' + TipoHabitacion);
		$('#txt_acompanante_info').val(Acompanantes);
		$('#txt_fechaini_info').val(FechaIni + ' - ' + HoraIni); 
		$('#txt_fechafin_info').val(FechaFin + ' - ' + HoraFin);
		$('#txt_numkits_info').val(1);
		$('#txt_observa_info').val('KIT');
		$('#txt_valorhab_info').val(PrecioTotal); 
			
		//Cargar modal
		$("#modal_confirmar_checkin").modal("show");
	};

	//Confirmar Check In
	function ConfirmarInfo() 
	{
		//Asignar Variables
		ObservaHab     = $('#txt_observa_info').val();
		NumeroKits     = $('#txt_numkits_info').val();

		$.ajax({
			url: '<?php echo base_url() ?>Check/estadosHa',//controlador
			type: "POST",//tipo de peticion POST o GET
			headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
			data: { 'IdHabitacion'   : HabitacionId, 
					'IdReserva'      : ReservaId,
					'NumeroKits'     : NumeroKits,
					'ObservaHab'     : ObservaHab }//formato json Data   
		}).done(function(dato){
			//convierto la respuesta json
			var obj = JSON.parse(dato); 
			if (obj.res == 'ok'){
				Swal.fire("Inforamción",obj.msg, "success").then((res)=>{
				llenarPDF(ReservaId);
			});							
			}else{
				Swal.fire("error",obj.msg, "error");  
			}
		});
	};

	//Llenar PDF Cotizacion
	function llenarPDF(ReservaId)
	{
		//Limpiar Campos
		$('#rdo_habitacion_recibo').prop('checked', true);
		$('#rdo_parqueo_recibo').prop('checked', false);
		$("#opt_reserva_recibo").val('');
		$("#opt_vrhabitacion_recibo").val('');
		$("#opt_vrparqueadero_recibo").val('');
		$("#opt_huesped_recibo").val('');
		$("#opt_ident_recibo").val('');
		$("#opt_fecha_recibo").val('');
		$('#rdo_nofactura').prop('checked', true);
		VrHabitacion = $("#txt_precio").val();

		//Asignar Valores 
		$("#opt_reserva_recibo").val(ReservaId);
		$("#opt_vrhabitacion_recibo").val(VrHabitacion);
		$("#opt_huesped_recibo").val(Nombres + ' ' + Apellidos);
		$("#opt_ident_recibo").val(Identificacion);
		$("#opt_fecha_recibo").val(fechaini);

		//bloquear Campos
		$('#opt_vrhabitacion_recibo').attr("disabled",true);
		$('#opt_vrparqueadero_recibo').attr("disabled",true);

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

	//Imprimir Recibo
	$("#btn_imprimir_recibo").click(function ()
    {
		//Definir valores variables
		ReservaId = $("#opt_reserva_recibo").val();
		Recibo    = $("input[name='radio1']:checked").val();
		VrHabita  = $("#opt_vrhabitacion_recibo").val();
		VrParqueo = $("#opt_vrparqueadero_recibo").val();
		FechaRec  = $("#opt_fecha_recibo").val();
		Huesped   = $("#opt_huesped_recibo").val();
		Ident     = $("#opt_ident_recibo").val();
			
		//Validar Campos
        if(Recibo == null){
            Swal.fire({
                title: 'Error al ingresar los datos',
                text: 'Debe seleccionar recibo de caja a generar',
                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 tipo de Recibo
		if(Recibo == "0"){
			Precio = VrHabita;
			guardarReciboCaja(ReservaId, Precio);
		}else{
			Precio = VrParqueo;
			guardarReciboCaja(ReservaId, Precio);
		}
	});

	//Guardar o actualizar Recibo de Caja
	function guardarReciboCaja(ReservaId, Precio)
	{
		//Definir valores Variables
		ValorRecibo = Precio;

		if($('#rdo_sifactura').prop('checked') == true){
			NombreFac = $('#opt_nombre_fac').val();
			IdTipoDoc = $('#txt_tipodoc_fac').val();
			IdentificacionFac = $('#opt_ident_fac').val();
		} else{
			NombreFac = Nombres + ' ' + Apellidos;
			IdTipoDoc = TipoDoc;
			// IdTipoDoc = reservas[0].IdTipoDocumento;
			IdentificacionFac = Identificacion;
		}

		if($('#rdo_habitacion_recibo').prop('checked') == true){
			TipoRecibo  = 0;
			//Realizar Insercion en la Tabla
			$.ajax({
				url: '<?php echo base_url() ?>RecibosCaja/insertRecibosCaja',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'ReservaId'         : ReservaId, 
						'HuespedId'         : HuespedId, 
						'FechaRecibo'       : FechaRec,
						'ValorRecibo'       : ValorRecibo, 
						'TipoRecibo'        : TipoRecibo,
						'ValorTotalReserva' : VrHabitacion,
						'NombreFac'         : NombreFac,
						'IdTipoDoc'         : IdTipoDoc,
						'IdentificacionFac' : IdentificacionFac}//formato json Data   	
			}).done(function(dato){
				var obj = JSON.parse(dato);
				if (obj.res == 'ok'){
					window.open(href="<?php echo base_url() ?>ReciboPDF/generar_pdf/"+ReservaId+TipoRecibo);
				}else{
					Swal.fire("error",obj.msg, "error");  
				}
			});
		} else {
		if(ValorRecibo == VrHabitacion){
			TipoRecibo  = 1;
			//Realizar Insercion en la Tabla
			$.ajax({
				url: '<?php echo base_url() ?>RecibosCaja/insertRecibosCaja',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'ReservaId'         : ReservaId, 
						'HuespedId'         : HuespedId, 
						'FechaRecibo'       : FechaRec,
						'ValorRecibo'       : ValorRecibo, 
						'TipoRecibo'        : TipoRecibo,
						'ValorTotalReserva' : VrHabitacion,
						'NombreFac'         : NombreFac,
						'IdTipoDoc'         : IdTipoDoc,
						'IdentificacionFac' : IdentificacionFac}//formato json Data   		
			}).done(function(dato){
				var obj = JSON.parse(dato);
				if (obj.res == 'ok'){
					window.open(href="<?php echo base_url() ?>ReciboPDF/generar_pdf/"+ReservaId+TipoRecibo);
				}else{
					Swal.fire("error",obj.msg, "error");  
				}
			});
		}else{
			TipoRecibo  = 1;
			//Realizar Insercion en la Tabla
			$.ajax({
				url: '<?php echo base_url() ?>RecibosCaja/insertRecibosCaja',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'ReservaId'         : ReservaId, 
						'HuespedId'         : HuespedId, 
						'FechaRecibo'       : FechaRec,
						'ValorRecibo'       : ValorRecibo, 
						'TipoRecibo'        : TipoRecibo,
						'ValorTotalReserva' : VrHabitacion,
						'NombreFac'         : NombreFac,
						'IdTipoDoc'         : IdTipoDoc,
						'IdentificacionFac' : IdentificacionFac}//formato json Data   
			}).done(function(dato){
				var obj = JSON.parse(dato);
				if (obj.res == 'ok'){
						
					TipoRecibo  = 0;
					ValorRecibo = VrHabitacion - Precio;

					//Realizar Insercion en la Tabla
					$.ajax({
						url: '<?php echo base_url() ?>RecibosCaja/insertRecibosCaja',//controlador
						type: "POST",//tipo de peticion POST o GET
						headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
						data: { 'ReservaId'         : ReservaId, 
								'HuespedId'         : HuespedId, 
								'FechaRecibo'       : FechaRec,
								'ValorRecibo'       : ValorRecibo, 
								'TipoRecibo'        : TipoRecibo,
								'ValorTotalReserva' : VrHabitacion,
								'NombreFac'         : NombreFac,
								'IdTipoDoc'         : IdTipoDoc,
								'IdentificacionFac' : IdentificacionFac}//formato json Data   									
					}).done(function(dato){
						var obj = JSON.parse(dato);
						if (obj.res == 'ok'){
							window.open(href="<?php echo base_url() ?>ReciboPDF/generar_pdf/"+ReservaId+TipoRecibo);
						}else{
							Swal.fire("error",obj.msg, "error");  
						}
					});
					// window.open(href="<?php echo base_url() ?>ReciboPDF/generar_pdf/"+ReservaId);
				}else{
					Swal.fire("error",obj.msg, "error");  
				}
			});
		}
		}
	};

	//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>
