$(document).ready(function() {
  $("#button_create").on("click", function(e) {
    e.preventDefault();
    var name = document.getElementById("name").value;
    var display_name = document.getElementById("display_name").value;
    var description = document.getElementById("description").value;
    var permissions = $("#permissions").val();
    var filetypes = $("#filetypes").val();
    var active =
      document.getElementById("active").value == "true" ? true : false;

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

    if (!/^[a-zA-Z]*$/g.test(name)) {
      Swal.fire({
        type: "error",
        title: "Oops...",
        text: Lang.get("fronjs.name_invalid_required"),
      });
      return;
    }

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

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

    var data = {
      permissions,
      filetypes,
      name: name.toLowerCase(),
      display_name,
      description,
      active,
    };

    Swal.fire({
      title: Lang.get("fronjs.title_create"),
      text: Lang.get("fronjs.text_create"),
      type: "warning",
      showCancelButton: true,
      confirmButtonColor: "#3085d6",
      cancelButtonColor: "#d33",
      confirmButtonText: Lang.get("fronjs.yes"),
      cancelButtonText: Lang.get("fronjs.not"),
    }).then((result) => {
      if (result.value) {
        var laddaBtn = e.currentTarget;
        var ladda = Ladda.create(laddaBtn);
        ladda.start();
        $.ajax({
          url: "/roles",
          type: "POST",
          dataType: "json",
          contentType: "application/json",
          data: JSON.stringify(data),
          success: function(response) {
            ladda.stop();
            if (response.status) {
              Swal.fire({
                type: response.type,
                title: response.title,
                text: response.message,
                showConfirmButton: true,
              }).then((val) => {
                $(location).attr("href", "/roles");
              });
            } else {
              Swal.fire({
                type: response.type,
                title: response.title,
                text: response.message,
              });
            }
          },
        });
      }
    });
  });

  $("#button_update").on("click", function(e) {
    e.preventDefault();
    var name = document.getElementById("name").value;
    var display_name = document.getElementById("display_name").value;
    var description = document.getElementById("description").value;
    var permissions = $("#permissions").val();
    var filetypes = $("#filetypes").val();
    var active =
      document.getElementById("active").value == "true" ? true : false;

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

    if (!/^[a-zA-Z]*$/g.test(name)) {
      Swal.fire({
        type: "error",
        title: "Oops...",
        text: Lang.get("fronjs.name_invalid_required"),
      });
      return;
    }

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

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

    var role_id = $("#form_edit").attr("role_id");

    var data = {
      _method: $("input[name=_method]").val(),
      permissions,
      filetypes,
      name: name.toLowerCase(),
      display_name,
      description,
      active,
    };

    Swal.fire({
      title: Lang.get("fronjs.title_update"),
      text: Lang.get("fronjs.text_update"),
      type: "warning",
      showCancelButton: true,
      confirmButtonColor: "#3085d6",
      cancelButtonColor: "#d33",
      confirmButtonText: Lang.get("fronjs.yes"),
      cancelButtonText: Lang.get("fronjs.not"),
    }).then((result) => {
      if (result.value) {
        var laddaBtn = e.currentTarget;
        var ladda = Ladda.create(laddaBtn);
        ladda.start();
        $.ajax({
          url: "/roles/" + role_id,
          type: "POST",
          dataType: "json",
          contentType: "application/json",
          data: JSON.stringify(data),
          success: function(response) {
            ladda.stop();
            if (response.status) {
              Swal.fire({
                type: response.type,
                title: response.title,
                text: response.message,
                showConfirmButton: true,
              }).then((val) => {
                $(location).attr("href", "/roles");
              });
            } else {
              Swal.fire({
                type: response.type,
                title: response.title,
                text: response.message,
              });
            }
          },
        });
      }
    });
  });
});

window.deleteRegistry = function(role_id) {
  var data = {
    _method: "DELETE",
  };

  Swal.fire({
    title: Lang.get("fronjs.title_delete"),
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: "#3085d6",
    cancelButtonColor: "#d33",
    confirmButtonText: Lang.get("fronjs.yes"),
    cancelButtonText: Lang.get("fronjs.not"),
    showLoaderOnConfirm: true,
    allowOutsideClick: false,
    allowEscapeKey: false,
    preConfirm: (login) => {
      return new Promise((resolve, reject) => {
        $.ajax({
          url: "/roles/" + role_id,
          type: "POST",
          dataType: "json",
          contentType: "application/json",
          data: JSON.stringify(data),
          success: function(response) {
            if (response.status) {
              Swal.fire({
                type: response.type,
                title: response.title,
                text: response.message,
                showConfirmButton: true,
              }).then((val) => {
                $(location).attr("href", "/roles");
              });
            } else {
              Swal.fire({
                type: response.type,
                title: response.title,
                text: response.message,
              });
            }
          },
        });
      });
    },
  }).then((result) => {
    console.log(result);
  });
};