require(['config'], function () {
  require(['jquery', 'pagination'], function ($, pagination) {
    $(function () {
  
      //  页码
      renderPagination();
      function renderGamelist(page) {
        page = page || 1;
        $.ajax({
          url: '',
          data: {page: page},
          type: 'get',
          success: function (res) {
            $('#js-gift_tpl').html(giftDataToHtml(res.gift.list));
            giftarr = res;
            $('.js-robGift').on('click', function () {
              $('#GiftDetailDialog').fadeIn(200);
            });
          }
        })
      }
      
      function giftDataToHtml(data) {
        var h = '';
        $.each(data, function (i, v) {
          var date = new Date(v.end_time * 1000)
          h += '<div class="Gift_list_item">\n' +
            '                        <div class="Gift_list_item_l">\n' +
            '                            <a title="'+v.gamename+'" href="/v8/game/detail/gameid/' +v.gameid+ '.html' + '"><img src="'+v.icon+'" alt=""></a>\n' +
            '                            <h5><a title="'+v.gamename+'" href="/v8/game/detail/gameid/' +v.gameid+ '.html">'+v.gamename+'</a></h5>\n' +
            '                        </div>\n' +
            '                        <div class="Gift_list_item_r">\n' +
            '                            <h3><a title="'+v.gamename + ' - ' +v.gift_name+'" href="javascript:;">'+v.gift_name+'</a></h3>\n' +
            '                            <p class="msg_p">'+v.content+'</p>\n' +
            '                            <p class="u-redColor">有效期至：'+date.format("yyyy-MM-dd hh:mm:ss")+'</p>\n' +
            '                            <p> 剩余：<b class="u-mainFontColor">'+v.remain+'</b> </p>\n' +
            '                        </div>\n' +
            '                        <div class="Gift_list_item_buttons">\n' +
            '                            <a href="'+v.down_url+'" class="downLoadGame" href="">下载</a>\n' +
            '                            <a href="javascript:;" class="js-robGift" downUrl="'+v.down_url+'" idx="'+i+'" onclick="getGift(this, giftarr.gift)">抢包</a>\n' +
            '                        </div>\n' +
            '                    </div>'
        })
        return h;
      }
  
      function renderPagination() {
        renderGamelist();
    
        // 生成分页并绑定分页事件
        pagination({
          elem    : '#pagination',
          total   : giftarr.count ,
          size    : 8,
          callback: renderGamelist
        });
      }
    })
  })
})