$(function () {
  $.ajax({
    url: "jsons/distributors.json",
    success: function (res) {
      $("#bannerLists").html(
        template("distributors-lists-temp-banner", { data: res.banner })
      );
      $("#serviceLists").html(
        template("distributors-lists-temp", { data: res.service })
      );
      $("#requirementLists").html(
        template("distributors-lists-temp", { data: res.requirements })
      );
      $("#requirementListsMob .swiper-wrapper").html(
        template("distributors-lists-temp-mob", { data: res.requirements })
      );
      $("#caseLists").html(
        template("distributors-case-lists-temp", { data: res.case })
      );
      $("#caseListsMob").html(
        template("distributors-case-lists-mob-temp", { data: res.caseMob })
      );
    },
  });

  const reg = /^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/;

  // 删除表单报错样式
  const removeErrorNode = (id) => {
    $(id).parent().removeClass("has-error");
    $(id).next(".explain-error").remove();
  };

  // 报错节点
  const errorNode = ({ id, tips }) => {
    if ($(id).parent().hasClass("has-error")) {
      $(id).next(".explain-error").html(tips);
    } else {
      $(id)
        .parent()
        .addClass("has-error")
        .append(`<div class="explain-error">${tips}</div>`);
    }
  };

  const onBlurInputFn = ({ id, tips }) => {
    const _this = $(id);
    const val = _this.val();
    if (val && _this.parent().hasClass("has-error")) {
      removeErrorNode(id);
    }
  };

  $("#corpname").blur(() => {
    onBlurInputFn({ id: "#corpname" });
  });

  $("#username").blur(() => {
    onBlurInputFn({ id: "#username" });
  });

  $("#phone").blur(() => {
    const _this = $("#phone");
    if (_this.val() && !reg.test($("#phone").val())) {
      errorNode({ id: "#phone", tips: "联系电话格式有误" });
      return;
    }
    onBlurInputFn({ id: "#phone" });
  });

  $("#add").blur(() => {
    onBlurInputFn({ id: "#add" });
  });

  // 表单校验
  const formValidation = () => {
    // 请输入公司名字
    if (!$("#corpname").val()) {
      errorNode({ id: "#corpname", tips: "请输入公司名字" });
      return false;
    }

    // 请输入你的名字
    if (!$("#username").val()) {
      errorNode({ id: "#username", tips: "请输入你的名字" });
      return false;
    }

    // 请输入联系电话
    if (!$("#phone").val()) {
      errorNode({ id: "#phone", tips: "请输入联系电话" });
      return false;
    } else if (!reg.test($("#phone").val())) {
      errorNode({ id: "#phone", tips: "联系电话格式有误" });
      return false;
    }

    // 请输入公司地址
    if (!$("#add").val()) {
      errorNode({ id: "#add", tips: "请输入公司地址" });
      return false;
    }

    return true;
  };

  $("#applayBtn").click(function () {
    if (formValidation()) {
      var params = {
        mobileNumber: $("#phone").val(),
        userName: $("#username").val(),
        corpName: $("#corpname").val(),
        address: $("#add").val(),
        position: $("#position").val(),
        remark: $("#remark").val(),
      };

      $.ajax({
        type: "POST",
        url: window.reqHost + "/home/open/savePartnerInfo",
        data: JSON.stringify(params),
        contentType: "application/json",
        success: function (res) {
          if (res.success) {
            alert("报名成功");
            $("html,body").scrollTop(0);
            $("#distributors-form input, #distributors-form textarea").val("");
          } else {
            alert(res.errorMsg);
          }
        },
      });
    }
  });

  let windowWidth = $(window).width(); // 获取当前屏幕的宽度
  let bannerListWidth = $("#bannerLists").width(); // 获取bannerList的总宽度
  let maxMarginLeft = bannerListWidth - windowWidth; // 获取最大左侧位移量
  let moveValue = 1111; // 每次移动的距离
  let marginValue = 80; // bannerList左右边距

  // 右按钮点击（图片左移）
  $("#leftArrow").click(function () {
    const offsetLeft = $("#bannerLists").offset().left;
    if (-(offsetLeft - moveValue) > maxMarginLeft) {
      $("#bannerLists").css("margin-left", -maxMarginLeft);
      $("#leftArrow").addClass("disabledBtn");
    } else {
      if (offsetLeft === 0) {
        $("#bannerLists").css(
          "margin-left",
          offsetLeft - moveValue - marginValue
        );
      } else {
        $("#bannerLists").css("margin-left", offsetLeft - moveValue);
      }
      $("#rightArrow").removeClass("disabledBtn");
    }
  });
  // 左按钮点击（图片右移）
  $("#rightArrow").click(function () {
    const offsetLeft = $("#bannerLists").offset().left;

    if (offsetLeft + moveValue > 0) {
      $("#bannerLists").css("margin-left", 0);
      $("#rightArrow").addClass("disabledBtn");
    } else {
      if (offsetLeft === -maxMarginLeft) {
        $("#bannerLists").css(
          "margin-left",
          offsetLeft + moveValue + marginValue
        );
      } else {
        $("#bannerLists").css("margin-left", offsetLeft + moveValue);
      }
      $("#leftArrow").removeClass("disabledBtn");
    }
  });
});