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

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

    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* Habilita el desplazamiento suave en iOS */
    }

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

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

    #btn_buscar_reserva {
        width: 150px;
    }

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

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

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

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

    .dataTables_length select {
        min-width: 60px; /* Ajusta el tamaño según sea necesario */
        padding-right: 20px; /* Agrega espacio adicional para las flechas */
    }
    
    /* Responsive design */
    @media (max-width: 768px) {
        .card-body .row {
            flex-direction: column; /* Cambia la dirección del flex para pantallas pequeñas */
        }

        #btn_buscar_reserva,
        #btn_nuevo_reserva {
            width: 100%; /* Hace que los botones ocupen todo el ancho en pantallas pequeñas */
        }
    }
</style>

<div class="content-wrapper">
	<div class="content-header">
		<div class="container-fluid">
			<div class="row mb-2">
				<div class="col-sm-6">
					<h1 class="m-0">Check In</h1>
				</div>
				
				<div class="col-sm-6">
					<ol class="breadcrumb float-sm-right">
						<!-- <li class="breadcrumb-item"><a href="#" onclick="mySession()" class="nav-link">Cerrar Sesión</a></li> -->
					</ol>
				</div>
			</div>
		</div>
	</div>

	<section class="content">
		<div class="container-fluid">
			<div class="card card-secondary">
				<div class="card-header">
					<h3 class="card-title">DATOS DE BÚSQUEDA</h3>
				</div>

				<form id="quickForm"  autocomplete="off">
					<div class="card-body">
						<div class="row">
							<div class="col-12 col-sm-4 col-md-3 col-lg-2 mt-1 mb-1">
								<div class="form-group">
									<label class="fixed-height-label">Identificación Huesped</label>
									<input type="text" name="txt_identificacion_reserva" class="form-control" id="txt_identificacion_reserva">
								</div>
							</div> 

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

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

							<div class="col-12 col-sm-4 col-md-3 col-lg-2 mt-1 mb-1">
								<div class="form-group">
									<label class="fixed-height-label">Check In</label>
									<input type="date" name="txt_fechaini_reserva" class="form-control" id="txt_fechaini_reserva"> </input>
								</div>
							</div> 
					
							<!-- <div class="col-md-2 mt-1 mb-1">
								<div class="form-group">
									<label>Estado Habitación</label>
									<select class="custom-select" id="txt_disponibilidad_reserva">
										<option value="">--Seleccionar-- </option>
										<option value="1">RESERVADO</option>
										<option value="2">OCUPADO</option>
									</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_reserva" class="btn btn-primary">Buscar</button>
                    		</div> 
						</div>
					</div>
			
					<div class="card-body">
						<div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
							<div class="row">
								<div class="col-sm-12">
									<table id="example1" class="table table-bordered table-striped dataTable dtr-inline" role="grid" aria-describedby="example1_info">
										<thead>
											<tr role="row">
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Establecimiento</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">No. Reserva</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">No.Habitación</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Habitación</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Huesped</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Identificación</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Acompañantes</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Valor Habitación</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Check in</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Check out</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Placa</th>
												<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="">Acciones</th>
										</thead>

										<tbody>         
										
										</tbody>
										
										<tfoot>
											<tr>
												<th style="">Establecimiento</th>
												<th style="">No. Reserva</th>
												<th style="">No.Habitación</th>
												<th style="">Habitación</th>
												<th style="">Huesped</th>
												<th style="">Identificación</th>
												<th style="">Acompañantes</th>
												<th style="">Valor Habitación</th>
												<th style="">Check_in</th>
												<th style="">Check_out</th>
												<th style="">Placa</th>
												<th style="">Acciones</th>
											</tr>
										</tfoot>
									</table>
								</div> 
								<!-- /.col-->
							</div>
        					<!-- /.row -->
						</div>
						<!-- /.example1 -->
					</div>
					<!-- /.card-body -->

					<div class="card-footer">
						<button type="button" id="btn_nuevo_reserva" class="btn btn-primary">Nueva</button> 
					</div>
                    <!-- /.card footer -->
                </form>
                <!-- /.form -->
            </div> 
            <!-- /.card -->
            
            <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 Crear Huesped -->
<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">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" hidden>Reserva No.</dt>
								<dd class="col-sm-8 mt-1 mb-1" hidden><input type="text" class="form-control" name="opt_reserva_recibo" id="opt_reserva_recibo" onkeyup="mayus(this);" hidden></dd>

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

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

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

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

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

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

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

							</dl>
							<div class="col-sm-12 mensaje" >¿Desea Imprimir el Recibo con los Datos seleccionados?</div>
					</div>
					<!-- /.card-body -->
				</div>
				<!-- /.modal-body -->
			</form>
			<!-- /.form -->

            <div class="modal-footer justify-content-between">
				<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>
			<!-- /.modal-footer -->
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal fade show -->

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

<!-- ======================================================================================================================================================================================================= -->
    
	<script>
		//Definir Variables
        var Modulo         = 'CHECKIN';

		var Opcion         = '';
		var Recibo         = '';
		var VrHabita       = '';
		var VrParqueo      = ''; 
		var FechaRec       = '';
		var HuespedId      = '';
		var Ident          = '';
		var Identificacion = '';
		var EstadoHabita   = '';
		var FechaIni       = '';
		var FechaFin       = '';
		var Movil          = '';
		var Placa          = '';
		var FechaHoy       = '';
        var HoraHoy        = '';
		var FacturaId      = '';
		var EstadoReserva  = '';
		var FechaReserva   = '';
		var Reservas       = [];
		var IdEstablecimiento = '';

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

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

			//Cargar tabla Reservar Check
			Opcion         = '1';
			IdEstablecimiento = hoteles;
			CargarTablaReservas();
			
		});

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

		//Activar desactivar campos habitaciones
		$('#rdo_parqueo_recibo').change(function() 
        {
			$('#opt_vrhabitacion_recibo').attr("disabled",true);
			$('#opt_vrparqueadero_recibo').attr("disabled",false);
		});
		
		//Buscar Reservas por parametro
		$("#btn_buscar_reserva").click(function () 
		{    
			Opcion         = '1';
            Identificacion = $('#txt_identificacion_reserva').val();
            Movil          = $('#txt_movil_reserva').val();
		    Placa          = $('#txt_placa_reserva').val();
            FechaIni       = $('#txt_fechaini_reserva').val();            
            FechaFin       = $('#txt_fechafin_reserva').val();
            EstadoHabita   = $('#txt_disponibilidad_reserva').val();
			EstadoReserva  = '1';

            if(Placa != "") { Opcion = '5'}
			
			//LLenar tabla Reservas
			CargarTablaReservas();
		});
		
		//Crear Reserva
		$("#btn_nuevo_reserva").click(function ()
		{  
			for(i=0; i<permisos.length; i++){
				if (permisos[i].Nombre == Modulo)
				{ 
                    if(permisos[i].Registrar == 'A')
					{
						window.location.href="<?php echo base_url() ?>Check/newCheckIn";
						break;
					
					}else{

						MsgAlerta(); 
					}
				}
			}
        });

		//Realizar CheckIn
        function CambioEstado(HabitacionId,Disponibilidad,ReservaId)
		{
			//validar permisos de acceso
			for(i=0; i<permisos.length; i++){
				if (permisos[i].Nombre == Modulo)
				{ 
                    if(permisos[i].Registrar == 'A')
					{
						for(r=0; r<Reservas.length; r++){
							if (Reservas[r].IdReserva == ReservaId)
							{
								FechaReserva = Reservas[r].FechaIni;
							}
						}

						if(FechaReserva <= FechaHoy)
						{
							window.location.href="<?php echo base_url() ?>Check/editCheckIn/"+ReservaId;
							// window.location.href="<?php echo base_url() ?>Reservas/editReservas/"+ReservaId;
							break;

						}else{

							Swal.fire("error","No se puede realizar el Check In, tiene fecha posterior", "error");  
						}
						
					
					}else{

						MsgAlerta(); 
					}
				}
			}
        };

		//Llenar tabla Reservas para el check	
		function CargarTablaReservas(info)
		{
			//llamada a micro servicio de validacion
			$.ajax({

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

			}).done(function(dato) 
			{
				//convierto la respuesta json
				Reservas = JSON.parse(dato);
                console.log(Reservas);
                
				//Llenar Tabla
				$("#example1").DataTable({
					data: Reservas,
					destroy: true,
					searching: false,
					columns:
					[
						{data : 'NomEstablecimiento'},
						{data : 'IdReserva'},
						{data : 'NumeroHabitacion'},
						{data : 'TipoHabitacion'},
						{data : 'NombreHuesped'},
						{data : 'Identificacion'},
						{data : 'CantAcompanantes'},
						{data : 'PrecioHabitacion', render: $.fn.dataTable.render.number('.', ',', 2, '$ ')},
						{data : 'CheckIn'},
						{data : 'CheckOut'},
						{data : 'Placa'},
						{"data" : function (row, type,val, meta) {
							var Reserva=row.IdReserva;
							return `<a href="#" class="text-center" onclick="CambioEstado(${row.IdHabitacion},'O',${row.IdReserva})">Check In</a>`; 
						}}   
									
					],
					responsive: true, 
                    "lengthChange": false, 
                    "autoWidth": false,
                    lengthChange: true, // Habilitar la opción de longitud
                    lengthMenu: [ [10, 25, 50, -1], [10, 25, 50, "All"] ], // Opciones para seleccionar la cantidad de registros por página
                    autoWidth: false,
                    language: {
                        "sProcessing": "Procesando...",
                        "sLengthMenu": "Mostrar _MENU_ entradas",
                        "sZeroRecords": "No se encontraron resultados",
                        "sInfo": "Mostrando de _START_ a _END_ de _TOTAL_ entradas",
                        "sInfoEmpty": "Mostrando 0 a 0 de 0 entradas",
                        "sInfoFiltered": "(filtrado de _MAX_ entradas totales)",
                        "sInfoPostFix": "",
                        "sSearch": "Buscar:",
                        "sUrl": "",
                        "sInfoThousands": ",",
                        "sLoadingRecords": "Cargando...",
                        "oPaginate": {
                            "sFirst": "Primero",
                            "sPrevious": "Anterior",
                            "sNext": "Siguiente",
                            "sLast": "Último"
                        },
                        "oAria": {
                            "sSortAscending": ": activar para ordenar la columna de manera ascendente",
                            "sSortDescending": ": activar para ordenar la columna de manera descendente"
                        }
                    },
					buttons: ["copy", "csv", "excel", "pdf", "print"]
				}).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(1)').css('float','right');
			});	
            $('#txt_identificacion_reserva').val('');
            $('#txt_movil_reserva').val('');
		    $('#txt_placa_reserva').val('');
            $('#txt_fechaini_reserva').val('');            
		};

		//Llenar PDF Cotizacion
		function llenarPDF(ReservaId)
		{
			//Limpiar Campos
			$('#rdo_habitacion_recibo').prop('checked', false);
			$('#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('');

			//validar permisos de acceso
			for(i=0; i<Reservas.length; i++){
				if (Reservas[i].IdReserva == ReservaId)
				{ 
					VrHabitacion   = Reservas[i].ValorHabitacion;
					HuespedId      = Reservas[i].IdHuesped;
					NomHuesped     = Reservas[i].NomHuesped;
					Identificacion = Reservas[i].Identificacion;
				}
			}

			//Asignar Valores 
			$("#opt_reserva_recibo").val(ReservaId);
			$("#opt_vrhabitacion_recibo").val(VrHabitacion);
			$("#opt_huesped_recibo").val(NomHuesped);
			$("#opt_ident_recibo").val(Identificacion);
			$("#opt_fecha_recibo").val(FechaHoy);

			//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("Error al ingresar los datos", "Debe seleccionar recibo de caja a generar", "error");  return; }
			
			//Validar tipo de Recibo
			if(Recibo == '0')
			{
				Precio = VrHabita;
				guardarReciboCaja(ReservaId, Precio);
			
			}else{

				Precio = VrParqueo;
				guardarReciboCaja(ReservaId, Precio);
				// window.open(href="<?php echo base_url() ?>ReciboPDF/generar_pdf/"+ReservaId);
			}
		});
		
		//Guardar o actualizar Recibo de Caja
		function guardarReciboCaja(Valor, Precio)
		{
			//Definir valores Variables
			ReservaId   = Valor;
			ValorRecibo = Precio;
			TipoRecibo  = Recibo;
	
			//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 }//formato json Data   
                        
            }).done(function(dato) 
            {
				var obj = JSON.parse(dato);
                console.log(obj);
                
				if (obj.res == 'ok') 
				{   
					window.open(href="<?php echo base_url() ?>ReciboPDF/generar_pdf/"+ReservaId+TipoRecibo);
				}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; 
        };

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

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

    </script>
	
	</body>

</html>