$(document).ready(function() {
  $("#button_search").on("click", function(e) {
    getLogs();
  });

  function getLogs() {
    var module_id = document.getElementById("module_id").value;
    var start_date = document.getElementById("start_date").value;
    var final_date = document.getElementById("final_date").value;

    if (!module_id || module_id == 0) {
      Swal.fire({
        type: "error",
        title: "Oops...",
        text: Lang.get("fronjs.module_id_required"),
      });
      return;
    }

    if (!start_date || start_date == "") {
      Swal.fire({
        type: "error",
        title: "Oops...",
        text: Lang.get("fronjs.start_date_required"),
      });
      return;
    }

    if (!final_date || final_date == "") {
      Swal.fire({
        type: "error",
        title: "Oops...",
        text: Lang.get("fronjs.final_date_required"),
      });
      return;
    }

    var language = $("#button_search").attr("language");
    var url_lang = "";
    if (language == "es") {
      url_lang = "https://cdn.datatables.net/plug-ins/1.10.19/i18n/Spanish.json";
    }

    $("#table-list")
      .dataTable()
      .fnDestroy();
    _table = $("#table-list").DataTable({
      responsive: true,
      processing: true,
      serverSide: true,
      'searching': true,
      "bPaginate": false,
      "info": false,
      order: [],
      language: {
        url: url_lang,
      },

      ajax: (url = "/logs/showByModule/" + module_id + "/" + start_date + "/" + final_date),
      columns: [
        { data: 'data_operation', 
          name: 'data_operation',       
        },
        { data: "registry_id", 
          name: "registry_id",
        },
        { data: "module.display_name",
          name: "module.display_name",
        },
        { data: "operation.name", 
          name: "operation.name",
        },
        {
          data: "user.name",
          name: "user.name",
          render: function(data, type, info) {
            return info["user"]["name"] + " " + info["user"]["last_name"];
           },
        },
      ],
    });
  }
});