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

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

<style>
    .text-right {
        text-align: right !important;
    }

    .form-control, #btn_buscar_tipohab , #btn_nuevo_tipohab {
        height: calc(1.5em + 0.75rem + 2px); /* Altura uniforme */
        padding: 0.375rem 0.75rem; /* Padding uniforme */
        font-size: 16px;
        line-height: 1.5;
    }

    #btn_buscar_tipohab {
        width: 150px;
    }

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

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

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

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

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

    .card-footer2 {
        padding: 10px; /* Elimina padding para evitar el desalineamiento */
        display: flex; /* Usa flex para alinear el contenido */
        align-items: center; /* Centra verticalmente los elementos en el contenedor */   
        justify-content: flex-end; 
        width: 100%;
    }

    #btn_cerrar_valorhab {
        min-width: 150px; /* Ancho mínimo para el botón */
    }

    #btn_guardar_tipohab {
        min-width: 150px; /* Ancho mínimo para el botón */
    }

    .card-footer3 {
        display: flex;
        justify-content: space-between; /* Espacia los botones */
        padding: 10px; /* Ajusta el padding según sea necesario */
    }

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

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

        #btn_buscar_tipohab,
        #btn_nuevo_tipohab {
            width: 100%; /* Hace que los botones ocupen todo el ancho en pantallas pequeñas */
        }

        #btn_cerrar_valorhab {
            width: 100%; /* Ocupa todo el ancho en pantallas pequeñas */
        }
    }
</style>

<!-- Content Wrapper. Contains page content -->
<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">Tipo Habitaciones</h1>
				</div>
			
				<div class="col-sm-6">
					<ol class="breadcrumb float-sm-right">
						<!-- <li class="breadcrumb-item"><a href="#" onclick="mySession()" class="nav-link">Cerrar Sesión</a></li> -->
					</ol>
				</div>
			</div>
		</div>
	</div>

	<section class="content">
		<div class="container-fluid">
            <div class="card card-secondary">
				<div class="card-header">
					<h3 class="card-title">Datos de  búsqueda </h3>
				</div>
              
                <form id="quickForm"  autocomplete="off">
                    <div class="card-body">
						<div class="row ">
							<div class="col-12 col-sm-4 col-md-3 col-lg-2 mt-1 mb-1">
								<div class="form-group">
									<label>Tipo Habitación</label>
									<select class="form-control" id="cmb_tipo_habitacion">
										<option value="">--Seleccionar-- </option>
										<?php foreach($tipohabitacion as $k1) { ?>
					                		<option value="<?=$k1['IdTipoHabitacion']?>"><?=$k1['TipoHabitacion']?></option>
					            		<?php } ?>                                      
                                	</select>    
								</div>
							</div>  
							
							<div class="col-12 col-sm-4 col-md-3 col-lg-2 mt-1 mb-1 d-flex align-items-end">
								<button type="button" id="btn_buscar_tipohab" class="btn btn-primary">Buscar</button>
							</div> 
						</div>
					</div>

                    <div class="card-body">
                        <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                            <!-- <div class="row"> -->
                            	<!-- <div class="col-sm-12 mt-1 mb-1"> -->
                            <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="">Tipo Habitación</th>
											<th class="sorting" tabindex="0" aria-controls="example1" style="">Descripción</th>
											<th class="sorting" tabindex="0" aria-controls="example1" style="">Capacidad</th>
											<th class="sorting" tabindex="0" aria-controls="example1" style="">Acciones</th>
										</tr>
                                    </thead>
                                    <tbody>                
                                    </tbody>
                                   	<tfoot>
										<tr>
											<th style="">Tipo Habitación</th>
											<th style="">Descripción</th>
											<th style="">Capacidad</th>
											<th style="">Acciones</th>
										</tr>
                                    </tfoot>
                                </table>
                            </div> 
                        </div>
                    </div>
                    <!-- </div> -->

                    <div class="card-footer">
                    	<button type="button" id="btn_nuevo_tipohab" class="btn btn-primary col-md-1 ">Nuevo</button>
                    </div>
                </form>   
            </div>
        </div>
	</section>
                    
	<div class="row">
		<section class="col-lg-7 connectedSortable">
		</section>
		<section class="col-lg-5 connectedSortable">
		</section>
	</div>
</div>

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

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

<!-- ======================================================================================================================================================================================================= -->
<div class="modal fade show" id="modal_tipohab_nueva" aria-modal="true" role="dialog">
	<div class="modal-dialog modal-dialog-centered modal-xl modal_tipohab_nueva">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">Nuevo Tipo de Habitación</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="card-body">
                   	<div class="row" >
                       	<div class="col-sm-6 mt-1 mb-3">
                           	<div class="form-group">
								<label>Tipo Habitación</label> 
								<input type="text" name="opt_tiphab_nueva" class="form-control" id="opt_tiphab_nueva" maxlength="125" onkeyup="mayus(this);"></input>      
                           	</div>
                       	</div>

						<div class="col-sm-6 mt-1 mb-3">
                           	<div class="form-group">
                               	<label>Capacidad</label> 
                               	<input type="text" name="opt_capacidad_nueva" class="form-control" id="opt_capacidad_nueva" maxlength="125" onkeyup="mayus(this);"></input>
                           	</div>
                       	</div>
					</div>

					<div class="row" >
                       	<div class="col-sm-12 mt-1 mb-1">
							<div class="form-group">
                               	<label>Descripción</label> 
                               	<input type="text" name="opt_descripcion_nueva" class="form-control" id="opt_descripcion_nueva" maxlength="125" onkeyup="mayus(this);"></input>
                           	</div>
                       	</div> 
                
                        <!-- <div class="col-sm-3 mt-1 mb-1 d-flex align-items-end">
							<button style="height: 40px; padding: 5px;" type="button" class="btn btn-primary col-md-12" id="btn_guardar_tipohab">Guardar</button>
						</div> -->
					</div>
				</div>
			</form>
			
			
			<fieldset class="border p-2"> 
				<form id="quickForm" autocomplete="off">
					<div class="modal-header">
						<h4 class="modal-title">Valores Habitación</h4>
					</div>
				
            	   	<div class="card-body">
                	   	<div class="row" > 
							<div class="col-sm-4 mt-1 mb-3">
                           		<div class="form-group">
									<center>
										<label>Clase</label>
									</center>
									<input type="text" name="opt_clase1" class="form-control" id="opt_clase1" maxlength="125" value = "TRANSPORTADOR" readonly></input>      
                           		</div>
                       		</div>
							   
							<div class="col-sm-2 mt-1 mb-3">
                           		<div class="form-group">
									<center>
										<label>Individual</label>
									</center>	
									<input type="number" name="opt_ind1" class="form-control" id="opt_ind1" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
							
							<div class="col-sm-2 mt-1 mb-3">
                           		<div class="form-group">
									<center>
										<label>Pareja</label> 
									</center>
									<input type="number" name="opt_pareja1" class="form-control" id="opt_pareja1" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
							
							<div class="col-sm-2 mt-1 mb-3">
                           		<div class="form-group">
									<center>
										<label>Dos Personas</label> 
									</center>
									<input type="number" name="opt_dosper1" class="form-control" id="opt_dosper1" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
							
							<div class="col-sm-2 mt-1 mb-3">
                           		<div class="form-group">
									<center>
										<label>Adicional</label>
									</center> 
									<input type="number" name="opt_adicional1" class="form-control" id="opt_adicional1" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
						</div>

						<div class="row" > 
							<div class="col-sm-4 mt-1 mb-3">
                           		<div class="form-group">
									<input type="text" name="opt_clase2" class="form-control" id="opt_clase2" maxlength="125" value = "PARTICULAR" readonly></input>      
                           		</div>
                       		</div>
							   
							<div class="col-sm-2 mt-1 mb-3">
                           		<div class="form-group">
									<input type="number" name="opt_ind2" class="form-control" id="opt_ind2" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
							
							<div class="col-sm-2 mt-1 mb-3">
                           		<div class="form-group">
									<input type="number" name="opt_pareja2" class="form-control" id="opt_pareja2" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
							
							<div class="col-sm-2 mt-1 mb-3">
                           		<div class="form-group">
									<input type="number" name="opt_dosper2" class="form-control" id="opt_dosper2" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
							
							<div class="col-sm-2 mt-1 mb-3">
                           		<div class="form-group">
									<input type="number" name="opt_adicional2" class="form-control" id="opt_adicional2" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
						</div>
					</div>
				</form>
			</fieldset>
			<div class="card-footer2">
                    <!-- <button style="float: left" type="button" class="btn btn-secondary col-md-2" data-dismiss="modal" id="btn_cancelar_habitacion">Cancelar </button> -->
                    <button type="button" class="btn btn-primary" id="btn_guardar_tipohab" style="margin-right: 20px;">Guardar </button>  
                    <!-- <button type="button" class="btn btn-primary" id="btn_cerrar_valorhab" style="margin-right: 20px;">Cerrar </button>   -->
                </div>
            </div>
		</div>
	</div>
</div>

<!-- ======================================================================================================================================================================================================= -->
<div class="modal fade show" id="modal_tipohab_editar" aria-modal="true" role="dialog">
	<div class="modal-dialog modal-dialog-centered modal-xl modal_tipohab_editar">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title">Tipo Habitación</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="card-body">
                   	<div class="row" >
                       	<div class="col-sm-6 mt-1 mb-1">
                           	<div class="form-group">
								<label>Tipo Habitación</label> 
								<input type="text" name="opt_tiphab_editar" class="form-control" id="opt_tiphab_editar" maxlength="125" onkeyup="mayus(this);"></input>      
                           	</div>
                       	</div>

						<div class="col-sm-6 mt-1 mb-1">
                           	<div class="form-group">
                               	<label>Capacidad</label> 
                               	<input type="text" name="opt_capacidad_editar" class="form-control" id="opt_capacidad_editar" maxlength="125" onkeyup="mayus(this);"></input>
                           	</div>
                       	</div>
					</div>

					<div class="row" >
                       	<div class="col-sm-12 mt-1 mb-1">
							<div class="form-group">
                               	<label>Descripción</label> 
                               	<input type="text" name="opt_descripcion_editar" class="form-control" id="opt_descripcion_editar" maxlength="125" onkeyup="mayus(this);"></input>
                           	</div>
                       	</div> 
					</div> 
				</div> 
			</form>
			
			<fieldset class="border p-2"> 
				<form id="quickForm" autocomplete="off">
					<div class="modal-header">
						<h4 class="modal-title">Valores Habitación</h4>
					</div>
				
            	   	<div class="card-body">
                	   	<div class="row" > 
							<div class="col-sm-4 mt-1 mb-1">
                           		<div class="form-group">
									<center>
										<label>Clase</label>
									</center>
									<input type="text" name="opt_clase1_editar" class="form-control" id="opt_clase1_editar" maxlength="125" value = "TRANSPORTADOR" readonly></input>      
                           		</div>
                       		</div>
							   
							<div class="col-sm-2 mt-1 mb-1">
                           		<div class="form-group">
									<center>
										<label>Individual</label>
									</center>	
									<input type="number" name="opt_ind1_editar" class="form-control" id="opt_ind1_editar" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
							
							<div class="col-sm-2 mt-1 mb-1">
                           		<div class="form-group">
									<center>
										<label>Pareja</label> 
									</center>
									<input type="number" name="opt_pareja1_editar" class="form-control" id="opt_pareja1_editar" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
							
							<div class="col-sm-2 mt-1 mb-1">
                           		<div class="form-group">
									<center>
										<label>Dos Personas</label> 
									</center>
									<input type="number" name="opt_dosper1_editar" class="form-control" id="opt_dosper1_editar" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
							
							<div class="col-sm-2 mt-1 mb-1">
                           		<div class="form-group">
									<center>
										<label>Adicional</label>
									</center> 
									<input type="number" name="opt_adicional1_editar" class="form-control" id="opt_adicional1_editar" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
						</div>

						<div class="row" > 
							<div class="col-sm-4 mt-1 mb-1">
                           		<div class="form-group">
									<input type="text" name="opt_clase2_editar" class="form-control" id="opt_clase2_editar" maxlength="125" value = "PARTICULAR" readonly></input>      
                           		</div>
                       		</div>
							   
							<div class="col-sm-2 mt-1 mb-1">
                           		<div class="form-group">
									<input type="number" name="opt_ind2_editar" class="form-control" id="opt_ind2_editar" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
							
							<div class="col-sm-2 mt-1 mb-1">
                           		<div class="form-group">
									<input type="number" name="opt_pareja2_editar" class="form-control" id="opt_pareja2_editar" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
							
							<div class="col-sm-2 mt-1 mb-1">
                           		<div class="form-group">
									<input type="number" name="opt_dosper2_editar" class="form-control" id="opt_dosper2_editar" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
							
							<div class="col-sm-2 mt-1 mb-1">
                           		<div class="form-group">
									<input type="number" name="opt_adicional2_editar" class="form-control" id="opt_adicional2_editar" maxlength="125" onkeyup="mayus(this);"></input>      
                           		</div>
                       		</div>
						</div>
					</div>
				</form>
			</fieldset>
                        	

			<div class="card-footer2">
                <!-- <button  type="button" class="btn btn-secondary col-md-2" data-dismiss="modal" id="btn_cancelar_habitacion_editar" style="margin-left: 20px;">Cancelar </button> -->
                <button  type="button" class="btn btn-primary col-md-2" data-dismiss="modal" id="btn_guardar_tipohab_editar" style="margin-right: 20px;">Guardar </button>   
            </div>
		</div>
	</div>
</div>

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

<!-- ======================================================================================================================================================================================================= -->	

<script>
    //Definir Variables
    var Modulo = 'TIPO HABITACION';
	var ControlVal   = 0;
	var Control = '';
	var TipoHabitacionId = '';
	var IdClaseMatricula = 0;

	var Opcion = 0;
	var Precio = 0;
	var IdTipoOcupacion = 0;
	var IdTipoHabi = 0;
	var Update = 0;
	var Insert = 0;
    var CtrlTHab = 0;

	// Input de valores bloqueados
	// $('#opt_ind1').attr("disabled",true);
	// $('#opt_pareja1').attr("disabled",true);
	// $('#opt_dosper1').attr("disabled",true);
	// $('#opt_adicional1').attr("disabled",true);
	// $('#opt_ind2').attr("disabled",true);
	// $('#opt_pareja2').attr("disabled",true);
	// $('#opt_dosper2').attr("disabled",true);
    // $('#opt_adicional1').attr("disabled",true);
	// $('#opt_adicional2').attr("disabled",true);

	//aca ya carga la data no necesito enviar nuevamente     
	var permisos       = <?php echo json_encode($permisos) ?>;
	var tipohabitacion = <?php echo json_encode($tipohabitacion) ?>;
	console.log(tipohabitacion);
    	
	//Inicio de lectura del cargue	
	$(document).ready (function(){
		$("#example1").DataTable({
			data: tipohabitacion,
			destroy: true,
			searching: false,
			columns:
			[
				{data : 'TipoHabitacion'},
				{data : 'Descripcion'},
				{data : 'Capacidad'},
				{"data" : function (row, type,val, meta) {
					var TipoHabitaId     = row.IdTipoHabitacion;
					var IdTipoOcupacion  = row.IdTipoOcupacion;
					var IdClaseMatricula = row.IdClaseMatricula;
					if(type==='display'){
						return '<a href="#" onclick="btn_editar_valorhab('+ TipoHabitaId +')" data-id="' + TipoHabitaId + '" class="table-edit" >Editar</a>'; 
					}else{
						return null;
					}
				}}
			],
			responsive: true, 
            "lengthChange": false, 
            "autoWidth": false,
            lengthChange: true, // Habilitar la opción de longitud
            lengthMenu: [ [10, 25, 50, -1], [10, 25, 50, "All"] ], // Opciones para seleccionar la cantidad de registros por página
            autoWidth: false,
            language: {
                "sProcessing": "Procesando...",
                "sLengthMenu": "Mostrar _MENU_ entradas",
                "sZeroRecords": "No se encontraron resultados",
                "sInfo": "Mostrando de _START_ a _END_ de _TOTAL_ entradas",
                "sInfoEmpty": "Mostrando 0 a 0 de 0 entradas",
                "sInfoFiltered": "(filtrado de _MAX_ entradas totales)",
                "sInfoPostFix": "",
                "sSearch": "Buscar:",
                "sUrl": "",
                "sInfoThousands": ",",
                "sLoadingRecords": "Cargando...",
                "oPaginate": {
                    "sFirst": "Primero",
                    "sPrevious": "Anterior",
                    "sNext": "Siguiente",
                    "sLast": "Último"
                },
                "oAria": {
                    "sSortAscending": ": activar para ordenar la columna de manera ascendente",
                    "sSortDescending": ": activar para ordenar la columna de manera descendente"
                }
            },
			buttons: ["copy", "csv", "excel", "pdf", "print"]
		}).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(1)').css('float', 'right');
	});
	
	
	//Crear tipo de habitación
	$("#btn_nuevo_tipohab").click(function () 
	{ 
		//validar permisos de acceso
		for(i=0; i<permisos.length; i++){
			if (permisos[i].Nombre == Modulo){ 
                if(permisos[i].Registrar == 'A'){
                    $("#modal_tipohab_nueva").modal({
                                backdrop: 'static',
                                keyboard: false
                    });
					$("#modal_tipohab_nueva").modal("show"); 
					break;
				}
			}
		}
	});
					
	//Boton para guardar el tipo de habitación        
	$("#btn_guardar_tipohab").click(function ()
	{
		//capturar los valores
		
		var Opcion         = '1';
		var TipoHabitacion = $('#opt_tiphab_nueva').val();
		var Capacidad      = $('#opt_capacidad_nueva').val();
		var Descripcion    = $('#opt_descripcion_nueva').val();
		
        var precioIndividualTransportador = $('#opt_ind1').val();
        var precioParejaTransportador = $('#opt_pareja1').val();
        var precioDosPersonasTransportador = $('#opt_dosper1').val();
        var precioAdicionalTransportador = $('#opt_adicional1').val();

        var precioIndividualParticular = $('#opt_ind2').val();
        var precioParejaParticular = $('#opt_pareja2').val();
        var precioDosPersonasParticular = $('#opt_dosper2').val();
        var precioAdicionalParticular = $('#opt_adicional2').val();
		//Validaciones del front end.
		if(TipoHabitacion == ''){
            Swal.fire({
                title: 'Error',
                text: 'Debe ingresar el tipo 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"
            });
            return;
        }

		if(Capacidad == ''){
            Swal.fire({
                title: 'Error',
                text: 'Debe ingresar la capacidad que tiene ese tipo 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"
            });
            return;
        }

		if(Descripcion == ''){
            Swal.fire({
                title: 'Error',
                text: 'Debe ingresar una descripció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"
            });
            return;
        }
	
       // Validaciones de los precios
        if (precioIndividualTransportador == '' || precioParejaTransportador == '' || precioDosPersonasTransportador == '' || precioAdicionalTransportador == '' ||
            precioIndividualParticular == '' || precioParejaParticular == '' || precioDosPersonasParticular == '' || precioAdicionalParticular == '') {
            Swal.fire({
                title: 'Error',
                text: 'Debe ingresar todos los precios para las ocupaciones de transportador y particular, si no tiene un precio definido colocar 0',
                icon: 'error',
                confirmButtonText: 'OK',
                allowOutsideClick: false,
                allowEscapeKey: false
            });
            return;
        }
		//llamada a micro servicio de validacion
		$.ajax({
			url: '<?php echo base_url() ?>TipoHabitaciones/insertTipoHabitacion',//controlador
			type: "POST",//tipo de peticion POST o GET
			headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
			data: { 'Opcion'         : Opcion, 
					'TipoHabitacion' : TipoHabitacion,
					'Capacidad'      : Capacidad,
					'Descripcion'    : Descripcion}//formato json Data  
		}).done(function(dato){
			//convierto la respuesta json
			var obj = JSON.parse(dato); 
			if (obj.res == 'ok') {
                TipoHabitacionId = obj.id;
                ValoresIni();
				// Control          = '0';
				
                // Swal.fire({
                //     title: 'Información',
                //     text: 'El tipo de habitación fue creado exitosamente, incluya los valores de este tipo de habitación.',
                //     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"
                // });
				// // Input de valores habilitados
				// $('#opt_ind1').attr("disabled",false);
				// $('#opt_pareja1').attr("disabled",false);
				// $('#opt_dosper1').attr("disabled",false);
				// $('#opt_adicional1').attr("disabled",false);
				// $('#opt_ind2').attr("disabled",false);
				// $('#opt_pareja2').attr("disabled",false);
				// $('#opt_dosper2').attr("disabled",false);
				// $('#opt_adicional2').attr("disabled",false);
				// $('#btn_guardar_tipohab').attr("disabled",true);
			}else{
				Swal.fire("error",obj.msg, "error");     
			}
		});
	});      
		
	//Boton para guardar el tipo de habitación        
	$("#btn_guardar_tipohab_editar").click(function ()
	{
		//capturar los valores
		
		// var Opcion         = '1';
		var TipoHabitacion         = $('#opt_tiphab_editar').val();
		var Capacidad              = $('#opt_capacidad_editar').val();
		var Descripcion            = $('#opt_descripcion_editar').val();
        var PrecioIndividualTrans  = $('#opt_ind1_editar').val();
        var PrecioParejaTrans      = $('#opt_pareja1_editar').val();
        var PrecioDosPersonasTrans = $('#opt_dosper1_editar').val();
        var PrecioAdicionalTrans   = $('#opt_adicional1_editar').val();
        var PrecioIndividualPar    = $('#opt_ind2_editar').val();
        var PrecioParejaPar        = $('#opt_pareja2_editar').val();
        var PrecioDosPersonasPar   = $('#opt_dosper2_editar').val();
        var PrecioAdicionalPar     = $('#opt_adicional2_editar').val();
		IdTipoHabitacion = IdTipoHabi;
        console.log('TipoHabitacion: ', TipoHabitacion);
        console.log('Capacidad: ', Capacidad);
        console.log('Descripcion: ', Descripcion);
        
        	
		//Validaciones del front end.
		if(TipoHabitacion == ''){
            Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar el tipo 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"
            });
            return;
        }

		if(Capacidad == ''){
            Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar la capacidad que tiene ese tipo 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"
            });
            return;
        }

		if(Descripcion == ''){
            Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar una descripció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"
            });
            return;
        }
	
       // Llamar a la función para editar los valores
        ValoresEditar(  TipoHabitacion, 
                        Capacidad,
                        Descripcion, 
                        IdTipoHabitacion,
                        PrecioIndividualTrans, 
                        PrecioParejaTrans,
                        PrecioDosPersonasTrans, 
                        PrecioAdicionalTrans, 
                        PrecioIndividualPar,
                        PrecioParejaPar,
                        PrecioDosPersonasPar,
                        PrecioAdicionalPar
                    );
		//llamada a micro servicio de validacion
		// $.ajax({
		// 	url: '<?php echo base_url() ?>TipoHabitaciones/updateTipoHabitacion',//controlador
		// 	type: "POST",//tipo de peticion POST o GET
		// 	headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
		// 	data: { 'Opcion'           : Opcion, 
		// 			'TipoHabitacion'   : TipoHabitacion,
		// 			'Capacidad'        : Capacidad,
		// 			'Descripcion'      : Descripcion,
		// 			'IdTipoHabitacion' : IdTipoHabitacion}//formato json Data  
		// }).done(function(dato){
		// 	//convierto la respuesta json
		// 	var obj = JSON.parse(dato); 
        //     if (obj.res == 'ok') 
        //     {
		// 		//Swal.fire("Informacion",obj.msg, "success");  
        //         window.location.href="<?php echo base_url() ?>TipoHabitaciones/listTipoHabitaciones";
        //     }else{
        //         Swal.fire("error",obj.msg, "error");  
        //     }
		// });
	});

    function ValoresEditar(TipoHabitacion, Capacidad, Descripcion, IdTipoHabitacion,PrecioIndividualTrans, 
                        PrecioParejaTrans,
                        PrecioDosPersonasTrans, 
                        PrecioAdicionalTrans, 
                        PrecioIndividualPar,
                        PrecioParejaPar,
                        PrecioDosPersonasPar,
                        PrecioAdicionalPar) {
    $.ajax({
        url: '<?php echo base_url() ?>ValorHabitacion/updateValorTipoHabitacion', // Controlador de actualización
        type: "POST", // Tipo de petición
        headers: { 'X-Requested-With': 'XMLHttpRequest' }, // Encabezados
        data: {
            'TipoHabitacion': TipoHabitacion,
            'Capacidad': Capacidad,
            'Descripcion': Descripcion,
            'IdTipoHabitacion': IdTipoHabitacion,
            'PrecioIndividualTrans' : PrecioIndividualTrans,
            'PrecioParejaTrans' :PrecioParejaTrans,
            'PrecioDosPersonasTrans' : PrecioDosPersonasTrans,
            'PrecioAdicionalTrans' : PrecioAdicionalTrans,
            'PrecioIndividualPar' : PrecioIndividualPar,
            'PrecioParejaPar' : PrecioParejaPar,
            'PrecioDosPersonasPar' : PrecioDosPersonasPar,
            'PrecioAdicionalPar' : PrecioAdicionalPar
        }, // Datos enviados al servidor
        success: function (response) {
            var data = JSON.parse(response);
            if (data.res === "ok") {
                Swal.fire({
                    title: 'Éxito',
                    text: data.msg,
                    icon: 'success',
                    confirmButtonText: 'OK'
                }).then(() => {
                    // Recargar o cerrar el modal
                    $("#modal_tipohab_editar").modal("hide");
                    location.reload(); // Recargar la página o tabla
                });
            } else {
                Swal.fire({
                    title: 'Error',
                    text: data.msg,
                    icon: 'error',
                    confirmButtonText: 'OK'
                });
            }
        },
        error: function () {
            Swal.fire({
                title: 'Error',
                text: 'Hubo un error en la conexión con el servidor',
                icon: 'error',
                confirmButtonText: 'OK'
            });
        }
    });
}

    //Boton para cerrar 
    $("#btn_cerrar_valorhab").click(function()
    {
        //Definir variables
		Opcion           = '3';
        IdTipoHabitacion = TipoHabitacionId;
        console.log(IdTipoHabitacion);
        
        //llamada a micro servicio de validacion
		$.ajax({
			url: '<?php echo base_url() ?>TipoHabitaciones/searchTipoHabitaciones',//controlador
			type: "POST",//tipo de peticion POST o GET
			headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
			data: { 'Opcion'           : Opcion, 
					'IdTipoHabitacion' : IdTipoHabitacion}//formato json Data  
		}).done(function(dato){
		    //convierto la respuesta json
			var cantidad_bus = JSON.parse(dato);
            var cantidad = cantidad_bus[0].Cantidad;
            if (cantidad < 8){
                Swal.fire({
                    title:"Valores habitación",
                    text: "Debe incluir los valores de este tipo 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"
                });
            } else {
                window.location.href="<?php echo base_url() ?>TipoHabitaciones/listTipoHabitaciones";
            }
		});

    });

    // Mira si ese tipo de habitación ya existe
    $('#opt_tiphab_nueva').change(function(){
        //Definir variables
		var Opcion = '1';
		var TipoHabitacion = $('#opt_tiphab_nueva').val();
				
		//Lamado a ajax para traer los departamentos
		$.ajax({
			url: '<?php echo base_url() ?>TipoHabitaciones/searchNombreTipoHabitaciones',//controlador
			type: "POST",//tipo de peticion POST o GET
			headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
			data: {	'Opcion'         : Opcion, 
					'TipoHabitacion' : TipoHabitacion }//formato json Data
		}).done(function(datoh){
			//convierto la respuesta json
			var tipohab_bus = JSON.parse(datoh);
			if (tipohab_bus.length > 0){
				CtrlTHab = '1';
                Swal.fire({
                    title: "Información",
                    text: "El tipo de habitación ya existe",
                    icon: "question",
                    confirmButtonText: 'OK',
                    allowOutsideClick: false, // Deshabilita el cierre al hacer clic fuera del modal
                    allowEscapeKey: false // Deshabilita el cierre al presionar la tecla "Escape"
                });
                $('#opt_tiphab_nueva').val('');
			}else{
				CtrlTHab = '0';
			}
			//Activar Boton
			$('#btn_guardar_color').show();
		});
    })
    

	//Guardar el valor de indivual cuando es transportador
	// $('#opt_ind1').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '1';
	// 	Precio           = $('#opt_ind1').val();
	// 	IdClaseMatricula = '1';
	// 	IdTipoOcupacion  = '1';
		
	// 	Valores();
	// });

	//Se edita el valor de indivual cuando es transportador
	// $('#opt_ind1_editar').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '2';
	// 	Precio           = $('#opt_ind1_editar').val();
	// 	IdClaseMatricula = '1';
	// 	IdTipoOcupacion  = '1';
	// 	IdTipoHabitacion = IdTipoHabi;
	
	// 	Valores();
	// });

	//Guardar el valor de pareja cuando es transportador
	// $('#opt_pareja1').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '1';
	// 	Precio           = $('#opt_pareja1').val();
	// 	IdClaseMatricula = '1';
	// 	IdTipoOcupacion  = '2';
		
	// 	Valores();
	// });

	//Se edita el valor de pareja cuando es transportador
	// $('#opt_pareja1_editar').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '2';
	// 	Precio           = $('#opt_pareja1_editar').val();
	// 	IdClaseMatricula = '1';
	// 	IdTipoOcupacion  = '2';
	// 	IdTipoHabitacion = IdTipoHabi;
		
	// 	Valores();
	// });

	//Guardar el valor de dos personas cuando es transportador
	// $('#opt_dosper1').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '1';
	// 	Precio           = $('#opt_dosper1').val();
	// 	IdClaseMatricula = '1';
	// 	IdTipoOcupacion  = '3';
		
	// 	Valores();
	// });

	//Se edita el valor de dos personas cuando es transportador
	// $('#opt_dosper1_editar').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '2';
	// 	Precio           = $('#opt_dosper1_editar').val();
	// 	IdClaseMatricula = '1';
	// 	IdTipoOcupacion  = '3';
	// 	IdTipoHabitacion = IdTipoHabi;
		
	// 	Valores();
	// });

	//Guardar el valor de persona adicional cuando es transportador
	// $('#opt_adicional1').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '1';
	// 	Precio           = $('#opt_adicional1').val();
	// 	IdClaseMatricula = '1';
	// 	IdTipoOcupacion  = '4';
		
	// 	Valores();
	// });

	//Se edita el valor de persona adicional cuando es transportador
	// $('#opt_adicional1_editar').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '2';
	// 	Precio           = $('#opt_adicional1_editar').val();
	// 	IdClaseMatricula = '1';
	// 	IdTipoOcupacion  = '4';
	// 	IdTipoHabitacion = IdTipoHabi;
		
	// 	Valores();
	// });

	//Guardar el valor de indivual cuando es particular
	// $('#opt_ind2').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '1';
	// 	Precio           = $('#opt_ind2').val();
	// 	IdClaseMatricula = '2';
	// 	IdTipoOcupacion  = '1';
		
	// 	Valores();
	// });

	//Se edita el valor de indivual cuando es particular
	// $('#opt_ind2_editar').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '2';
	// 	Precio           = $('#opt_ind2_editar').val();
	// 	IdClaseMatricula = '2';
	// 	IdTipoOcupacion  = '1';
	// 	IdTipoHabitacion = IdTipoHabi;
		
	// 	Valores();
	// });

	//Guardar el valor de pareja cuando es particular
	// $('#opt_pareja2').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '1';
	// 	Precio           = $('#opt_pareja2').val();
	// 	IdClaseMatricula = '2';
	// 	IdTipoOcupacion  = '2';
		
	// 	Valores();
	// });

	//Se edita el valor de pareja cuando es particular
	// $('#opt_pareja2_editar').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '2';
	// 	Precio           = $('#opt_pareja2_editar').val();
	// 	IdClaseMatricula = '2';
	// 	IdTipoOcupacion  = '2';
	// 	IdTipoHabitacion = IdTipoHabi;
		
	// 	Valores();
	// });
	
	//Guardar el valor de dos personas cuando es particular 
	// $('#opt_dosper2').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '1';
	// 	Precio           = $('#opt_dosper2').val();
	// 	IdClaseMatricula = '2';
	// 	IdTipoOcupacion  = '3';
		
	// 	Valores();
	// });

	//Se edita el valor de dos personas cuando es particular 
	// $('#opt_dosper2_editar').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '2';
	// 	Precio           = $('#opt_dosper2_editar').val();
	// 	IdClaseMatricula = '2';
	// 	IdTipoOcupacion  = '3';
	// 	IdTipoHabitacion = IdTipoHabi;
		
	// 	Valores();
	// });

	//Guardar el valor de persona individual cuando es particular
	// $('#opt_adicional2').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '1';
	// 	Precio           = $('#opt_adicional2').val();
	// 	IdClaseMatricula = '2';
	// 	IdTipoOcupacion  = '4';
		
	// 	Valores();

	// 	if (Insert == 1){
	// 		Swal.fire({
	// 			title: "Buen trabajo!",
	// 			text: "Valores guardados correctamente",
	// 			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"
	// 		}).then(() => {    
    //                 // Redirigir a otra página después de mostrar el mensaje
    //                 window.location.href = "<?php echo base_url() ?>TipoHabitaciones/listTipoHabitaciones";
    //         });
	// 	}
	// });

	//Guardar el valor de persona individual cuando es particular
	// $('#opt_adicional2_editar').change(function() 
	// {
	// 	//Definir variables
	// 	Opcion           = '2';
	// 	Precio           = $('#opt_adicional2_editar').val();
	// 	IdClaseMatricula = '2';
	// 	IdTipoOcupacion  = '4';
	// 	IdTipoHabitacion = IdTipoHabi;
		
	// 	Valores();
	// });

	//Boton de busqueda por los parametros.
	$("#btn_buscar_tipohab").click(function () 
		{             
			//Captura de valores 
			Opcion 		         = '1';
			var IdTipoHabitacion = $("#cmb_tipo_habitacion").val();
		
			//llamada a micro servicio de validacion
			$.ajax({

				url: '<?php echo base_url() ?>TipoHabitaciones/searchTipoHabitaciones',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'Opcion'           : Opcion, 
						'IdTipoHabitacion' : IdTipoHabitacion}//formato json Data            
				
			}).done(function(dato) {
						
				//convierto la respuesta json
				var tipohab_bus = JSON.parse(dato);
				
				$("#example1").DataTable({
					data: tipohab_bus,
					destroy: true,
					searching: false,
					columns:
					[
						{data : 'TipoHabitacion'},
						{data : 'Descripcion'},
						{data : 'Capacidad'},
						{"data" : function (row, type,val, meta) {
							var TipoHabitaId     = row.IdTipoHabitacion;
							var IdTipoOcupacion  = row.IdTipoOcupacion;
							var IdClaseMatricula = row.IdClaseMatricula;
							if(type==='display'){
								return '<a href="#" onclick="btn_editar_valorhab('+ TipoHabitaId +')" data-id="' + TipoHabitaId + '" class="table-edit" >Editar</a>'; 
							}else{
								return null;
							}
						}}
					],
					responsive: true, 
                    "lengthChange": false, 
                    "autoWidth": false,
                    lengthChange: true, // Habilitar la opción de longitud
                    lengthMenu: [ [10, 25, 50, -1], [10, 25, 50, "All"] ], // Opciones para seleccionar la cantidad de registros por página
                    autoWidth: false,
                    language: {
                        "sProcessing": "Procesando...",
                        "sLengthMenu": "Mostrar _MENU_ entradas",
                        "sZeroRecords": "No se encontraron resultados",
                        "sInfo": "Mostrando de _START_ a _END_ de _TOTAL_ entradas",
                        "sInfoEmpty": "Mostrando 0 a 0 de 0 entradas",
                        "sInfoFiltered": "(filtrado de _MAX_ entradas totales)",
                        "sInfoPostFix": "",
                        "sSearch": "Buscar:",
                        "sUrl": "",
                        "sInfoThousands": ",",
                        "sLoadingRecords": "Cargando...",
                        "oPaginate": {
                            "sFirst": "Primero",
                            "sPrevious": "Anterior",
                            "sNext": "Siguiente",
                            "sLast": "Último"
                        },
                        "oAria": {
                            "sSortAscending": ": activar para ordenar la columna de manera ascendente",
                            "sSortDescending": ": activar para ordenar la columna de manera descendente"
                        }
                    },
					buttons: ["copy", "csv", "excel", "pdf", "print"]
				}).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(1)').css('float', 'right');

			$("#cmb_tipo_habitacion").val('');
		});
	});

	//Ejecutar el modal - Cargar Tipo de habitaciones y valores
	function btn_editar_valorhab(IdTipoHab)
	{ 
		//validar permisos de acceso
		for(i=0; i<permisos.length; i++){
			if (permisos[i].Nombre == Modulo){ 
                if(permisos[i].Actualizar == 'A'){
					
					IdTipoHabi = IdTipoHab;
					var Opcion = '2';

					$.ajax({
						url: '<?php echo base_url() ?>TipoHabitaciones/searchTipoHabitaciones',//controlador
						type: "POST",//tipo de peticion POST o GET
						headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
						data: { 'Opcion'           : Opcion,
								'IdTipoHabitacion' : IdTipoHab}//formato json Data     
					}).done(function(dato){
						var tipo = JSON.parse(dato);
						console.log(tipo);

						$('#opt_tiphab_editar').val(tipo[0].TipoHabitacion);			
						$('#opt_capacidad_editar').val(tipo[0].Capacidad);	
						$('#opt_descripcion_editar').val(tipo[0].Descripcion);	
						$('#opt_ind1_editar').val(tipo[0].Precio);
						$('#opt_pareja1_editar').val(tipo[1].Precio);
						$('#opt_dosper1_editar').val(tipo[2].Precio);
						$('#opt_adicional1_editar').val(tipo[3].Precio);
						$('#opt_ind2_editar').val(tipo[4].Precio);
						$('#opt_pareja2_editar').val(tipo[5].Precio);
						$('#opt_dosper2_editar').val(tipo[6].Precio);
						$('#opt_adicional2_editar').val(tipo[7].Precio);

						Control = '1';		
                        $("#modal_tipohab_editar").modal({
                                backdrop: 'static',
                                keyboard: false
                        });
						$("#modal_tipohab_editar").modal("show"); 
						return; 
					});
					break;
				}else{
                    MsgAlerta(); 
				}
			}
		}
	}

    // Valores iniciales en las habitaciones
    function ValoresIni()
    {
        // Asignar el IdTipoHabitacion
        IdTipoHabitacion = TipoHabitacionId;

        // Valores dinámicos de los campos (estos serían los valores que el usuario ingrese)
        const precioIndividualTransportador = $('#opt_ind1').val();
        const precioParejaTransportador = $('#opt_pareja1').val();
        const precioDosPersonasTransportador = $('#opt_dosper1').val();
        const precioAdicionalTransportador = $('#opt_adicional1').val();

        const precioIndividualParticular = $('#opt_ind2').val();
        const precioParejaParticular = $('#opt_pareja2').val();
        const precioDosPersonasParticular = $('#opt_dosper2').val();
        const precioAdicionalParticular = $('#opt_adicional2').val();

        // Definir los Ids de las clases de matrícula
        const claseTransportador = 1; // ID para "TRANSPORTADOR"
        const claseParticular = 2; // ID para "PARTICULAR"

        // Ocupaciones (individual, pareja, dos personas, adicional)
        const ocupaciones = [
            { id: 1, nombre: 'Individual' }, 
            { id: 2, nombre: 'Pareja' },
            { id: 3, nombre: 'Dos Personas' },
            { id: 4, nombre: 'Adicional' }
        ];

        // Array con los valores para insertar (combinaciones de clase y ocupación)
        const valores = [
            { clase: claseTransportador, ocupacion: ocupaciones[0].id, precio: precioIndividualTransportador }, // Individual - Transportador
            { clase: claseTransportador, ocupacion: ocupaciones[1].id, precio: precioParejaTransportador },     // Pareja - Transportador
            { clase: claseTransportador, ocupacion: ocupaciones[2].id, precio: precioDosPersonasTransportador },// Dos Personas - Transportador
            { clase: claseTransportador, ocupacion: ocupaciones[3].id, precio: precioAdicionalTransportador },  // Adicional - Transportador
            { clase: claseParticular, ocupacion: ocupaciones[0].id, precio: precioIndividualParticular },       // Individual - Particular
            { clase: claseParticular, ocupacion: ocupaciones[1].id, precio: precioParejaParticular },           // Pareja - Particular
            { clase: claseParticular, ocupacion: ocupaciones[2].id, precio: precioDosPersonasParticular },      // Dos Personas - Particular
            { clase: claseParticular, ocupacion: ocupaciones[3].id, precio: precioAdicionalParticular }         // Adicional - Particular
        ];

        // Llamadas para insertar los valores ingresados por el usuario
        valores.forEach(function(valor) {
            insertarValorHabitacion(valor.precio, valor.clase, valor.ocupacion, IdTipoHabitacion);
        });
    };

    // Función para realizar la llamada al procedimiento almacenado
    function insertarValorHabitacion(precio, claseMatricula, tipoOcupacion, tipoHabitacion) {
        $.ajax({
            url: '<?php echo base_url() ?>ValorHabitacion/insertValorHabitacion',//controlador
			type: "POST",//tipo de peticion POST o GET
			headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
            data: {
                Opcion: 1, // Insertar
                Precio: precio,
                IdClaseMatricula: claseMatricula,
                IdTipoOcupacion: tipoOcupacion,
                IdTipoHabitacion: tipoHabitacion
            },
            success: function(response) {
                Swal.fire({
                    title: 'Información',
                    text: 'El tipo de habitación fue creado exitosamente con sus respectivos valores.',
                    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"
                }).then((result) => {
                    if (result.isConfirmed) {
                        window.location.href="<?php echo base_url() ?>TipoHabitaciones/listTipoHabitaciones";
                    }
                });
                
            },
            error: function(error) {
                Swal.fire({
                    title: 'Error',
                    text: 'Lo valores no se guardaron correctamente.',
                    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"
                });
            }
        });
    }

    

	// function Valores()
	// {
	// 	if(Control == '0')
	// 	{
	// 		//Lamado a ajax para traer los departamentos
	// 		$.ajax({
	// 			url: '<?php echo base_url() ?>ValorHabitacion/insertValorHabitacion',//controlador
	// 			type: "POST",//tipo de peticion POST o GET
	// 			headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
	// 			data: {	'Opcion'           : Opcion, 
	// 					'Precio'           : Precio,
	// 					'IdClaseMatricula' : IdClaseMatricula,
	// 					'IdTipoOcupacion'  : IdTipoOcupacion,
	// 					'IdTipoHabitacion' : TipoHabitacionId }//formato json Data
	// 		}).done(function(datoc){
	// 			Insert = 1;
	// 		});

	// 	}else{

	// 		//Lamado a ajax para traer los departamentos
	// 		$.ajax({
	// 			url: '<?php echo base_url() ?>ValorHabitacion/updateValorHabitacion',//controlador
	// 			type: "POST",//tipo de peticion POST o GET
	// 			headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
	// 			data: {	'Opcion'           : Opcion, 
	// 					'Precio'           : Precio,
	// 					'IdClaseMatricula' : IdClaseMatricula,
	// 					'IdTipoOcupacion'  : IdTipoOcupacion,
	// 					'IdTipoHabitacion' : IdTipoHabi }//formato json Data
	// 		}).done(function(datoc){
				
	// 		});
	// 	}
	// };

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

</body>

</html>
