$(function(){
  //===================================================
  // 先取得預設值 start 若後端要直接渲染好可以去掉 
  //===================================================
  getNewsData(getNewsParam())
  //===================================================
  // 先取得預設值 end 若後端要直接渲染好可以去掉 
  //===================================================
  
  //====================================================
  // 頁簽(非分頁) start
  //====================================================
  $(".tabList-item").on("click", function(){
    //切換頁簽需轉頁
    window.location.href = location.origin+'/news-common/'+$(this).data("id");
    
    $("#cid").val($(this).data("id"));
    $("#sid").val('');
    let is_now = $(this).hasClass("now")
    if(!is_now){
      $(".tabList-item.now").removeClass("now")
      $(".news-group.now").removeClass("now")
      $(this).addClass("now")
      $($(this).data("target-class")).addClass("now")
    }
    
    $.ajax({
      type: "POST",
      url: "/ajax/ajax_get_news_sub-p.php",
      data: "&Send_ID=" + $(this).data("id"),
      async: false,
      dataType: 'json',
      error:function(d){
        alert('網路連線過慢，網頁請重新整理');
      },
      success: function(jsonObj){
        $("#sub_type").children("option:gt(0)").remove();
        for(k in jsonObj){
          $("#sub_type").append('<option class="dataFilter-option" value="' + k + '">' + jsonObj[k] + '</option>');
        }
      }
    });
    getNewsData(getNewsParam())
  })
  //====================================================
  // 頁簽(非分頁) end
  //====================================================

  //====================================================
  // 搜尋按鈕 start
  //====================================================
  $(".dataFilter-search-btn").on("click", function(){
    $("#cid").val($(".tabList-item.now").data("id"));
    $("#sid").val($('#sub_type').val());
    getNewsData(getNewsParam())
  })
  //====================================================
  // 搜尋按鈕 end
  //====================================================
  
  //====================================================
  // 分頁按鈕 start
  //====================================================
  $(".pagebox").on("click", ".pagebox-btn", function(){
    getNewsData(getNewsParam($(this).data("page")))
  })
  //====================================================
  // 分頁按鈕 end
  //====================================================
})



//包裝要post的參數
function getNewsParam(page = 1){
  let data = {
    "news_type": $("#newsType").val(),
    "news_sub_type": $(".tabList-item.now").data("news-sub-type"),
    "page" : page,
    "cid": $("#cid").val(),
    "sid": $("#sid").val(),
    "year": $('#year').val()
  }
  for (let i = 0; i<$(".dataFilter-ajax-data").length; i++){
    let target = $(".dataFilter-ajax-data").eq(i)
    data[target.data("name")] = target.val()
  }
  return data
}

//ajax取得資料
function getNewsData(param){
  $.ajax({
    url: "/news/ajax/ajax_get_news.php",
    type: "GET",
    data: param
  }).done((responseData) => {
    setNewsData(responseData)
  })
}

function setNewsData(data){
  let newsHtml = ``
  let jsonData = JSON.parse(data)
  for(let i = 0; i < jsonData.news_data.length; i++){
    newsHtml += `<div class="news-item">
                  <div class="news-top-bar">${jsonData.news_data[i].date}</div>
                  <div class="news-info">
                    <h4 class="news-title">
                      <a class="block" href="${jsonData.news_data[i].link}">
                        ${jsonData.news_data[i].title}
                      </a>
                    </h4>
                    <div class="news-content">
                      <a class="block" href="${jsonData.news_data[i].link}">
                        ${jsonData.news_data[i].content}
                      </a>
                    </div>
                  </div>
                </div>`
  }
  
  let renderNewsTarget = ""
  if($(".tabList-item.now").length > 0){
    renderNewsTarget = $($(".tabList-item.now").data("target-class"))
  }else{
    //無細分類時
    renderNewsTarget = $(".news-group")
  }
  //渲染列表
  renderNewsTarget.html(newsHtml)
  //更新頁碼
  updatePage(jsonData.page_data)
}