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

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

<style>
    .form-control, #btn_buscar_usuarios , #btn_nuevo_usuario {
        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_usuarios {
        width: 150px;
    }

    #btn_nuevo_usuario {
        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,
    .card-footer3 {
        display: flex; /* Flexbox para gestionar la alineación */
        justify-content: space-between; /* Separar botones hacia los extremos */
        padding: 10px; /* Espaciado interno */
    }

    #btn_cancelar_usuario,
    #btn_guardar_usuario,
    #btn_cancelar_usuario_editar,
    #btn_actualizar_usuario {
        height: calc(1.5em + 0.75rem + 2px); /* Altura uniforme */
        padding: 0.375rem 0.75rem; /* Padding uniforme */
        font-size: 16px;
        min-width: 100px; /* Ancho mínimo para los botones */
    }

    .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_usuarios,
        #btn_nuevo_usuario {
            width: 100%; /* Hace que los botones ocupen todo el ancho en pantallas pequeñas */
        }

        .card-footer2,
        .card-footer3 {
            flex-direction: column; /* Cambia la dirección del flex para pantallas pequeñas */
            align-items: center; /* Centra los botones verticalmente */
        }

        #btn_cancelar_usuario,
        #btn_guardar_usuario,
        #btn_cancelar_usuario_editar,
        #btn_actualizar_usuario {
            width: 100%; /* Los botones ocupan todo el ancho en pantallas pequeñas */
            margin-bottom: 10px; /* Añade un espacio entre los botones en móviles */
        }
    }
</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">Usuarios</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="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 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 for="exampleInputEmail1">Identificación</label>
                                            <input type="text" name="txt_identificacion" class="form-control" id="txt_identificacion" placeholder="Numero de Identificacion" aria-describedby="exampleInputEmail1-error">
                                        </div>
                                    </div> 
                                    <div class="col-12 col-sm-4 col-md-3 col-lg-2 mt-1 mb-1">
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">Nombre</label>
                                            <input type="text" name="txt_nombre" class="form-control" id="txt_nombre" placeholder="Nombre de usuario" aria-describedby="exampleInputPassword1-error" aria-invalid="true">
                                        </div>
                                    </div> 
                                    <div class="col-12 col-sm-4 col-md-3 col-lg-2 mt-1 mb-1">
                                        <div class="form-group">
                                            <label>Estado</label>
                                                <select class="custom-select" id="cmb_estado_usuario">
                                                    <option value="">--Seleccionar--</option>
                                                    <option value="1">ACTIVO</option>
                                                    <option value="2">INACTIVO</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_usuarios" class="btn btn-primary">Buscar</button>
                                    </div> 
                                </div>
							</div>

							<div class="card-body">
								<div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                                    <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="">IdUsuario</th>
													<th class="sorting" tabindex="0" aria-controls="example1" style="">Nombres</th>
													<th class="sorting" tabindex="0" aria-controls="example1" style="">Apellidos</th>
													<th class="sorting" tabindex="0" aria-controls="example1" style="">Identificación</th>
													<th class="sorting" tabindex="0" aria-controls="example1" style="">Usuario</th>
													<th class="sorting" tabindex="0" aria-controls="example1" style="">Estado</th>
													<th class="sorting" tabindex="0" aria-controls="example1" style="">Establecimento</th>
													<th class="sorting" tabindex="0" aria-controls="example1" style="">Acciones</th>
											</thead>
											<tbody>		
											</tbody>
											<tfoot>
												<tr>
													<th style="">IdUsuario</th>
													<th style="">Nombres</th>
													<th style="">Apellidos</th>
													<th style="">Identificacion</th>
													<th style="">Usuario</th>
													<th style="">Estado</th>
													<th style="">Establecimento</th>
													<th style="">Acciones</th>
												</tr>
											</tfoot>
										</table>
									</div>
								</div>
							</div>

							<div class="card-footer">
								<button type="button" id="btn_nuevo_usuario" class="btn btn-primary col-md-1 ">Nuevo</button>
							</div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="row">
                <section class="col-lg-7 connectedSortable">
                </section>
                
                <section class="col-lg-5 connectedSortable">
                </section>
            </div>
        </div>
    </section>
</div>
        
<?php $this->load->view("template/footer"); ?>
<aside class="control-sidebar control-sidebar-dark">
</aside>

<!-- ======================================================================================================================================================================================================= -->
<!-- Modal Crear Usuario -->
<div class="modal fade show" id="modal-usuario-nuevo" aria-modal="true" role="dialog">
	<div class="modal-dialog modal-dialog-centered modal-xl modal-usuario-nuevo">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Usuario Nuevo</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">
					<div class="row">
						<div class="col-sm-3">
                            <div class="form-group">
                                <label>Establecimiento</label>
                                <select class="custom-select" id="cmb_establecimiento">
                                    <option value="">--Seleccionar-- </option>
                                    <?php foreach($establecimiento as $k0) { ?>
                                        <option value="<?=$k0['IdEstablecimiento']?>"><?=$k0['Nombre']?></option>
                                    <?php } ?>   
                                </select>
                            </div>
                        </div> 
                            
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Área</label>
                                <select class="custom-select" id="cmb_area">
                                	<option value="">--Seleccionar-- </option>
                                    <?php foreach($areas as $k1) { ?>
                                        <option value="<?=$k1['IdArea']?>"><?=$k1['Descripcion']?></option>
                                    <?php } ?>   
                                </select>
                            </div>
                        </div> 
                            
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Tipo Identificación</label>
                                <select class="custom-select" id="cmb_tipoident_usuario">
                                    <option value="0">--Seleccionar--</option>
                                    <?php foreach($tipodoc as $k2) { ?>
                                        <option value="<?=$k2['IdTipoDocumento']?>"><?=$k2['TipoDocumento']?></option>
                                    <?php } ?>                                        
                                </select>
                            </div>
                        </div> 

                        <div class="col-sm-3">
                            <div class="form-group"> 
                                <label>Identificación</label>
                                <input type="text" name="txt_identificacion_usuario" class="form-control" id="txt_identificacion_usuario" placeholder="Identificación de usuario" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="125">
                            </div>
                        </div>                                                 
                    </div> 
                       
                	<div class="row">
                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <label>Nombres</label>
                                <input type="text" name="txt_nombres_usuario" class="form-control" id="txt_nombres_usuario" placeholder="Nombres usuario" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="125" onkeyup="mayus(this);">
                            </div>
                        </div>  
                         
                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <label>Apellidos</label>
                                <input type="text" name="txt_apellidos_usuario" class="form-control" id="txt_apellidos_usuario" placeholder="Apellidos usuario" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="125" onkeyup="mayus(this);">
                            </div>
                    	</div>  
                            
                        <div class="col-sm-2">
                            <div class="form-group">  
                                <label>Estado</label>                            
                                <div class="custom-control custom-radio">
                                    <input class="custom-control-input" type="radio" id="customRadio1" name="customRadio" value="1">
                                    <label for="customRadio1" class="custom-control-label">Activo</label>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-2">
                            <div class="form-group">  
                                <label> &nbsp; </label>                            
                                <div class="custom-control custom-radio">
                                    <input class="custom-control-input" type="radio" id="customRadio2" name="customRadio" value="2" >
                                    <label for="customRadio2" class="custom-control-label">Inactivo</label>
                                </div>
                            </div>
                        </div>
                    </div> 
                       
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group">
                                <div class="form-group"> 
                                    <label>Email</label>
                                    <input type="text" name="txt_email_usuario" class="form-control" id="txt_email_usuario" placeholder="Correo electrónico" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="125">
                                </div>
                            </div>
                        </div> 

                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <label>Móvil</label>
                                <input type="text" name="txt_telefono_usuario" class="form-control" id="txt_telefono_usuario" placeholder="Teléfono Usuario" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="20">
                            </div>
                        </div> 
                        
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label>Perfil</label>
                                <select class="form-control" id="cmb_perfiles_usuario">
                    	            <option value="0">--Seleccionar--</option>
                                    <?php foreach($perfiles as $k3) { ?>
                                        <option value="<?=$k3['IdPerfil']?>"><?=$k3['Nombre']?></option>
                                    <?php } ?>                                        
                                </select>
                            </div>
                        </div>
                    </div> 
                         
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" name="terms" class="custom-control-input" id="exampleCheck1"><label class="custom-control-label" for="exampleCheck1">Cambiar la clave de acceso.</label>
                                </div>
                            </div> 
                        </div> 
                        
                        <div class="col-sm-4"></div> 
                          
						<div class="col-sm-4"></div>
                    </div> 
                         
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <label>Usuario</label>
                                <input type="text" name="txt_login_usuario" class="form-control" id="txt_login_usuario" placeholder="Usuario" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="20">
                            </div>
                        </div> 

                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <label>Contraseña</label>
                                <input type="password" name="txt_password_usuario" class="form-control" id="txt_password_usuario" placeholder="Contraseña" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="10">
                            </div>
                        </div> 

                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <label>Recordar contraseña</label>
                                <input type="password" name="txt_repassword_usuario" class="form-control" id="txt_repassword_usuario" placeholder="Recordar contraseña" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="10">
                            </div>
                        </div>
                    </div> 
                </div>
                
                <div class="card-footer2">
                    <button type="button" class="btn btn-secondary col-md-1 " id="btn_cancelar_usuario" style="margin-left: 10px;">Cancelar</button>
                    <button type="button" class="btn btn-primary col-md-1 " id="btn_guardar_usuario" style="margin-right: 10px;">Guardar</button>   
                </div>
            </div>
        </div>
    </div>
</div>

<!-- ======================================================================================================================================================================================================= -->
<!-- Modal Editar Usuario -->
<div class="modal fade show" id="modal-usuario-editar" aria-modal="true" role="dialog">
	<div class="modal-dialog modal-dialog-centered modal-xl modal-usuario-editar">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Editar usuario</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">
					<div class="row">
						<div class="col-sm-3">
                            <div class="form-group">
                                <label>Establecimiento</label>
                                <select class="custom-select" id="cmb_establecimiento_editar">
                                    <option value="">--Seleccionar-- </option>
                                    <?php foreach($establecimiento as $k0) { ?>
                                        <option value="<?=$k0['IdEstablecimiento']?>"><?=$k0['Nombre']?></option>
                                    <?php } ?>   
                                </select>
                            </div>
                        </div> 
                            
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Area</label>
                                <select class="custom-select" id="cmb_area_editar">
                                	<option value="">--Seleccionar-- </option>
                                    <?php foreach($areas as $k1) { ?>
                                        <option value="<?=$k1['IdArea']?>"><?=$k1['Descripcion']?></option>
                                    <?php } ?>   
                                </select>
                            </div>
                        </div> 
                            
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Tipo Identificación</label>
                                <select class="custom-select" id="cmb_tipodoc_editar">
                                    <option value="0">--Seleccionar--</option>
                                    <?php foreach($tipodoc as $k2) { ?>
                                        <option value="<?=$k2['IdTipoDocumento']?>"><?=$k2['TipoDocumento']?></option>
                                    <?php } ?>                                        
                                </select>
                            </div>
                        </div> 

                        <div class="col-sm-3">
                            <div class="form-group"> 
                                <label>Identificación</label>
                                <input type="text" name="txt_identificacion_editar" class="form-control" id="txt_identificacion_editar" placeholder="Identificación de usuario" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="125">
                            </div>
                        </div>                                                 
                    </div> 
                       
                	<div class="row">
                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <label>Nombres</label>
                                <input type="text" name="txt_nombres_editar" class="form-control" id="txt_nombres_editar" placeholder="Nombres usuario" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="125" onkeyup="mayus(this);">
                            </div>
                        </div>  
                         
                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <label>Apellidos</label>
                                <input type="text" name="txt_apellidos_editar" class="form-control" id="txt_apellidos_editar" placeholder="Apellidos usuario" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="125" onkeyup="mayus(this);">
                            </div>
                    	</div>  
                            
                        <div class="col-sm-2">
                            <div class="form-group">  
                                <label>Estado</label>                            
                                <div class="custom-control custom-radio">
                                    <input class="custom-control-input" type="radio" id="customRadio1e" name="customRadio" value="1">
                                    <label for="customRadio1e" class="custom-control-label">Activo</label>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-2">
                            <div class="form-group">  
                                <label> &nbsp; </label>                            
                                <div class="custom-control custom-radio">
                                    <input class="custom-control-input" type="radio" id="customRadio2e" name="customRadio" value="2" >
                                    <label for="customRadio2e" class="custom-control-label">Inactivo</label>
                                </div>
                            </div>
                        </div>
                    </div> 
                       
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group">
                                <div class="form-group"> 
                                    <label>Email</label>
                                    <input type="text" name="txt_email_editar" class="form-control" id="txt_email_editar" placeholder="Correo electrónico" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="125">
                                </div>
                            </div>
                        </div> 

                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <label>Móvil</label>
                                <input type="text" name="txt_telefono_editar" class="form-control" id="txt_telefono_editar" placeholder="Telefono Usuario" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="20">
                            </div>
                        </div> 
                        
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label>Perfil</label>
                                <select class="form-control" id="cmb_perfiles_editar">
                    	            <option value="0">--Seleccionar--</option>
                                    <?php foreach($perfiles as $k3) { ?>
                                        <option value="<?=$k3['IdPerfil']?>"><?=$k3['Nombre']?></option>
                                    <?php } ?>                                        
                                </select>
                            </div>
                        </div>
                    </div> 
                         
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <div class="custom-control custom-checkbox">
                                    <input type="checkbox" name="terms" class="custom-control-input" id="exampleCheck1"><label class="custom-control-label" for="exampleCheck1">Cambiar la clave de acceso.</label>
                                </div>
                            </div> 
                        </div> 
                        
                        <div class="col-sm-4"></div> 
                          
						<div class="col-sm-4"></div>
                    </div> 
                         
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <label>Usuario</label>
                                <input type="text" name="txt_login_editar" class="form-control" id="txt_login_editar" placeholder="Usuario" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="20">
                            </div>
                        </div> 

                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <label>Contraseña</label>
                                <input type="password" name="txt_password_editar" class="form-control" id="txt_password_editar" placeholder="Constraseña" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="10">
                            </div>
                        </div> 

                        <div class="col-sm-4">
                            <div class="form-group"> 
                                <label>Recordar contraseña</label>
                                <input type="password" name="txt_repassword_editar" class="form-control" id="txt_repassword_editar" placeholder="Recordar contraseña" aria-describedby="exampleInputPassword1-error" aria-invalid="true" maxlength="10">
                            </div>
                        </div>
                    </div> 
                </div>
                
                <div class="card-footer3">
                    <button type="button" class="btn btn-secondary col-md-1 " id="btn_cancelar_usuario_editar" style="margin-left: 10px;">Cancelar </button>
                    <button type="button" class="btn btn-primary col-md-1 " id="btn_actualizar_usuario" style="margin-right: 10px;">Guardar </button>   
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ======================================================================================================================================================================================================= -->
   
	<!-- jQuery -->
	<script src="<?php echo base_url() ?>assets/plugins/jquery/jquery.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/jquery/jquery.min.js"></script>
	<!-- jQuery UI 1.11.4 -->
	<script src="<?php echo base_url() ?>assets/plugins/jquery-ui/jquery-ui.min.js"></script>
	<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
	<script>
		$.widget.bridge('uibutton', $.ui.button)
	</script>
	<!-- Bootstrap 4 -->
	<script src="<?php echo base_url() ?>assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
	<!-- ChartJS -->
	<script src="<?php echo base_url() ?>assets/plugins/chart.js/Chart.min.js"></script>
	<!-- Sparkline -->
	<!-- <script src="<?php echo base_url() ?>assets/plugins/sparklines/sparkline.js"></script> -->
	<!-- JQVMap -->
	<script src="<?php echo base_url() ?>assets/plugins/jqvmap/jquery.vmap.min.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
	<!-- jQuery Knob Chart -->
	<script src="<?php echo base_url() ?>assets/plugins/jquery-knob/jquery.knob.min.js"></script>
	<!-- daterangepicker -->
	<script src="<?php echo base_url() ?>assets/plugins/moment/moment.min.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/daterangepicker/daterangepicker.js"></script>
	<!-- Tempusdominus Bootstrap 4 -->
	<script src="<?php echo base_url() ?>assets/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
	<!-- Summernote -->
	<script src="<?php echo base_url() ?>assets/plugins/summernote/summernote-bs4.min.js"></script>
	<!-- overlayScrollbars -->
	<script src="<?php echo base_url() ?>assets/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
	<!-- AdminLTE App -->
	<script src="<?php echo base_url() ?>assets/dist/js/adminlte.js"></script>
	<!-- AdminLTE for demo purposes -->
	<script src="<?php echo base_url() ?>assets/dist/js/demo.js"></script>
	<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
	 <!-- <script src="<?php echo base_url() ?>assets/dist/js/pages/dashboard.js"></script> -->
	<!-- SweetAlert -->
	<script src="<?php echo base_url() ?>assets/plugins/sweetalert2/sweetalert2.all.min.js"></script>
	<!-- AdminLTE Datatable components -->
	<script src="<?php echo base_url() ?>assets/plugins/datatables/jquery.dataTables.min.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/jszip/jszip.min.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/pdfmake/pdfmake.min.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/pdfmake/vfs_fonts.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/buttons.print.min.js"></script>
	<script src="<?php echo base_url() ?>assets/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>

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

	<script>
        //Definir Variables
        var Modulo = 'USUARIOS';
		var option = false;
		var UsuarioId = '';

		//aca ya carga la data no necesito enviar nuevamente   
		var permisos  = <?php echo json_encode($permisos) ?>;
		var usuarios  = <?php echo json_encode($usuarios) ?>;
		var usuario   = <?php echo json_encode($usuario) ?>;
		var usuariosT = <?php echo json_encode($usuariosT) ?>;
        var perfilUsuario = usuario[0].IdPerfil;
        
        
	
		//inicio de carga
		$(document).ready (function(){	
			$("#example1").DataTable({
				data: usuarios,
				destroy: true,
				searching: false,
				columns:
				[
					{data : 'IdUsuario'},
					{data : 'Nombres'},
					{data : 'Apellidos'},
					{data : 'Identificacion'},
					{data : 'Login'},
					{data : 'Estado'},
					{data : 'Establecimiento'},
					{"data": function (row, type, val, meta){
						var IdUsuario = row.IdUsuario;
						if(type == 'display'){
							return '<a href="#" onclick="btn_editar_usuario('+ IdUsuario +')" data-id="' + IdUsuario + '" 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');
		});

		//Boton de busqueda por los parametros.
		$("#btn_buscar_usuarios").click(function () 
		{             
			//Captura de valores 
			var Opcion 		   = '9';
			var identificacion = $("#txt_identificacion").val();
			var nombre         = $("#txt_nombre").val();
			var estado         = $("#cmb_estado_usuario").val();
		
			//llamada a micro servicio de validacion
			$.ajax({

				url: '<?php echo base_url() ?>Usuarios/searchUsuarios',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'Opcion' : Opcion, 
					'identificacion': identificacion, 
						'nombre': nombre, 
						'estado': estado}//formato json Data            
				
			}).done(function(dato) {
						
				//convierto la respuesta json
				var usuarios_bus=JSON.parse(dato);
				
				$("#example1").DataTable({
					data: usuarios_bus,
					destroy: true,
					searching: false,
					columns:
					[
						{data : 'IdUsuario'},
						{data : 'Nombres'},
						{data : 'Apellidos'},
						{data : 'Identificacion'},
						{data : 'Login'},
						{data : 'Estado'},
						{data : 'Establecimiento'},
						{"data": function (row, type, val, meta){
							var IdUsuario = row.IdUsuario;
							if(type == 'display'){
								return '<a href="#" onclick="btn_editar_usuario('+ IdUsuario +')" data-id="' + IdUsuario + '" 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", "colvis"]
				}).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(1)').css('float','right');
			});

			var identificacion = $("#txt_identificacion").val('');
			var nombre         = $("#txt_nombre").val('');
			var estado         = $("#cmb_estado_usuario").val(''); 
		});

		//Crear Usuario
		$("#btn_nuevo_usuario").click(function () 
		{  
			for(i=0; i<permisos.length; i++){
				if (permisos[i].Nombre == Modulo)
				{ 
                    if(permisos[i].Registrar == 'A')
					{
						$(function() {
							$("#txt_login_usuario").prop( "disabled", true );
							$("#txt_password_usuario").prop( "disabled", true );
							$("#txt_repassword_usuario").prop( "disabled", true );
						});
      
    					$('#exampleCheck1').change(function(){ 
        					if(option==false){
								option = true;
								$("#txt_login_usuario").prop( "disabled", false );
								$("#txt_password_usuario").prop( "disabled", false );
								$("#txt_repassword_usuario").prop( "disabled", false );
        					}else{
								option=false;
								$("#txt_login_usuario").prop( "disabled", true );
								$("#txt_password_usuario").prop( "disabled", true );
								$("#txt_repassword_usuario").prop( "disabled", true );
        					}
    					});
                        $("#modal-usuario-nuevo").modal({
                                backdrop: 'static',
                                keyboard: false
                        });
						$("#modal-usuario-nuevo").modal("show");
						// window.location.href="<?php echo base_url() ?>Usuarios/newusuario";
						break;
					
					}else{

						MsgAlerta(); 
					}
				}
			}
		});

		//Boton para guardar         
		$("#btn_guardar_usuario").click(function ()
		{
			//capturar los valores
			var Opcion            = '1';
			var Nombres           = $('#txt_nombres_usuario').val();
			var Apellidos         = $('#txt_apellidos_usuario').val();
			var IdTipoDocumento   = $('#cmb_tipoident_usuario').val();
			var Identificacion    = $('#txt_identificacion_usuario').val();
			var Email             = $("#txt_email_usuario").val();
			var Celular           = $("#txt_telefono_usuario").val();
			var IdEstado          = $("input[name='customRadio']:checked").val();
			var Login             = $('#txt_login_usuario').val();
			var Clave             = $('#txt_password_usuario').val();
			var IdPerfil          = $('#cmb_perfiles_usuario').val();
			var IdArea            = $('#cmb_area').val();
			var IdEstablecimiento = $('#cmb_establecimiento').val();
			var RePassword        = $('#txt_repassword_usuario').val();
   
			//Validaciones del front end.

			if(Nombres == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar los nombres del usuario',
                    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(Apellidos == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar los apellidos del usuario',
                    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(IdTipoDocumento == '0'){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe seleccionar el tipo de documento del usuario',
                    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(Identificacion == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar el número de identificación del usuario',
                    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(Email == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar el correo electrónico del usuario',
                    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(Celular == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar el número de teléfono móvil del usuario',
                    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 == '' || IdEstado == null){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe seleccionar el estado del usuario',
                    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(IdEstablecimiento == '0'){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe seleccionar un establecimiento especifico',
                    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(IdArea == '0'){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe seleccionar un área del usuario',
                    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(IdPerfil == '0'){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar el perfil del usuario',
                    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(option == true){
				if(Login == ''){
                    Swal.fire({
                        title: 'Error',
                        text: 'Debe ingresar el login del usuario',
                        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(Clave == ''){
                    Swal.fire({
                        title: 'Error',
                        text: 'Debe ingresar la contraseña del usuario',
                        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(RePassword == ''){
                    Swal.fire({
                        title: 'Error',
                        text: 'Debe digitar nuevamente la contraseña',
                        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(Clave != RePassword){
                    Swal.fire({
                        title: 'Error',
                        text: 'La contraseña digitada no corresponde, debe digitar nuevamente la contraseña',
                        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;
                }
                
                // Políticas de la contraseña
                var passwordPolicy = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[\W_]).{8,}$/;

                if (!passwordPolicy.test(Clave)) {
                    Swal.fire({
                        title: 'Error',
                        text: 'La contraseña debe tener al menos 8 caracteres, incluir una letra mayúscula, una letra minúscula, un número y un carácter especial',
                        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() ?>Usuarios/insertUsuarios',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'Opcion'            : Opcion, 
						'Nombres'           : Nombres,
						'Apellidos'         : Apellidos,
						'IdTipoDocumento'   : IdTipoDocumento,
						'Identificacion'    : Identificacion,
						'Email'             : Email,
						'Celular'           : Celular,
						'IdEstado'          : IdEstado,
						'Login'             : Login,
						'Clave'             : Clave,
						'IdPerfil'          : IdPerfil,
						'IdArea'            : IdArea, 
						'IdEstablecimiento' : IdEstablecimiento, 
				        'RePassword'        : RePassword}//formato json Data  
			}).done(function(dato){
				//convierto la respuesta json
				var obj = JSON.parse(dato); 
				if (obj.res == 'ok') {
					window.location.href="<?php echo base_url() ?>Usuarios/listUsers";
				}else{
					Swal.fire("error",obj.msg, "error");     
				}
			});
		});      
		
		//Boton para guardar         
		$("#btn_actualizar_usuario").click(function ()
		{
			//capturar los valores
			var Opcion            = '1';
			var IdUsuario		  = UsuarioId;
			var Nombres           = $('#txt_nombres_editar').val();
			var Apellidos         = $('#txt_apellidos_editar').val();
			var IdTipoDocumento   = $('#cmb_tipodoc_editar').val();
			var Identificacion    = $('#txt_identificacion_editar').val();
			var Email             = $('#txt_email_editar').val();
			var Celular           = $('#txt_telefono_editar').val();
			var IdEstado          = $("input[name='customRadio']:checked").val();
			var Login             = $("#txt_login_editar").val();
			var Clave             = $("#txt_password_editar").val();
			var IdPerfil          = $('#cmb_perfiles_editar').val();
			var IdArea            = $('#cmb_area_editar').val();
			var IdEstablecimiento = $('#cmb_establecimiento_editar').val();
			var RePassword        = $('#txt_repassword_editar').val();
			
			//Validaciones del front end.
			if(Nombres == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar los nombres del usuario',
                    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(Apellidos == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar los apellidos del usuario',
                    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(IdTipoDocumento == '0'){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe seleccionar el tipo de identidad del usuario',
                    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(Identificacion == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar el numero de identificacion del usuario',
                    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(Email == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar el correo electronico del usuario',
                    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(Celular == ''){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar el numero de telefono movil del usuario',
                    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 == '' || IdEstado == null){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe seleccionar el estado del usuario',
                    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(IdPerfil == '0'){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe ingresar el perfil del usuario',
                    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(IdArea == '0'){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe seleccionar un area del usuario',
                    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(IdEstablecimiento == '0'){
                Swal.fire({
                    title: 'Error',
                    text: 'Debe seleccionar un establecimiento especifico',
                    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(option == true)
			{
				if(Login == ''){
                    Swal.fire({
                        title: 'Error',
                        text: 'Debe ingresar el usuario',
                        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(Clave == ''){
                    Swal.fire({
                        title: 'Error',
                        text: 'Debe ingresar la contraseña',
                        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(RePassword == ''){
                    Swal.fire({
                        title: 'Error',
                        text: 'Debe digitar nuevamente la contraseña',
                        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(Clave != RePassword){
                    Swal.fire({
                        title: 'Error',
                        text: 'La contraseña digitada no corresponde, debe digitar nuevamente la contraseña',
                        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;
                }

                // Políticas de la contraseña
                var passwordPolicy = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[\W_]).{8,}$/;

                if (!passwordPolicy.test(Clave)) {
                    Swal.fire({
                        title: 'Error',
                        text: 'La contraseña debe tener al menos 8 caracteres, incluir una letra mayúscula, una letra minúscula, un número y un carácter especial',
                        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() ?>Usuarios/updateUsers',//controlador
				type: "POST",//tipo de peticion POST o GET
				headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados
				data: { 'Opcion'            : Opcion,	
						'IdUsuario'         : IdUsuario,
						'Nombres'           : Nombres,
						'Apellidos'         : Apellidos,
						'IdTipoDocumento'   : IdTipoDocumento,
						'Identificacion'    : Identificacion,
						'Email'             : Email,
						'Celular'           : Celular,
						'IdEstado'          : IdEstado, 
						'Login'             : Login,
						'Clave'             : Clave,
						'IdPerfil'          : IdPerfil,
						'IdArea'            : IdArea,
						'IdEstablecimiento' : IdEstablecimiento }//formato json Data   
			}).done(function(dato){
				//convierto la respuesta json
				var obj = JSON.parse(dato); 
				if (obj.res == 'ok') {
					//llamamos al controlador
					Swal.fire("Inforamción",obj.msg, "success").then((res)=>{
						window.location.href="<?php echo base_url() ?>Usuarios/listUsers";
					});  
				}else{
					Swal.fire("error",obj.msg, "error");  
				}
			});
		});      

		//Boton Cancelar Sucursal
		$("#btn_cancelar_usuario").click(function ()
		{ 
			window.location.href="<?php echo base_url() ?>Usuarios/listUsers";
		});

		//Boton Cancelar Sucursal
		$("#btn_cancelar_usuario_editar").click(function ()
		{ 
			window.location.href="<?php echo base_url() ?>Usuarios/listUsers";
		});

		//Editar Usuario
		function btn_editar_usuario(Valor) 
		{   
			//validar permisos de acceso
			for(i=0; i<permisos.length; i++){
				if (permisos[i].Nombre == Modulo){ 
                	if(permisos[i].Actualizar == 'A' && perfilUsuario == permisos[i].IdPerfil){
						for(i=0;i<=usuariosT.length;i++){
						    if(usuariosT[i].IdUsuario == Valor){
								// Cargar datos solicitud    
						        UsuarioId = Valor;
						        $("#txt_login_editar").prop( "disabled", true );
						        $("#txt_password_editar").prop( "disabled", true );
						        $("#txt_repassword_editar").prop( "disabled", true );
						        $("#cmb_establecimiento_editar").prop( "disabled", true );

						        $('#cmb_establecimiento_editar').val(usuariosT[i].IdEstablecimiento)
						        $('#cmb_area_editar').val(usuariosT[i].IdArea)
						        $('#cmb_tipodoc_editar').val(usuariosT[i].IdTipoDocumento);
						        $('#txt_identificacion_editar').val(usuariosT[i].Identificacion);
						        $('#txt_nombres_editar').val(usuariosT[i].Nombres);
						        $('#txt_apellidos_editar').val(usuariosT[i].Apellidos);
								
						        if(usuariosT[i].IdEstado == '1'){
							        $("#customRadio1e").attr("checked",true);
						        }else{
							        $("#customRadio2e").attr("checked",true);
						        }   
                                
						        $('#txt_email_editar').val(usuariosT[i].Email);
						        $('#txt_telefono_editar').val(usuariosT[i].Celular);
						        $('#cmb_perfiles_editar').val(usuariosT[i].IdPerfil);
						        $('#txt_login_editar').val(usuariosT[0].Login);
						        $('#txt_password_editar').val(usuariosT[0].Clave);
						        $('#txt_repassword_editar').val(usuariosT[0].Clave);

						        $('#exampleCheck1').change(function(){ 
							        if(option==false){
								        option = true;
								        $("#txt_login_editar").prop( "disabled", false );
								        $("#txt_password_editar").prop( "disabled", false );
								        $("#txt_repassword_editar").prop( "disabled", false );
							        }else{
								        option=false;
								        $("#txt_login_editar").prop( "disabled", true );
								        $("#txt_password_editar").prop( "disabled", true );
								        $("#txt_repassword_editar").prop( "disabled", true );
							        }
						        })
						        // Cargar Ventana Modal
                                $("#modal-usuario-editar").modal({
                                    backdrop: 'static',
                                    keyboard: false
                                });
						        $("#modal-usuario-editar").modal("show");
							        return; 
					        }   
                        }
				        break;				
				    }else{
					    MsgAlerta(); 
				    }
			    }
			}  
		};
	
		// //Boton Eliminar Usuario
		// function btn_eliminar_usuario(valor)
		// {
		// 	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 usuario?",
		// 					text: "Esta opción inactivará el usuario seleccionado",
		// 					icon: "warning",
		// 					showCancelButton: true,
		// 					confirmButtonColor: '#3085d6',
		// 					cancelButtonColor: '#d33',
		// 					confirmButtonText: 'Aceptar',
		// 					cancelButtonText: 'Cancelar'
		// 				}).then((result) => {
		// 					if (result.isConfirmed) 
		// 					{
		// 						//Registro de sesion cerrada.
		// 						$.ajax({
		// 							url: '<?php echo base_url() ?>Usuarios/deleteUsuarios/'+valor,//controlador
		// 							type: "POST",//tipo de peticion POST o GET
		// 							headers: {'X-Requested-With': 'XMLHttpRequest'},//Encabezados

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

		// 							var obj = JSON.parse(dato); 
		// 							if (obj.res == 'ok') {
		// 								//llamamos al controlador
		// 								window.location.href="<?php echo base_url() ?>Usuarios/listUsers";
		// 							}else{
												
		// 								Swal.fire("error",obj.msg, "error");  
													
		// 							}

		// 						});
									
		// 					} 
		// 				});
					
		// 			}else{

		// 				MsgAlerta(); 
		// 			}
		// 		}
		// 	}
		// };

		//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"
			})
		}; 
		
		//funcion pasar a mayusculas
		function mayus(e) 
		{
			e.value = e.value.toUpperCase();
		};
    </script>

</body>

</html>
