$(function(){
  var pageBox = $(".bottom-page"),
      contentBox = $("#DMList"),
      ajaxUrl = Project_Country + "/products/ajax/dm/ajax_get_dm_list.php"
  
  //分類展開(手機)
  $(document).on("click", ".category-now", function(){
    let _this = $(this),
        wrapper = _this.parents(".category-selector")
    wrapper.toggleClass("is-collapsed")
  })
  
  //點選分類
  $(document).on("click", ".category-item", function(){
    let _this = $(this),
        id = _this.data("id")
    if(id != $(".category-list").find(".in-active").data("id")){
      getDMList(ajaxUrl, contentBox, pageBox, {
        "page": 1,
        "id": id
      })
      $(".category-item").removeClass("in-active")
      _this.parents(".category-selector").find(".category-now").text(_this.text())
      _this.addClass("in-active")
    }
  })
  
  //點選分頁
  $(document).on("click", ".bottom-page .item", function(){
    let _this = $(this),
        page = _this.find(".page").data("page")
    getDMList(ajaxUrl, contentBox, pageBox, {
      "page": page,
      "id": $(".category-list").find(".in-active").data("id")
    })
  })
  
  function getDMList(ajaxUrl,contentBox,pageBox,data){
    $.ajax({
      url: ajaxUrl,
      type: "POST",
      cache: false,
      async: true,
      dataType: 'json',
      data: data,
      error:function(d){
        alert('網路連線過慢，網頁請重新整理');
      },
      success:function(d){
        contentBox.html(d.items)
        pageBox.html(d.pagebox)
        //Ajax有酒品，顯示廣告
        if(d.Alcohol_Flag===true) showGlobalAlcoholAlert();
      }
    })
  }
})