text: let url = base_url+"users";
  let token =   $("#get_csrf_hash").val();
  $(document).ready(function () {
      $('#editable').DataTable({
          "pageLength": 50,
          "serverSide": true,
          "order": [[0, "asc"]],
          "ajax": {
              url: url+'/get_data',
              type: 'POST',
              data: {"csrf_token_name": token},
          },
          "language": {
              "sProcessing": "Procesando...",
              "sLengthMenu": "Mostrar _MENU_ registros",
              "sZeroRecords": "No se encontraron resultados",
              "sEmptyTable": "Ningún dato disponible en esta tabla",
              "sInfo": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
              "sInfoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
              "sInfoFiltered": "(filtrado de un total de _MAX_ registros)",
              "sInfoPostFix": "",
              "sSearch": "Buscar:",
              "sUrl": "",
              "sInfoThousands": ",",
              "sLoadingRecords": "Cargando...",
              "oPaginate": {
                  "sFirst": "Primero",
                  "sLast": "Último",
                  "sNext": "Siguiente",
                  "sPrevious": "Anterior"
              },
              "oAria": {
                  "sSortAscending": ": Activar para ordenar la columna de manera ascendente",
                  "sSortDescending": ": Activar para ordenar la columna de manera descendente"
              }
          }
      }); // End of DataTable
  
  
  });
  
  $(document).on("click", "#modal_btn_edit", function() {
      let id = $(this).attr("data-id");
      $("#viewModal").modal("show");
      $("#viewModal .modal-content").load(url+'/ver_detalle/'+id);
  });
  
  
  $(document).on("click",".state_change", function(event)
  {
      event.preventDefault()
      let id = $(this).attr("id");
      let data = $(this).attr("data-state");
      let dataString = "id=" + id+"&csrf_token_name="+token;
      Swal.fire({
          title: 'Alerta!!',
          text: "Estas seguro de "+ data+" este registro?!",
          type: 'warning',
          showCancelButton: true,
          confirmButtonColor: '#3085d6',
          cancelButtonColor: '#d33',
          confirmButtonText: 'Si,'+data,
          cancelButtonText: 'Cancelar',
      }).then((result) => {
          if (result.value) {
              $.ajax({
                  type: "POST",
                  url: url+"/state_change",
                  data: dataString,
                  dataType: 'json',
                  success: function (data) {
                      notification(data.type,data.title,data.msg);
                      if (data.type == "success") {
                          setTimeout("reload();", 1500);
                      }
                  }
              });
          }
      });
  });
  
  $(document).on("click",".delete_row", function(event)
  {
      event.preventDefault()
      let id_row = $(this).attr("id");
      let dataString = "id=" + id_row+"&csrf_token_name="+token;
      Swal.fire({
          title: 'Alerta!!',
          text: "Estas seguro de eliminar este regitro?!",
          type: 'error',
          target:'#page-top',
          showCancelButton: true,
          confirmButtonColor: '#3085d6',
          cancelButtonColor: '#d33',
          confirmButtonText: 'Aceptar',
          cancelButtonText: 'Cancelar',
      }).then((result) => {
          if (result.value) {
              $.ajax({
                  type: "POST",
                  url: url+"/delete",
                  data: dataString,
                  dataType: 'json',
                  success: function (data) {
                      notification(data.type,data.title,data.msg);
                      if (data.type == "success") {
                          setTimeout("reload();", 1500);
                      }
                  }
              });
          }
      });
  });
  
  function reload() {
      location.href = url;
  }
  