document.addEventListener("DOMContentLoaded", function () {

  var swiper1 = new Swiper(".swiper1", {
    navigation: {
      nextEl: ".hboard .next1",

      prevEl: ".hboard .prev1",
    },

    pagination: {
      el: ".hboard .spans1",

      clickable: true,
    },

    slidesPerView: 1, //横屏屏个数

    grid: {
      rows: 1,
    },

    spaceBetween: 0, //间距

    autoplay: {
      delay: 5000,

      stopOnLastSlide: false, //如果设置为true，当切换到最后一个slide时停止自动切换。（loop模式下无效）。

      disableOnInteraction: false, //用户操作swiper之后，是否禁止autoplay。默认为true：停止。
    },

    observer: true,

    observeParents: true,

    slidesPerGroup: 1,

    breakpoints: {
      1100: {
        slidesPerView: 2,

        spaceBetween: 0,

        grid: {
          rows: 2,

          fill: "row",
        },

        slidesPerGroup: 2,
      },
    },
  });


    var swiper2 = new Swiper(".swiper2", {
    navigation: {
      nextEl: ".hboard .next2",

      prevEl: ".hboard .prev2",
    },

    pagination: {
      el: ".hboard .spans2",

      clickable: true,
    },

    slidesPerView: 1, //横屏屏个数

    grid: {
      rows: 1,
    },

    spaceBetween: 0, //间距

    autoplay: {
      delay: 5000,

      stopOnLastSlide: false, //如果设置为true，当切换到最后一个slide时停止自动切换。（loop模式下无效）。

      disableOnInteraction: false, //用户操作swiper之后，是否禁止autoplay。默认为true：停止。
    },

    observer: true,

    observeParents: true,

    slidesPerGroup: 1,

    breakpoints: {
      1100: {
        slidesPerView: 2,

        spaceBetween: 0,

        grid: {
          rows: 2,

          fill: "row",
        },

        slidesPerGroup: 2,
      },
    },
  });



$(".swiper-slide").click(function () {
  var id = $(this).attr("data-id");
  const acode = $("input[name='acode']").val();
  $.ajax({
    url: "/api.php/content/" + id + "/acode/" + acode,

    dataType: "json",

    type: "post",

    success: function (res) {

      if (res.code == 1) {
        // 更新列表内容

        var html = "";

        // console.log(res.data);

        var item = res.data;

        // html += '<div class="team-pop">';

        // html += '<div class="content">';

        html += '<div class="left">';

        html += '<div class="name">';

        html += '<img src="' + item.ico + '"><p></p>';

        html += '<h2 class="doctorname">' + item.title + "</h2>";

        html += '<h4 class="doctorsontitle">' + item.ext_zhiwei1 + "<br>" + item.ext_zhiwei2 + "</h4>";

        html += "</div>";

        html += "</div>";

        html += '<div class="right">';

        html += '<div class="edu">';
        // 如果是cn 则显示 專業資格
        if (acode == "cn") {
          html += '<h4 class="professionalism">專業資格</h4>';
        } else {
          html += '<h4 class="professionalism">Professional Qualifications</h4>';
        }

        html += "<br>";

        html += '<div class="doctorjob">';

        html += item.content;

        html += "<div>";

        html += "</div>";

        html += "</div>";

        // html += '</div>';

        // html += '</div>';

        $(".team-pop .content").html(html);


        // 如果是手机则.hboard .next, .hboard .prev 隐藏
        if ($(window).width() < 768) {

          $(".hboard .next, .hboard .prev").hide();
        } else {

          $(".hboard .next, .hboard .prev").show();
        }

        $(".mask").show();

        $(".team-pop").show();
      } else {
      }
    },
  });
});

$(".close-btn").click(function () {
   $(".hboard .next, .hboard .prev").show();
  $(".mask").hide();

  $(".team-pop").hide();
});






});