$(function(){
  //===================================================
  // 先取得預設值 start 若後端要直接渲染好可以去掉 
  //===================================================
  getAchievementData(getAchievementParam())
  //===================================================
  // 先取得預設值 end 若後端要直接渲染好可以去掉 
  //===================================================
  
  //====================================================
  // 搜尋按鈕 start
  //====================================================
  $(".dataFilter-search-btn").on("click", function(){
    getAchievementData(getAchievementParam())
  })
  //====================================================
  // 搜尋按鈕 end
  //====================================================
  
  //====================================================
  // 分頁按鈕 start
  //====================================================
  $(".pagebox").on("click", ".pagebox-btn", function(){
    getAchievementData(getAchievementParam($(this).data("page")))
  })
  //====================================================
  // 分頁按鈕 end
  //====================================================

  $(document).on("change", "#outcome_class_id", function(){
    $("#achievementType").val($(this).val());
    $.ajax({
        type: "POST",
        url: "/ajax/get_outcome_sub.php",
        data: "&Send_ID=" + $(this).val(),
        async: false,
        dataType: 'json',
        error:function(d){
          alert('網路連線過慢，網頁請重新整理');
        },
        success: function(jsonObj){
          $("#outcome_sub_id").children("option:gt(0)").remove();
          for(k in jsonObj){
            $("#outcome_sub_id").append('<option value="' + k + '">' + jsonObj[k] + '</option>');
          }
        }
      });
  })
  
})


//包裝要post的參數
function getAchievementParam(page = 1){
  let data = {
    "cid": $("#achievementType").val(),
    "year": $("#year").val(),
    "sid": $("#outcome_sub_id").val(),
    "keyword": $("#keyword").val(),
    "page" : page
  }
  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 getAchievementData(param){
  $.ajax({
    url: "/achievement/ajax/ajax_get_achievement.php",
    type: "GET",
    data: param
  }).done((responseData) => {
    setAchievementData(responseData)
  })
}

function setAchievementData(data){
  let achievementHtml = ``
  let jsonData = JSON.parse(data);

  for(let i = 0; i < jsonData.achievement_data.length; i++){
    let donation_title = '捐贈內容';
    let donation_val = jsonData.achievement_data[i].content;
    if(jsonData.achievement_data[i].donation){
      donation_title = '捐贈金額';
      donation_val = jsonData.achievement_data[i].donation;
    }
    achievementHtml += `<div class="achievement-item">
                          <div class="achievement-top-bar">
                            ${jsonData.achievement_data[i].date} - ${jsonData.achievement_data[i].welfare_type}
                          </div>
                          <div class="achievement-group flex">
                            <a href="${jsonData.achievement_data[i].link}" class="achievement-pic block">
                              <img class="block" src="${jsonData.achievement_data[i].pic}">
                            </a>
                            <div class="achievement-info flex">
                              <div class="achievement-title">
                                <a href="${jsonData.achievement_data[i].link}">
                                  ${jsonData.achievement_data[i].title}
                                </a>
                              </div>
                              <div class="achievement-note">`;
        if(jsonData.achievement_data[i].achievement_sub_type){
            achievementHtml += `<div class="achievement-note-item flex">
                                  <div class="achievement-note-title">類　　別</div>
                                  <div class="achievement-note-text">${jsonData.achievement_data[i].achievement_sub_type}</div>
                                </div>`;
        }
        if(jsonData.achievement_data[i].donatarius){
            achievementHtml += `<div class="achievement-note-item flex">
                                  <div class="achievement-note-title">受惠單位</div>
                                  <div class="achievement-note-text">${jsonData.achievement_data[i].donatarius}</div>
                                </div>`;
        }
        if(jsonData.achievement_data[i].content || jsonData.achievement_data[i].donation){
            achievementHtml += `<div class="achievement-note-item flex">
                                  <div class="achievement-note-title">${donation_title}</div>
                                  <div class="achievement-note-text">${donation_val}</div>
                                </div>`;
        }
          achievementHtml += `</div>
                            </div>
                          </div>
                        </div>`
  }
  
  let renderAchievementTarget = $(".achievement-wrapper")
  
  //渲染列表
  renderAchievementTarget.html(achievementHtml)
  
  //更新頁碼
  updatePage(jsonData.page_data)
}