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

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

        var ele = $("#external-events div.external-event");
        var list_manual = [];
        ele.each(function () {
          list_manual.push($.trim($(this).text()));
        });

        if (!list_manual.length) {
          swal(Lang.get("messages.main_datasources.tag_4"));
          return;
        }

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

        var info = {
          list_manual,
          name: $(" #form_create input[name='name']").val(),
          active: $(" #form_create select[name='active']").val(),
        };
        swal(Lang.get("messages.main_datasources.tag_1"), {
          buttons: {
            cancel: "No",
            Ok: true,
          },
        }).then((val) => {
          if (val == "Ok") {
            $.ajax({
              url: "/main_datasources",
              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", "/main_datasources");
                    }
                  });
                } 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", "/main_datasources/" + value + "/edit");
}

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

        var ele = $("#external-events div.external-event");
        var list_manual = [];
        ele.each(function () {
          list_manual.push($.trim($(this).text()));
        });

        if (!list_manual.length) {
          swal(Lang.get("messages.main_datasources.tag_4"));
          return;
        }

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

        var info = {
          _method: $("input[name=_method]").val(),
          list_manual,
          name: $(" #form_edit input[name='name']").val(),
          active: $(" #form_edit select[name='active']").val(),
        };

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

        swal(Lang.get("messages.main_datasources.tag_2"), {
          buttons: {
            cancel: "No",
            Ok: true,
          },
        }).then((val) => {
          if (val == "Ok") {
            $.ajax({
              url: "/main_datasources/" + 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", "/main_datasources");
                    }
                  });
                } 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", "/main_datasources");
}

/**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: "/main_datasources/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.main_datasources.error_update_image"), "error");
    },
  });
}

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

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

function deleteItem(val) {
  var div = $("div").filter(":contains(" + val + ")");
  if (div.length) {
    div[13].remove();
  }
}

function addItem(val = false) {
  //Get value and make sure it is not null
  if (!val) {
    var val = $("#new-event").val();
  }
  if (val.length == 0) {
    return;
  }

  //Create events
  var event = $("<div />");
  event
    .css({
      "background-color": "#d9edf7",
      "border-color": "#d9edf7",
      color: "#000",
    })
    .addClass("external-event");
  event.html(val + '<i class="fa fa-trash trashItem" onclick="deleteItem(\'' + val + "')\"></i>");
  $("#external-events").prepend(event);

  //Add draggable funtionality
  ini_events(event);

  //Remove event from text input
  $("#new-event").val("");
}

function ini_events(ele) {
  ele.each(function () {
    // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
    // it doesn't need to have a start or end
    var eventObject = {
      title: $.trim($(this).text()), // use the element's text as the event title
    };

    // store the Event Object in the DOM element so we can get to it later
    $(this).data("eventObject", eventObject);

    // make the event draggable using jQuery UI
    $(this).draggable({
      zIndex: 1070,
      revert: true, // will cause the event to go back to its
      revertDuration: 0, //  original position after the drag
    });
  });
}

ini_events($("#external-events div.external-event"));