$(function(){
  //===================================================
  // 先取得預設值 start 若後端要直接渲染好可以去掉 
  //===================================================
  getRewardData()
  //===================================================
  // 先取得預設值 end 若後端要直接渲染好可以去掉 
  //===================================================
  
  
  //====================================================
  // 分頁按鈕 start
  //====================================================
  $(".pagebox").on("click", ".pagebox-btn", function(){
    getRewardData($(this).data("page"))
    $("body").stop().animate({
      scrollTop:0
    },800)
  })
  //====================================================
  // 分頁按鈕 end
  //====================================================
})

//ajax取得資料
function getRewardData(page = 1){
  $.ajax({
    url: "/about/ajax/ajax_get_reward.php",
    type: "GET",
    data: {"page" : page}
  }).done((responseData) => {
    setRewardData(responseData)
  })
}

function setRewardData(data){
  let rewardHtml = ``
  let jsonData = JSON.parse(data)
  for(let i = 0; i < jsonData.reward_data.length; i++){
    rewardHtml += `<div class="reward-group flex">
                    <a href="${jsonData.reward_data[i].link}" class="block reward-pic">
                      <img src="${jsonData.reward_data[i].pic}" class="block">
                    </a>
                    <div class="reward-info">
                      <div class="reward-date">${jsonData.reward_data[i].date}</div>
                      <h4 class="reward-title">
                        <a class="block" href="${jsonData.reward_data[i].link}">
                          ${jsonData.reward_data[i].title}
                        </a>
                      </h4>
                      <div class="reward-content">
                        ${jsonData.reward_data[i].content}
                      </div>
                      <a class="reward-readmore flex-center" href="${jsonData.reward_data[i].link}">More</a>
                    </div>
                  </div>`
  }
  let renderRewardTarget = $(".reward-wrapper")
  renderRewardTarget.html(rewardHtml)
  //更新頁碼
  updatePage(jsonData.page_data)
}