$(document).ready(function() {
  $("#term").change(function() {
    var start = document.getElementById("term_start").value;
    if (start && start != "") {
      start = start.split("-");
      var d = new Date(
        parseInt(start[0]),
        parseInt(start[1]) - 1,
        parseInt(start[2])
      );
      var year = d.getFullYear();
      var month = d.getMonth();
      var day = d.getDate();
      var fulldate = new Date(year + parseInt(this.value), month, day);
      var toDate = fulldate.toISOString().slice(0, 10);
      document.getElementById("term_end").value = toDate;
    }
  });

  function getData() {
    var name = document.getElementById("name").value;
    var institution_id = document.getElementById("institution_id").value;
    var term_start = document.getElementById("term_start").value;
    var term = document.getElementById("term").value;
    var term_end = document.getElementById("term_end").value;
    var agent_name = document.getElementById("agent_name").value;
    var agent_phone = document.getElementById("agent_phone").value;
    var agent_email = document.getElementById("agent_email").value;
    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 (!institution_id || institution_id == 0) {
      Swal.fire({
        type: "error",
        title: "Oops...",
        text: Lang.get("fronjs.institution_required"),
      });
      return;
    }

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

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

    if (parseInt(term) < 1) {
      Swal.fire({
        type: "error",
        title: "Oops...",
        text: Lang.get("fronjs.term_rank"),
      });
      return;
    }

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

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

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

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

    var data = {
      name,
      institution_id,
      term_start,
      term,
      term_end,
      agent_name,
      agent_phone,
      agent_email,
      active,
    };

    return data;
  }

  $("#button_create").on("click", function(e) {
    e.preventDefault();

    if ((data = getData())) {
      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: "/covenants",
            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", "/covenants");
                });
              } else {
                Swal.fire({
                  type: response.type,
                  title: response.title,
                  text: response.message,
                });
              }
            },
          });
        }
      });
    }
  });

  $("#button_update").on("click", function(e) {
    e.preventDefault();
    var data = getData();
    if (data) {
      var covenant_id = $("#form_edit").attr("covenant_id");
      const newData = Object.assign(
        { _method: $("input[name=_method]").val() },
        data
      );

      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: "/covenants/" + covenant_id,
            type: "POST",
            dataType: "json",
            contentType: "application/json",
            data: JSON.stringify(newData),
            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", "/covenants");
                });
              } else {
                Swal.fire({
                  type: response.type,
                  title: response.title,
                  text: response.message,
                });
              }
            },
          });
        }
      });
    }
  });
});