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

<style>
    .required {
		color: red;
		margin-left: 5px;
	}

    .form-control, #btn_buscar_establecimiento , #btn_nuevo_establecimiento {
        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_establecimiento {
        width: 150px;
    }

    #btn_nuevo_establecimiento {
        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 */    
    }

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

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

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

        #btn_buscar_establecimiento,
        #btn_nuevo_establecimiento {
            width: 100%; /* Hace que los botones ocupen 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">Establecimientos</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>

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card card-secondary">
                        <div class="card-header">
                            <h3 class="card-title">Datos de  búsqueda </h3>
                        </div>

                        <!-- form start -->
                        <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">
                                            <div class="form-group">
                                                <label class="fixed-height-label">Nit</label>
                                                <input type="text" name="txt_nit" class="form-control" id="txt_nit" placeholder="Nit">
                                            </div>
                                        </div>
                                    </div> 

                                    <div class="col-12 col-sm-4 col-md-3 col-lg-2 mt-1 mb-1">
                                        <div class="form-group">
                                            <div class="form-group">
                                                <label class="fixed-height-label">Nombre del establecimiento</label>
                                                <input type="text" name="txt_nombre" class="form-control" id="txt_nombre" placeholder="Nombre">
                                            </div>
                                        </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_establecimiento" class="btn btn-primary">Buscar</button>
                                    </div> 
                                </div> 
                            </div>

                            <div class="card-body">
                                <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                                    <!-- <div class="row">
                                        <div class="col-sm-12"> -->
                                    <div class="table-responsive">
                                        <table id="example1" class="table table-bordered table-striped dataTable dtr-inline" role="grid" aria-describedby="example1_info">
                                            <thead>
                                                <tr role="row">
                                                    <th class="sorting" tabindex="0" aria-controls="example1" style="">Id</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1" style="">Nit</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1" style="">Nombre Establecimiento</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1" style="">Dirección</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1" style="">Móvil</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1" style="">RNT</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1" style="">Estado</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1" style="">Acciones</th>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <th rowspan="1" colspan="1" >Id</th>
                                                    <th rowspan="1" colspan="1" >Nit</th>
                                                    <th rowspan="1" colspan="1" >Nombre Establecimiento</th>
                                                    <th rowspan="1" colspan="1" >Dirección</th>
                                                    <th rowspan="1" colspan="1" >Móvil</th>
                                                    <th rowspan="1" colspan="1" >RNT</th>
                                                    <th rowspan="1" colspan="1" >Estado</th>
                                                    <th rowspan="1" colspan="1" >Acciones</th>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- </div> -->

                            <div class="card-footer">
                    	        <button type="button" id="btn_nuevo_establecimiento" class="btn btn-primary col-md-1 ">Nuevo</button>
                            </div>
                        </form>
                    </div> 

                    <div class="row">
                        <section class="col-lg-7 connectedSortable">
                        </section>
                        <section class="col-lg-5 connectedSortable">
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

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

<aside class="control-sidebar control-sidebar-dark">
</aside>
<!-- ======================================================================================================================================================================================================= -->
<div class="modal fade show" id="modal_establecimiento_nuevo" aria-modal="true" role="dialog" data-backdrop="static" data-keyboard="false">
	<div class="modal-dialog modal-lg modal_establecimiento_nuevo">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Nuevo Establecimiento</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>

			<div class="modal-body">
                <div class="card-body">
					<dl class="row">
                        <dt class="col-sm-4">Nombre Establecimiento<span class="required">*</span></dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_nombre_establecimientos" id="opt_nombre_establecimientos" onkeyup="mayus(this);"></dd>
                        
						<dt class="col-sm-4">Nit Establecimiento<span class="required">*</span></dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_nit_establecimientos" id="opt_nit_establecimientos"></dd>

						<dt class="col-sm-4">Dirección Establecimiento</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_direccion_establecimientos" id="opt_direccion_establecimientos" onkeyup="mayus(this);"></dd>

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

						<dt class="col-sm-4">Registro Nacional Turismo</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_rnt_establecimientos" id="opt_rnt_establecimientos"></dd>
						
                        <dt class="col-sm-4">Código CIIU</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_ciiu_establecimientos" id="opt_ciiu_establecimientos"></dd>

                        <dt class="col-sm-4">Registro Mercantil</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_mercantil_establecimientos" id="opt_mercantil_establecimientos"></dd>

                        <dt class="col-sm-4">Departamento<span class="required">*</span></dt>
                        <dd class="col-sm-8">
							<select class="custom-select" id="opt_departamento_establecimiento">
							    <option value="0">--Seleccionar-- </option>
							    <?php foreach($departamentos as $k3) { ?>
								    <option value="<?=$k3['IdDepartamento']?>"><?=$k3['Departamento']?></option>
								<?php } ?>                                    
							</select>    
						</dd>

                        <dt class="col-sm-4">Ciudad<span class="required">*</span></dt>
                        <dd class="col-sm-8">
				            <select class="custom-select" id="opt_ciudad_establecimiento">
				                <option value="0">--Seleccionar-- </option>
				                <?php foreach($ciudades as $k3) { ?>
					                <option value="<?=$k3['IdCiudad']?>"><?=$k3['Ciudad']?></option>
					            <?php } ?>                                    
				            </select>    
			            </dd>

                        <dt class="col-sm-4">Página Web</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_web_establecimientos" id="opt_web_establecimientos"></dd>

						<dt class="col-sm-4">Estado Establecimiento<span class="required">*</span></dt>
                        <dd class="col-sm-8">
							<select class="custom-select" id="opt_estado_establecimientos">
								<option value="0">-- Seleccionar --</option>
								<option value="1">ACTIVO</option>
								<option value="2">INACTIVO</option>
							</select>
						</dd>	
                    </dl>
                </div>
            </div>

            <div class="modal-header">
                <h4 class="modal-title">Información Persona de Contacto</h4>
            </div>

            <div class="modal-body">
                <div class="card-body">
			        <dl class="row">
                        <dt class="col-sm-4">Nombre</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_nombrec_establecimientos" id="opt_nombrec_establecimientos"></dd>

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

                        <dt class="col-sm-4">Email</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_email_establecimientos" id="opt_email_establecimientos"></dd>
                    </dl>
                </div>
            </div>

            <div class="modal-footer justify-content-between">
				<button style="float: left" type="button" class="btn btn-secondary col-md-3" id="btn_cancelar_establecimientos" data-dismiss="modal">Cancelar </button>  
				<button style="float: right" type="button" class="btn btn-primary col-md-3" id="btn_guardar_establecimiento">Guardar </button>   
            </div>
        </div>
    </div>
</div>

<!-- ======================================================================================================================================================================================================= -->
<div class="modal fade show" id="modal_establecimiento_editar" aria-modal="true" role="dialog">
	<div class="modal-dialog modal-lg modal_establecimiento_editar">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Editar Establecimiento</h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>

            <div class="modal-body">
                <div class="card-body">
					<dl class="row">
			            <dt class="col-sm-4">Nombre Establecimiento<span class="required">*</span></dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_nombre_est_edit" id="opt_nombre_est_edit" onkeyup="mayus(this);"></dd>
                        
			            <dt class="col-sm-4">Nit Establecimiento<span class="required">*</span></dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_nit_est_edit" id="opt_nit_est_edit"></dd>

			            <dt class="col-sm-4">Dirección Establecimiento</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_direccion_est_edit" id="opt_direccion_est_edit" onkeyup="mayus(this);"></dd>

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

			            <dt class="col-sm-4">Registro Nacional Turismo</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_rnt_est_edit" id="opt_rnt_est_edit"></dd>
						
                        <dt class="col-sm-4">Código CIIU</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_ciiu_est_edit" id="opt_ciiu_est_edit"></dd>

                        <dt class="col-sm-4">Registro Mercantil</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_mercantil_est_edit" id="opt_mercantil_est_edit"></dd>

                        <dt class="col-sm-4">Departamento<span class="required">*</span></dt>
                        <dd class="col-sm-8">
			                <select class="custom-select" id="opt_departamento_est_edit">
					            <option value="0">--Seleccionar-- </option>
					            <?php foreach($departamentos as $k3) { ?>
					                <option value="<?=$k3['IdDepartamento']?>"><?=$k3['Departamento']?></option>
					            <?php } ?>                                    
				            </select>    
			            </dd>

                        <dt class="col-sm-4">Ciudad<span class="required">*</span></dt>
                        <dd class="col-sm-8">
			                <select class="custom-select" id="opt_ciudad_est_edit">
			                    <option value="0">--Seleccionar-- </option>
			                    <?php foreach($ciudades as $k3) { ?>
				                    <option value="<?=$k3['IdCiudad']?>"><?=$k3['Ciudad']?></option>
				                <?php } ?>                                    
			                </select>    
	                    </dd>

                        <dt class="col-sm-4">Pagina Web</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_web_est_edit" id="opt_web_est_edit"></dd>

			            <dt class="col-sm-4">Estado Establecimiento<span class="required">*</span></dt>
                        <dd class="col-sm-8">
				            <select class="custom-select" id="opt_estado_est_edit">
					            <option value="">-- Seleccionar --</option>
					            <option value="1">ACTIVO</option>
					            <option value="2">INACTIVO</option>
				            </select>
			            </dd>	
                    </dl>
                </div>
            </div>

            <div class="modal-header">
                <h4 class="modal-title">Información Persona de Contacto</h4>
            </div>

            <div class="modal-body">
                <div class="card-body">
			        <dl class="row">
                        <dt class="col-sm-4">Nombre</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_nombrec_est_edit" id="opt_nombrec_est_edit"></dd>

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

                        <dt class="col-sm-4">Email</dt>
                        <dd class="col-sm-8"><input type="text" class="form-control" name="opt_email_est_edit" id="opt_email_est_edit"></dd>
                    </dl>
                </div>
            </div>

            <div class="modal-footer justify-content-between">
				<button style="float: left" type="button" class="btn btn-secondary col-md-3" id="btn_cancelar_establecimientos" data-dismiss="modal">Cancelar </button>  
				<button style="float: right" type="button" class="btn btn-primary col-md-3" id="btn_actualizar_establecimientos">Actualizar </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>
    <!-- jQuery Mask -->
    <script src="<?php echo base_url() ?>assets/plugins/jquery-Mask/jquery.mask.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 = 'ESTABLECIMIENTOS';
    var HotelId = '';

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

	//Iniciar Carga 
    $(document).ready (function() 
    {
        $("#example1").DataTable({
            data: establecimientos,
            destroy: true,
			searching: false,
            columns:
            [
                {data : 'IdEstablecimiento'},
                {data : 'Nit'},
                {data : 'Nombre'},
                {data : 'Direccion'},	
                {data : 'Movil'},	
                {data : 'Rnt'},	
                {data : 'NomEstado'},	
				{"data" : function (row, type,val, meta) {
                    var EstablecimientoId = row.IdEstablecimiento;
					if(type==='display'){
						return '<a href="#" onclick="btn_editar_establecimiento('+ row.IdEstablecimiento +')" data-id="' + row.IdEstablecimiento + '" class="table-edit">Editar</a> &nbsp;&nbsp;<a href="#" onclick="btn_eliminar_establecimiento('+ row.IdEstablecimiento +')"  class="table-edit">Inactivar</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');
    });
    
    //Cargar ciudades 
	$('#opt_departamento_establecimiento').change(function() 
    {
        $('#opt_ciudad_establecimiento').empty();
        var DeptP = $('#opt_departamento_establecimiento').val();
			
        //Lamado a ajax para traer los departamentos
        $.ajax({
            url: '<?php echo base_url() ?>Tipos/searchCiudades/'+DeptP,//controlador
            type: "POST",//tipo de peticion POST o GET
            headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
        }).done(function(DeptP){
            //convierto la respuesta json
            var obj1 = JSON.parse(DeptP);
            $('#opt_ciudad_establecimiento').append(new Option('--Seleccionar--'));
            for (var x in obj1) {
                $('#opt_ciudad_establecimiento').append(new Option(obj1[x].Ciudad,(obj1[x].IdCiudad)));
        	}                    
        });
    });

    //Cargar ciudades editar
	$('#opt_departamento_est_edit').change(function() 
    {
        $('#opt_ciudad_est_edit').empty();
        var DeptP = $('#opt_departamento_est_edit').val();
			
        //Lamado a ajax para traer los departamentos
        $.ajax({
            url: '<?php echo base_url() ?>Tipos/searchCiudades/'+DeptP,//controlador
            type: "POST",//tipo de peticion POST o GET
            headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
        }).done(function(DeptP){
            //convierto la respuesta json
            var obj1 = JSON.parse(DeptP);
            $('#opt_ciudad_est_edit').append(new Option('--Seleccionar--'));
            for (var x in obj1) {
                $('#opt_ciudad_est_edit').append(new Option(obj1[x].Ciudad,(obj1[x].IdCiudad)));
        	}                    
        });
    });

    //Boton de busqueda por los parametros.
    $("#btn_buscar_establecimiento").click(function () 
	{             
        //Captura de valores 
        var nombre = $("#txt_nombre").val();
        var nit    = $("#txt_nit").val();

        //llamada a micro servicio de validacion
        $.ajax({
            url: '<?php echo base_url() ?>Establecimientos/searchEstablecimientos',//controlador
            type: "POST",//tipo de peticion POST o GET
            headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
            data: {'nombre': nombre, 'nit': nit}//formato json Data                         
        }).done(function(dato){
                        
            //convierto la respuesta json
            var establecimiento_bus=JSON.parse(dato);
                
            $("#example1").DataTable({
				data: establecimiento_bus,
				destroy: true,
				searching: false,
				columns:
				[
					{data : 'IdEstablecimiento'},
					{data : 'Nit'},
					{data : 'Nombre'},
					{data : 'Direccion'},	
					{data : 'Movil'},	
					{data : 'Rnt'},	
					{data : 'NomEstado'},	
					{"data" : function (row, type,val, meta) {
						var EstablecimientoId = row.IdEstablecimiento;
						if(type==='display'){
							return '<a href="#" onclick="btn_editar_establecimiento('+ row.IdEstablecimiento +')" data-id="' + row.IdEstablecimiento + '" class="table-edit">Editar</a> &nbsp;&nbsp;<a href="#" onclick="btn_eliminar_establecimiento('+ row.IdEstablecimiento +')"  class="table-edit">Eliminar</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');
        });
    });
    
	//Ejecutar el modal - Cargar Establecimientos
	$("#btn_nuevo_establecimiento").click(function ()
	{  
		//validar permisos de acceso
		for(i=0; i<permisos.length; i++){
			if (permisos[i].Nombre == Modulo){ 
                if(permisos[i].Registrar == 'A'){
                    $("#modal_establecimiento_nuevo").modal({
                        backdrop: 'static',
                        keyboard: false
                    });
					$("#modal_establecimiento_nuevo").modal("show");
					break;
				}else{
					MsgAlerta(); 
				}
			}
		}
    });

    //Ejecutar el modal - Cargar Establecimientos
    $("#btn_guardar_establecimiento").click(function () 
	{ 
        var Nombre         = $('#opt_nombre_establecimientos').val();
        var Nit            = $('#opt_nit_establecimientos').val();
        var Direccion      = $('#opt_direccion_establecimientos').val();
        var Movil          = $('#opt_movil_establecimientos').val();
        var Rnt            = $('#opt_rnt_establecimientos').val();
        var Ciiu           = $('#opt_ciiu_establecimientos').val();
        var Mercantil      = $('#opt_mercantil_establecimientos').val();
        var IdDepartamento = $('#opt_departamento_establecimiento').val();
        var IdCiudad       = $('#opt_ciudad_establecimiento').val();
		var PaginaWeb      = $('#opt_web_establecimientos').val();
		var IdEstado       = $('#opt_estado_establecimientos').val();
		var NombreC        = $('#opt_nombrec_establecimientos').val(); 
        var MovilC         = $('#opt_movilc_establecimientos').val();
        var EmailC         = $('#opt_email_establecimientos').val();

        console.log('IdCiudad:', IdCiudad);
        
        //Validaciones del front end.
		if(Nombre == ''){
            Swal.fire({
                title: 'Error',
                text: 'Debe ingresar el nombre del 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"
            }); 
            return;
        }

        if(Nit == ''){
            Swal.fire({
                title: 'Error',
                text: 'Debe ingresar el nit del 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"
            }); 
            return;
        }

        if(IdDepartamento == 0){
            Swal.fire({
                title: 'Error',
                text: 'Debe seleccionar el departamento',
                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(IdCiudad == '--Seleccionar--'){
            Swal.fire({
                title: 'Error',
                text: 'Debe seleccionar la ciudad',
                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(IdEstado == 0){
            Swal.fire({
                title: 'Error',
                text: 'Debe seleccionar el estado del 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"
            }); 
            return;
        }
  
		//llamada a micro servicio de validacion
        $.ajax({
            url: '<?php echo base_url() ?>Establecimientos/insertEstablecimientos',//controlador
            type: "POST",//tipo de peticion POST o GET
            headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
            data: {'Nombre'         : Nombre, 
				   'Nit'            : Nit, 
				   'Direccion'      : Direccion, 
				   'Movil'          : Movil, 
				   'Rnt'            : Rnt, 
                   'Ciiu'           : Ciiu,
                   'Mmercantil'     : Mercantil,
                   'IdDepartamento' : IdDepartamento,
                   'IdCiudad'       : IdCiudad,
                   'PaginaWeb'      : PaginaWeb,
                   'IdEstado'       : IdEstado,
                   'NombreContacto' : NombreC,
                   'TelContacto'    : MovilC,
                   'EmailContacto'  : EmailC}//formato json Data   
        }).done(function(dato){
            //convierto la respuesta json
            var obj = JSON.parse(dato); 
            if (obj.res == 'ok') {
                Swal.fire("Información",obj.msg, "success").then(() => {    
                    // Redirigir a otra página después de mostrar el mensaje
                    window.location.href="<?php echo base_url() ?>Establecimientos/listEstablecimientos";
                });
            }else{
                Swal.fire("error",obj.msg, "error");  
            }
        });
    });

	//Ejecutar el modal - Cargar Establecimientos
	function btn_editar_establecimiento(EstablecimientoId)
	{ 
		//validar permisos de acceso
		for(i=0; i<permisos.length; i++){
			if (permisos[i].Nombre == Modulo){ 
                if(permisos[i].Actualizar == 'A'){
					//Recorrer el Array
					for(i=0;i<=establecimientos.length;i++){
						if(establecimientos[i].IdEstablecimiento == EstablecimientoId){
                            HotelId = EstablecimientoId;
							$('#opt_nombre_est_edit').val(establecimientos[i].Nombre)	
							$('#opt_nit_est_edit').val(establecimientos[i].Nit)
							$('#opt_direccion_est_edit').val(establecimientos[i].Direccion)
							$('#opt_movil_est_edit').val(establecimientos[i].Movil)
							$('#opt_rnt_est_edit').val(establecimientos[i].Rnt)
							$('#opt_ciiu_est_edit').val(establecimientos[i].Ciiu)
							$('#opt_mercantil_est_edit').val(establecimientos[i].Mmercantil)
							$('#opt_departamento_est_edit').val(establecimientos[i].IdDepartamento)
							$('#opt_ciudad_est_edit').val(establecimientos[i].IdCiudad)
							$('#opt_web_est_edit').val(establecimientos[i].PaginaWeb)
							$('#opt_estado_est_edit').val(establecimientos[i].IdEstado)
							$('#opt_nombrec_est_edit').val(establecimientos[i].NombreContacto)
							$('#opt_movilc_est_edit').val(establecimientos[i].TelContacto)
							$('#opt_email_est_edit').val(establecimientos[i].EmailContacto)
								
							//Cargar Ventana Modal
                            $("#modal_establecimiento_editar").modal({
                                backdrop: 'static',
                                keyboard: false
                            });

							$("#modal_establecimiento_editar").modal("show");
							return; 
						}   
					}
					break;
				}else{
                    MsgAlerta(); 
				}
			}
		}	 	
    };

    //Ejecutar el modal - Cargar Establecimientos
    $("#btn_actualizar_establecimientos").click(function () 
	{ 
        var IdEstablecimiento = HotelId;
        var Nombre         = $('#opt_nombre_est_edit').val();
        var Nit            = $('#opt_nit_est_edit').val();
        var Direccion      = $('#opt_direccion_est_edit').val();
        var Movil          = $('#opt_movil_est_edit').val();
        var Rnt            = $('#opt_rnt_est_edit').val();
        var Ciiu           = $('#opt_ciiu_est_edit').val();
        var Mercantil      = $('#opt_mercantil_est_edit').val();
        var IdDepartamento = $('#opt_departamento_est_edit').val();
        var IdCiudad       = $('#opt_ciudad_est_edit').val();
		var PaginaWeb      = $('#opt_web_est_edit').val();
		var IdEstado       = $('#opt_estado_est_edit').val();
		var NombreC        = $('#opt_nombrec_est_edit').val(); 
        var MovilC         = $('#opt_movilc_est_edit').val();
        var EmailC         = $('#opt_email_est_edit').val();
        
        //Validaciones del front end.
		if(Nombre == ''){
            Swal.fire({
                title: 'Error',
                text: 'Debe ingresar el nombre del 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"
            }); 
            return;
        }

        if(Nit == ''){
            Swal.fire({
                title: 'Error',
                text: 'Debe ingresar el nit del 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"
            }); 
            return;
        }

        if(IdDepartamento == 0){
            Swal.fire({
                title: 'Error',
                text: 'Debe seleccionar el departamento',
                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(IdCiudad == 0){
            Swal.fire({
                title: 'Error',
                text: 'Debe seleccionar la ciudad',
                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(IdEstado == 0){
            Swal.fire({
                title: 'Error',
                text: 'Debe seleccionar el estado del 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"
            }); 
            return;
        }
        
		//llamada a micro servicio de validacion
        $.ajax({
            url: '<?php echo base_url() ?>Establecimientos/updateEstablecimientos',//controlador
            type: "POST",//tipo de peticion POST o GET
            headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
            data: { 'IdEstablecimiento' : IdEstablecimiento, 
				    'Nombre'            : Nombre, 
					'Nit'               : Nit, 
					'Direccion'         : Direccion, 
					'Movil'             : Movil, 
					'Rnt'               : Rnt, 
					'Ciiu'              : Ciiu, 
					'Mmercantil'        : Mercantil, 
					'IdDepartamento'    : IdDepartamento, 
					'IdCiudad'          : IdCiudad, 
					'PaginaWeb'         : PaginaWeb, 
					'IdEstado'          : IdEstado,
					'NombreContacto'    : NombreC, 
					'TelContacto'       : MovilC, 
					'EmailContacto'     : EmailC}//formato json Data              
        }).done(function(dato) 
        {
            //convierto la respuesta json
            var obj = JSON.parse(dato); 
            if (obj.res == 'ok'){
				Swal.fire("Información",obj.msg, "success").then(() => {    
                    // Redirigir a otra página después de mostrar el mensaje
                    window.location.href = "<?php echo base_url() ?>Establecimientos/listEstablecimientos";
                });
            }else{
                Swal.fire("error",obj.msg, "error");  
            }
        });
      
    });

	//Boton Eliminar Usuario
	function btn_eliminar_establecimiento(valor)
	{
		//validar permisos de acceso
		for(i=0; i<permisos.length; i++){
			if (permisos[i].Nombre == Modulo){ 
                if(permisos[i].Eliminar == 'A'){
					Swal.fire({
						title: "¿Está seguro de inactivar el establecimiento?",
						text: "Esta opción inactivara el establecimiento seleccionado",
						icon: "warning",
						showCancelButton: true,
						confirmButtonColor: '#3085d6',
						cancelButtonColor: '#d33',
						confirmButtonText: 'Inactivar',
						cancelButtonText: 'Cancelar'
					}).then((result) => {
						if (result.isConfirmed){
							//Registro de sesion cerrada.
							$.ajax({
								url: '<?php echo base_url() ?>Establecimientos/deleteEstablecimientos',//controlador
								type: "POST",//tipo de peticion POST o GET
								headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
								data: {'Establecimiento': valor}//formato json Data   
							}).done(function(dato){
								var obj = JSON.parse(dato); 
								if (obj.res == 'ok'){
                                    Swal.fire("Información",obj.msg, "success").then(() => {    
                                        // Redirigir a otra página después de mostrar el mensaje
                                        window.location.href = "<?php echo base_url() ?>Establecimientos/listEstablecimientos";
                                    });
								}else{		
									Swal.fire("error",obj.msg, "error");  				
								}
                            });
						} 
					});
				}else{
                    MsgAlerta(); 
				}
			}
		}
	};

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