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

function saveImage(id) {
  var fImage = document.getElementById("image");
  fImage = fImage.files[0];

  if (fImage) {
    // validar tama;o de archivo
    var FileSize = fImage.size / 1024 / 1024; // in MB
    if (FileSize > 1) {
      swal("", Lang.get("messages.banner.max_file_size"), "warning");
      return;
    }

    var formData = new FormData();
    formData.append("id", id);
    formData.append("image", fImage);

    $.ajax({
      type: "POST",
      dataType: "json",
      processData: false,
      contentType: false,
      headers: {
        "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
      },
      data: formData,
      url: "/banners/saveImage",
      success: function(r) {
        if (r.r) {
          swal(r.m, {
            icon: "success",
            buttons: {
              Ok: true
            }
          }).then(val => {
            if (val == "Ok") {
              $(location).attr("href", "/banners");
            }
          });
        } else {
          swal("Ok", Lang.get("messages.banner.error_save_image"), "error");
        }
      }
    });
  } else {
    alert("No hay archivo.");
  }
}

function updateImage(id) {
  var fImage = document.getElementById("image");
  fImage = fImage.files[0];
  if (fImage) {
    var formData = new FormData();
    formData.append("id", id);
    formData.append("image", fImage);

    // validar tama;o de archivo
    var FileSize = fImage.size / 1024 / 1024; // in MB
    if (FileSize > 1) {
      swal("", Lang.get("messages.banner.max_file_size"), "warning");
      return;
    }

    $.ajax({
      type: "POST",
      dataType: "json",
      processData: false,
      contentType: false,
      headers: {
        "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
      },
      data: formData,
      url: "/banners/updateImage",
      success: function(r) {
        if (r.r) {
          swal(r.m, {
            icon: "success",
            buttons: {
              Ok: true
            }
          }).then(val => {
            if (val == "Ok") {
              $(location).attr("href", "/banners");
            }
          });
        } else {
          swal("Ok", r.m, "error");
        }
      }
    });
  } else {
    alert("No hay archivo.");
  }
}

function createBanner() {
  $("#createBanner").validator("update");
  $("#createBanner")
    .validator("update")
    .on("submit", function(e) {
      if (e.isDefaultPrevented()) {
      } else {
        e.preventDefault();
        $("#btn-create-banner").addClass("displayNone");
        $("#spinnerButton").removeClass("displayNone");

        var info = {
          name: $(" #createBanner input[name='name']").val(),
          description: $(" #createBanner input[name='description']").val(),
          order: $(" #createBanner input[name='order']").val(),
          link: $(" #createBanner input[name='link']").val()
        };
        swal(Lang.get("messages.banner.tag_1"), {
          buttons: {
            cancel: "No",
            Ok: true
          }
        }).then(val => {
          if (val == "Ok") {
            $.ajax({
              url: "/banners/create",
              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) {
                  var id_banner = r.d.id;
                  var image = document.getElementById("image");
                  if (image != null) {
                    saveImage(id_banner);
                  } else {
                    swal(r.m, {
                      icon: "success",
                      buttons: {
                        Ok: true
                      }
                    }).then(val => {
                      if (val == "Ok") {
                        $(location).attr("href", "/banners");
                      }
                    });
                  }
                } else {
                  swal(r.m, "error");
                  $("#btn-create-banner").removeClass("displayNone");
                  $("#spinnerButton").addClass("displayNone");
                }
              },
              error: function(e) {
                swal("¡Hubo un Error al crear banner!", "error");
                $("#btn-create-banner").removeClass("displayNone");
                $("#spinnerButton").addClass("displayNone");
              }
            });
          } else {
            $("#btn-create-banner").removeClass("displayNone");
            $("#spinnerButton").addClass("displayNone");
          }
        });
      }
    });
}

function clickEditBanner(value) {
  _table = $("#example2").DataTable();
  index = _table.page();
  localStorage.setItem("productsTableIndex", index);
  $(location).attr("href", "/banners/edit/" + value);
}

function editBanner() {
  $("#editBanner").validator("update");
  $("#editBanner")
    .validator("update")
    .on("submit", function(e) {
      if (e.isDefaultPrevented()) {
      } else {
        e.preventDefault();
        $("#btn-edit-banner").addClass("displayNone");
        $("#spinnerButton").removeClass("displayNone");

        var info = {
          id: $("#btn-edit-banner").attr("data-id"),
          name: $(" #editBanner input[name='name']").val(),
          description: $(" #editBanner input[name='description']").val(),
          order: $(" #editBanner input[name='order']").val(),
          link: $(" #editBanner input[name='link']").val()
        };

        swal(Lang.get("messages.banner.tag_2"), {
          buttons: {
            cancel: "No",
            Ok: true
          }
        }).then(val => {
          if (val == "Ok") {
            $.ajax({
              url: "/banners/update",
              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) {
                  var id_banner = r.d.id;
                  var image = document.getElementById("image").value;
                  if (image != "") {
                    updateImage(id_banner);
                    $("#btn-edit-banner").removeClass("displayNone");
                    $("#spinnerButton").addClass("displayNone");
                  } else {
                    swal(r.m, {
                      icon: "success",
                      buttons: {
                        Ok: true
                      }
                    }).then(val => {
                      if (val == "Ok") {
                        localStorage.setItem("setPageTable", true);
                        $(location).attr("href", "/banners");
                      }
                    });
                  }
                } else {
                  swal(r.m, "error");
                  $("#btn-edit-banner").removeClass("displayNone");
                  $("#spinnerButton").addClass("displayNone");
                }
              },
              error: function(e) {
                swal("¡Hubo un Error al actualizar banner!", "error");
                $("#btn-edit-banner").removeClass("displayNone");
                $("#spinnerButton").addClass("displayNone");
              }
            });
          } else {
            $("#btn-edit-banner").removeClass("displayNone");
            $("#spinnerButton").addClass("displayNone");
          }
        });
      }
    });
}

function setPageTable() {
  localStorage.setItem("setPageTable", true);
  $(location).attr("href", "/banners");
}

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

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

  $.ajax({
    url: "/banners/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.banner.error_update_image"), "error");
    }
  });
}

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

      $.ajax({
        url: "/banners/delete",
        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) {
          console.log(r);
          if (r.r) {
            swal(r.m, {
              icon: "success",
              buttons: {
                Ok: true
              }
            }).then(val => {
              if (val == "Ok") {
                $(location).attr("href", "/banners");
              }
            });
          } else {
            swal("Error", r.m, "error");
          }
        },
        error: function(e) {
          swal("Error", Lang.get("messages.banner.error_delete_image"), "error");
        }
      });
    }
  });
}