var index = 0
var currentVip1Id = null
var currentVip3Id = null

$(document).ready(function () {
  $("#gold").css("display", "block")
  $("#diamond").css("display", "none")
  $(".tabs-vip .tab").click(function (e) {
    var index1 = $(".tabs-vip .tab").index(this)
    // 如果已经是钻石 不能点到黄金
    if (currentVipLevel == 3) return
    if (index1 != index) {
      init(index1)
    }
    // index = index1 // 赋值
    // $(this).addClass("active").siblings(".tab").removeClass("active")
    // $(this)
    //   .children(".icon")
    //   .attr("src", "https://imgs0.zupu.cn/photos/common/20210806/d8a0bd68-2034-41e3-9e4c-69cbaffc5370.png")
    // $(this)
    //   .siblings(".tab")
    //   .children(".icon")
    //   .attr("src", "https://imgs0.zupu.cn/photos/common/20210806/ea2385ec-0818-4086-8076-ecbfc5e468f8.png")
  })
  // 轮播图
  $(".swiper-slide .li").click(function (e) {
    $(this).children(".li-inner").addClass("active")
    $(this).siblings(".li").children(".li-inner").removeClass("active")
  })
  // 切换支付
  $(".select-box .select").click(function () {
    if($(this).hasClass("active") || payLoad) return
    $(this).addClass("active").siblings(".select").removeClass("active")
    $("#gold").is(":hidden") ? changetext(1) : changetext(0)
  })
  //  关闭
  $(".close").click(function () {
    clearTimeout(timer) // 去清空
    $("#include-vip").css("display", "none")
  })
  // 初始化显示
  /* 此块兼容三个地方，一个vip页面，一个中华谱库，一个谱书添加人数 */
  // if(location.pathname == '/vip.html') {
    if (getUrlParam("shengji") == 2) {
      // if($("#include-vip").is(":hidden")) return
      // index = 1 // 默认index是1
      changetext(1) // 展示1
      $(".tab.right").addClass("active").siblings(".tab").removeClass("active")
      $("#diamond").css("display", "block")
      $("#gold").css("display", "none")
      $(".tab.right")
        .children(".icon")
        .attr("src", "https://imgs0.zupu.cn/photos/common/20210806/d8a0bd68-2034-41e3-9e4c-69cbaffc5370.png")
        .parent()
        .siblings(".tab")
        .children(".icon")
        .attr("src", "https://imgs0.zupu.cn/photos/common/20210806/ea2385ec-0818-4086-8076-ecbfc5e468f8.png")
    } else {
      // if($("#include-vip").is(":hidden")) return
      // || currentVipLevel==1
      if (currentVipLevel == 0) {
        var vip1Default = vip1.price.filter(function (v) {
          return v.isDefault == 1
        })
        renderData(vip1Default[0])
        payVip("paycode-box-gold", vip1Default[0].id)
      } else {
        // index = 1 // 默认index是1
        changetext(1) // 展示1
        $(".tab.right").addClass("active").siblings(".tab").removeClass("active")
        $("#diamond").css("display", "block")
        $("#gold").css("display", "none")
        $(".tab.right")
          .children(".icon")
          .attr("src", "https://imgs0.zupu.cn/photos/common/20210806/d8a0bd68-2034-41e3-9e4c-69cbaffc5370.png")
          .parent()
          .siblings(".tab")
          .children(".icon")
          .attr("src", "https://imgs0.zupu.cn/photos/common/20210806/ea2385ec-0818-4086-8076-ecbfc5e468f8.png")
      }
    }
  // }
})
function getUrlParam(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)") //构造一个含有目标参数的正则表达式对象
  var r = window.location.search.substr(1).match(reg) //匹配目标参数
  if (r != null) return unescape(r[2])
  return null //返回参数值
}

// 点击查看所有特权
$(".lookall").click(function () {
  if (window.location.pathname.indexOf("vip") > -1) {
    $("#include-vip").css("display", "none")
  } else {
    window.location.href = "/vip.html"
  }
})

function init(index1) {
  changetext(index1)
  if (index1 == 0) {
    $("#gold").css("display", "block")
    $("#diamond").css("display", "none")
  } else {
    $("#diamond").css("display", "block")
    $("#gold").css("display", "none")
  }
  tabInit = $('.tabs-vip .tab').eq(index1)
  tabInit.addClass("active").siblings(".tab").removeClass("active")
  tabInit.children(".icon").attr("src", "https://imgs0.zupu.cn/photos/common/20210806/d8a0bd68-2034-41e3-9e4c-69cbaffc5370.png")
  tabInit.siblings(".tab").children(".icon").attr("src", "https://imgs0.zupu.cn/photos/common/20210806/ea2385ec-0818-4086-8076-ecbfc5e468f8.png")
}

var mySwiper = new Swiper(".swiper-container", {
  loop: false,
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
    disabledClass: "my-button-disabled",
  },
})
var mySwiperY = new Swiper(".swiper-container-y", {
  loop: false,
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
    disabledClass: "my-button-disabled",
  },
})

function changetext(_index) {
  index = _index || 0
  clearTimeout(timer) // 去清空
  if (_index == 0) {
    var vip1Default = vip1.price.filter(function (v) {
      return v.isDefault == 1
    })
    upgradeGold(vip1Default[0].id)
    $(".header .title-box .name").html("黄金vip会员")
    $(".header .title-box .name").css("color", "#FAD38B")
    $(".swiper-container-y")
      .find(".isDefault")
      .addClass("active")
      .parents()
      .siblings(".li")
      .children(".li-inner")
      .removeClass("active")
  } else {
    var vip3Default = vip3.price.filter(function (v) {
      return v.isDefault == 1
    })
    upgradeDiamond(currentVip3Id || vip3Default[0].id)
    $(".header .title-box .name").html("钻石vip会员")
    $(".header .title-box .name").css("color", "#FBE1CE")
    // $(".swiper-container")
    //   .find(".isDefault")
    //   .addClass("active")
    //   .parents()
    //   .siblings(".li")
    //   .children(".li-inner")
    //   .removeClass("active")
  }
}

function upgradeGold(id) {
  var vip1Default = vip1.price.filter(function (v) {
    return v.id == id
  })
  renderData(vip1Default[0])
  clearTimeout(timer) // 去清空
  const payType = $(".gold-pay.active").attr("data-payType")
  payVip("paycode-box-gold", id, payType)
}

function upgradeDiamond(id) {
  currentVip3Id = id
  var vip3Default = vip3.price.filter(function (v) {
    return v.id == id
  })
  renderDiamondData(vip3Default[0])
  clearTimeout(timer) // 去清空
  const payType = $(".diamond-pay.active").attr("data-payType")
  payVip("paycode-box-diamond", id, payType)
}

function renderData(vip) {
  $("#vip1Money").text(vip.value)
  if (vip.remark) {
    $("#vip1Desc").text("(" + vip.remark + ")")
  } else {
    $("#vip1Desc").text(" ")
  }

  $("#vip1Des").text("购买" + vip.label + "黄金会员，33万册族谱免费读，下载族谱8折")
}

function renderDiamondData(vip) {
  $("#vip3Money").text(vip.value)
  if (vip.image) {
    $("#vip3Desc").text("(" + vip.image + ")")
  } else {
    $("#vip3Desc").text("")
  }

  $(".check-yuanjia-pic").text(vip.remark)
  $("#vip3Des").text("购买" + vip.label + "，33万册族谱免费读，下载族谱5折")
}
var payLoad = false
$('.payLoad').hide()
function payVip(qrCodeId, id, payType = "wx") {
  if($("#include-vip").is(":hidden")) return
  payLoad = true
  $('#' + qrCodeId).empty();
  $('.payLoad').show()
  //payType => wx：微信  zfb: 支付宝
  $.ajax({
    url: "/order/createVip",
    type: "POST",
    data: { id: id, tradeType: "NATIVE",  payType: payType },
    success: function (res) {
      payLoad = false
      $('.payLoad').hide()
      // 支付异常，展示客服二维码
      if(res.data['wx-r'] && res.data['wx-r'] == 0) {
        genealogyQrUrl(qrCodeId, res.data.codeUrl)
        return
      }
      let codeUrl,ordNumber;
      if(res.data['yy'] && res.data['yy'] == 1) {
        // 甬易
        codeUrl = res.data.qrCode
        ordNumber = res.data.orderNo
      } else {
        // 原生
        codeUrl =  payType === "wx" ? res.data.codeUrl : res.data.qrCode
        ordNumber =  payType === "wx" ? res.data.number : res.data.out_trade_no
      }

      console.log('--支付类型：', payType, ' --是否甬易', res.data['yy'], ' --支付订单号：', ordNumber);

      genealogyQrUrl(qrCodeId, codeUrl)
      _queryWxPay(ordNumber, 200, function () {
        // window.location.reload()
        let url = window.location.origin + window.location.pathname + window.location.search
        window.location.replace(url)
      })
    },
    error: function () {
      payLoad = false
      $('#payLoad').hide()
    }
  })
}

function isDialogShow() {
  return $("#include-vip").is(":visible")
}