/**
 * metodos para administrar Banner
 * @diegoDuque
 */

function create() {
  $("#form_create").validator("update");
  $("#form_create")
    .validator("update")
    .on("submit", function (e) {
      e.preventDefault();

      var name = document.getElementById("name").value;
      var field_datasource_id = document.getElementById("field_datasource_id").value;
      var field_value_id = document.getElementById("field_value_id").value;
      var field_input_id = document.getElementById("field_input_id").value;
      var min = document.getElementById("min").value;
      var max = document.getElementById("max").value;
      var maxlength = document.getElementById("maxlength").value;
      var minlength = document.getElementById("minlength").value;
      var name_control = document.getElementById("name_control").value;
      var placeholder = document.getElementById("placeholder").value;
      var scale = document.getElementById("scale").value;
      var multiple = document.getElementById("multiple").value;
      var disabled = document.getElementById("disabled").value;
      var readonly = document.getElementById("readonly").value;
      var required = document.getElementById("required").value;
      var active = document.getElementById("active").value;

      if (!name || name == "") {
        swal(Lang.get("messages.fields.tag_7"), {
          icon: "error",
        });
        return;
      }

      if (!field_input_id || field_input_id == 0) {
        swal(Lang.get("messages.fields.tag_8"), {
          icon: "error",
        });
        return;
      }

      if (field_input_id == 1 && field_datasource_id == 0) {
        swal(Lang.get("messages.fields.tag_9"), {
          icon: "error",
        });
        return;
      }

      if (!name_control || name_control == "") {
        swal(Lang.get("messages.fields.tag_10"), {
          icon: "error",
        });
        return;
      }

      $("#btn-create").addClass("displayNone");
      $("#spinnerButton").removeClass("displayNone");

      var info = {
        name,
        field_datasource_id: field_datasource_id == 0 ? null : field_datasource_id,
        field_value_id: field_value_id == 0 ? null : field_value_id,
        field_input_id: field_input_id == 0 ? null : field_input_id,
        min,
        max,
        maxlength,
        minlength,
        name_control,
        placeholder,
        scale,
        multiple,
        disabled,
        readonly,
        required,
        active,
      };
      swal(Lang.get("messages.fields.tag_1"), {
        buttons: {
          cancel: "No",
          Ok: true,
        },
      }).then((val) => {
        if (val == "Ok") {
          $.ajax({
            url: "/fields",
            type: "POST",
            contentType: "application/json",
            headers: {
              "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
              "Content-Type": "application/json",
            },
            data: JSON.stringify(info),
            success: function (r) {
              if (r.r) {
                swal(r.m, {
                  icon: "success",
                  buttons: {
                    Ok: true,
                  },
                }).then((val) => {
                  if (val == "Ok") {
                    $(location).attr("href", "/fields");
                  }
                });
              } else {
                swal(r.m, "error");
                $("#btn-create").removeClass("displayNone");
                $("#spinnerButton").addClass("displayNone");
              }
            },
            error: function (e) {
              swal("¡Hubo un Error al crear!", "error");
              $("#btn-create").removeClass("displayNone");
              $("#spinnerButton").addClass("displayNone");
            },
          });
        } else {
          $("#btn-create").removeClass("displayNone");
          $("#spinnerButton").addClass("displayNone");
        }
      });
    });
}

function clickEdit(value) {
  $(location).attr("href", "/fields/" + value + "/edit");
}

function edit() {
  $("#form_edit").validator("update");
  $("#form_edit")
    .validator("update")
    .on("submit", function (e) {
      if (e.isDefaultPrevented()) {
      } else {
        e.preventDefault();

        var name = document.getElementById("name").value;
        var field_datasource_id = document.getElementById("field_datasource_id").value;
        var field_value_id = document.getElementById("field_value_id").value;
        var field_input_id = document.getElementById("field_input_id").value;
        var min = document.getElementById("min").value;
        var max = document.getElementById("max").value;
        var maxlength = document.getElementById("maxlength").value;
        var minlength = document.getElementById("minlength").value;
        var name_control = document.getElementById("name_control").value;
        var placeholder = document.getElementById("placeholder").value;
        var scale = document.getElementById("scale").value;
        var multiple = document.getElementById("multiple").value;
        var disabled = document.getElementById("disabled").value;
        var readonly = document.getElementById("readonly").value;
        var required = document.getElementById("required").value;
        var active = document.getElementById("active").value;

        if (!name || name == "") {
          swal(Lang.get("messages.fields.tag_7"), {
            icon: "error",
          });
          return;
        }

        if (!field_input_id || field_input_id == 0) {
          swal(Lang.get("messages.fields.tag_8"), {
            icon: "error",
          });
          return;
        }

        if (field_input_id == 1 && field_datasource_id == 0) {
          swal(Lang.get("messages.fields.tag_9"), {
            icon: "error",
          });
          return;
        }

        if (!name_control || name_control == "") {
          swal(Lang.get("messages.fields.tag_10"), {
            icon: "error",
          });
          return;
        }

        $("#btn-edit").addClass("displayNone");
        $("#spinnerButton").removeClass("displayNone");

        var id = $("#form_edit").attr("field_id");

        var info = {
          _method: $("input[name=_method]").val(),
          name,
          field_datasource_id: field_datasource_id == 0 ? null : field_datasource_id,
          field_value_id: field_value_id == 0 ? null : field_value_id,
          field_input_id: field_input_id == 0 ? null : field_input_id,
          min,
          max,
          maxlength,
          minlength,
          name_control,
          placeholder,
          scale,
          multiple,
          disabled,
          readonly,
          required,
          active,
        };

        swal(Lang.get("messages.fields.tag_2"), {
          buttons: {
            cancel: "No",
            Ok: true,
          },
        }).then((val) => {
          if (val == "Ok") {
            $.ajax({
              url: "/fields/" + id,
              type: "PUT",
              contentType: "application/json",
              headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                "Content-Type": "application/json",
              },
              data: JSON.stringify(info),
              success: function (r) {
                if (r.r) {
                  swal(r.m, {
                    icon: "success",
                    buttons: {
                      Ok: true,
                    },
                  }).then((val) => {
                    if (val == "Ok") {
                      $(location).attr("href", "/fields");
                    }
                  });
                } else {
                  swal(r.m, "error");
                  $("#btn-edit").removeClass("displayNone");
                  $("#spinnerButton").addClass("displayNone");
                }
              },
              error: function (e) {
                swal("¡Hubo un Error al actualizar!", "error");
                $("#btn-edit").removeClass("displayNone");
                $("#spinnerButton").addClass("displayNone");
              },
            });
          } else {
            $("#btn-edit").removeClass("displayNone");
            $("#spinnerButton").addClass("displayNone");
          }
        });
      }
    });
}

function setPageTable() {
  $(location).attr("href", "/fields");
}

/**Activar/Desactivar Banner usando switch*/
function chk(value) {
  var state;
  if ($("#Checkactive" + value).is(":checked")) {
    state = 1;
  } else {
    state = 0;
  }

  var info = {
    id: value,
    state: state,
  };

  $.ajax({
    url: "/fields/active",
    type: "POST",
    contentType: "application/json",
    headers: {
      "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
      "Content-Type": "application/json",
    },
    data: JSON.stringify(info),
    success: function (r) {
      if (r.r) {
        swal("Ok", r.m);
      } else {
        swal("Error", r.m, "error");
      }
    },
    error: function (e) {
      swal("Error", Lang.get("messages.fields.error_update_image"), "error");
    },
  });
}

/**Método para eliminar banner*/
function clickDelete(value) {
  swal(Lang.get("messages.fields.tag_6"), {
    buttons: {
      cancel: "No",
      Ok: true,
    },
  }).then((val) => {
    if (val == "Ok") {
      var info = {
        _method: "DELETE",
      };

      $.ajax({
        url: "/fields/" + value,
        type: "POST",
        contentType: "application/json",
        headers: {
          "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
          "Content-Type": "application/json",
        },
        data: JSON.stringify(info),
        success: function (r) {
          if (r.r) {
            swal(r.m, {
              icon: "success",
              buttons: {
                Ok: true,
              },
            }).then((val) => {
              if (val == "Ok") {
                $(location).attr("href", "/fields");
              }
            });
          } else {
            swal(r.m, { icon: "error" });
          }
        },
        error: function (e) {
          swal("Error", Lang.get("messages.fields.error_delete"), "error");
        },
      });
    }
  });
}