<extend name="Public/baseso" />
<block name="css">
 <link href="__CSS__/open.css" rel="stylesheet" >
  <link href="__CSS__/gift.css" rel="stylesheet" >
  <link href="__CSS__/main1.css" rel="stylesheet" >
</block>
<block name="body" >
    <header class="header">
      <div class="">
        <a href="{:U('Index/index')}" class="hbtn back" ><i class="iconfont icon-drop-left"></i></a>
        <h1 class="caption">{$mate_title}</h1>
      </div>
    </header>
    <div class="occupy"></div>
    <section class="trunker">
      <section class="container">
        <ul class="t-tab c-t-tab jstab clearfix">
          <li><a href="{:U('index?rank=new')}" class="btn <?php echo $rank=='new'? 'active' :'';?>">最新榜</a></li>
          <li><a href="{:U('index?rank=rec')}" class="btn <?php echo $rank=='rec'? 'active' :'';?>">推荐榜</a></li>
          <li><a href="{:U('index?rank=hot')}" class="btn <?php echo $rank=='hot'? 'active' :'';?>">热门榜</a></li>
          <li><a href="{:U('index?rank=dow')}" class="btn <?php echo $rank=='dow'? 'active' :'';?>">下载榜</a></li>
        </ul>
        <div class="t-list c-t-list jslist">
          <div class="t-tabpan active">
            <div class="top">
              <img src="__IMG__/rank_bg.png" class="rankbg">
              <foreach name="data" item="v" key="key">
              <?php if($key>2) continue;?>  
                <div class="sort sort{$key+1}">
                  <p class="mark"><img src="__IMG__/rank{$key+1}.png"><span>NO.{$key+1}</span></p>
                  <a href="{:U('Game/detail?id='.$v['game_id'])}" class="iconbox">
                  
                        <img src="{$v['icon']}" class="icon" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
                       
                      <img src="__IMG__/rank_icon_bg.png" class="cover" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
                  </a>
                  <a href="{:U('Game/detail?id='.$v['game_id'])}" class="name" >{$v['relation_game_name']}</a>
                  <if condition='$v.dow_status eq 0'>
                    <a class="btn disabled">下载</a>
                  <elseif condition='$v["down_port"] eq 1 && $v["sdk_version"] eq 1 && empty($v["and_dow_address"]) || $v["down_port"] eq 1 && $v["sdk_version"] eq 2 && empty($v["ios_dow_address"]) || $v["down_port"] eq 2 && $v["sdk_version"] eq 1 && empty($v["add_game_address"]) || $v["down_port"] eq 2 && $v["sdk_version"] eq 2 && empty($v["ios_game_address"])'/>
                      <a class="btn disabled">下载</a>
                  <else/>
                    <if condition='$v["down_port"] eq 2 && $v["sdk_version"] eq 2'>
                      <a href='{$v["ios_game_address"]}' class="btn">下载</a>
                    <elseif condition='$v["down_port"] eq 2 && $v["sdk_version"] eq 1' />
                      <a href='{$v["add_game_address"]}' class="btn">下载</a>
                    <else/>
                      <a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$v['relation_game_id'],'type'=>$v["sdk_version"]))}" class="btn down">下载</a>
                    </if>
                  </if>
                </div>
              </foreach>
            </div>
            <ul class="game-list bot " id="ajaxContainer" currentpage="{$page}" ramk="{$rank}" maxpage="{$total}">
            <empty name='data'>
              <li style="text-align: center;">暂无数据</li>
            <else/>
            <foreach name="data" item="v" key="key">
              <?php if($key<3) continue;?> 
              <li class="sort4">
                <span class="span_number">{$key+1}</span>
                <!-- <img src="__IMG__/number{$key+2}.png" class="sorticon"> -->
                <a href="{:U('Game/detail?id='.$v['game_id'])}" class="iconbox za_icongift">
                    
                        <img src="{$v['icon']}" class="icon" onerror="this.src='__IMG__/empty.jpg';this.onerror=null">
                        
                </a>

                <div class="text">
                  <div class="namebox"><a href="{:U('Game/detail?id='.$v['game_id'])}" class="name">{$v['relation_game_name']}</a>
                      <p class="stars"><i style="width:{:$v['game_score']*10}%;"></i></p>
                  </div>
                  <div class="info">
           <if condition="$v.game_size eq 0 ">
                   <span class="size">{$v['game_address_size']}MB</span>
                   <else/>
                  <span class="size">{$v['game_size']}</span></if>



                   <span class="dlnumber">{$v['dow_num']}人下载</span></div>
                  <p class="description">{$v['features']}</p>
                  </div>
                  <div class="btnbox">
                      <if condition='$v.dow_status eq 0'>
                          <a class="btn disabled">下载</a>
                          <elseif condition='$v["down_port"] eq 1 && $v["sdk_version"] eq 1 && empty($v["and_dow_address"]) || $v["down_port"] eq 1 && $v["sdk_version"] eq 2 && empty($v["ios_dow_address"]) || $v["down_port"] eq 2 && $v["sdk_version"] eq 1 && empty($v["add_game_address"]) || $v["down_port"] eq 2 && $v["sdk_version"] eq 2 && empty($v["ios_game_address"])'/>
                          <a class="btn disabled">下载</a>
                          <else/>
                          <if condition='$v["down_port"] eq 2 && $v["sdk_version"] eq 2'>
                              <a href='{$v["ios_game_address"]}' class="btn">下载</a>
                              <elseif condition='$v["down_port"] eq 2 && $v["sdk_version"] eq 1' />
                              <a href='{$v["add_game_address"]}' class="btn">下载</a>
                              <else/>
                              <a href="javascript:" url="{:U('AjaxDown/down_file',array('game_id'=>$v['relation_game_id'],'type'=>$v["sdk_version"]))}" class="btn down">下载</a>
                          </if>
                      </if>
                  </div>
              </li>
            </foreach>
            </empty>  
            </ul>
          </div>
        </div>
      </section>
    </section>
    <div style="display: none;" class="loading ms-none" id="moreBtn"><a href="javascript:" class="link"></a></div>
    <div class="popmsg pop-dialog"></div>
    <script src="__JS__/ajaxload.js"></script>
    <script src="__JS__/pop.lwx.min.js"></script>
    <script>
      var ac = $('#ajaxContainer'),rank = ac.attr('ramk'),page = ac.attr('currentpage');
      var popmsg = $('.loading').pop();
      ajaxload('{:U("ajaxlists")}',{rank:rank},function(data) {
        if (data.status == 1) {
            ac.attr('currentpage',data.page);
            var html = '',timestamp=(new Date().getTime())/1000;
            var number = "{:C('LIST_ROWS')}" * (data.page-1);
            $.each(data.data, function(index, item) {
                index = number +index+1;
                var html_1='';
                if(item.dow_status==0){
                  html_1 += '    <a class="btn disabled">下载</a>';
                }else if((item.down_port==1&&item.sdk_version==1&&item.and_dow_address=='') || (item.down_port==1&&item.sdk_version==2&&item.ios_dow_address=='')||(item.down_port==2&&item.sdk_version==1&&item.add_game_address=='')||(item.down_port==2&&item.sdk_version==2&&item.ios_game_address=='')){
                  html_1 += '    <a class="btn disabled">下载</a>';
                }else{
                  if(item.down_port==2&&item.sdk_version==2){
                    html_1 += ' <a href='+item.ios_game_address+' class="btn">下载</a>';
                  }else if(item.down_port==2&&item.sdk_version==1){
                    html_1 += ' <a href='+item.add_game_address+' class="btn">下载</a>';
                  }else{
                    url = "{:U('AjaxDown/down_file','',false)}";
                    html_1 += ' <a href="javascript:;" url="'+url+'/game_id/'+item.relation_game_id+'/type/'+item.sdk_version+'" class="btn down">下载</a>';
                  }
                }
                var html_2 = '<p class="stars"><i style="width:'+item.game_score+'0%;"></i></p>';
                html += '<li>'+
                        '<span class="span_number">'+index+'</span>'+
                        //'<img src="__IMG__/number1'+index+'.png" class="sorticon">'+
                        '<a href="{:U('Game/detail')}&id='+item.game_id+'" class="iconbox za_icongift">'+
                        '<img src="'+item.icon+'" class="icon1" onerror="this.src=\'__IMG__/empty.jpg\';this.onerror=null"></a>'+
                        '<div class="text">'+
                        '  <div class="namebox">'+
                        '    <a href="{:U('Game/detail')}&id='+item.game_id+'" class="name">'+item.relation_game_name+'</a>'+
                        '    <span class="starbox">'+
                              html_2 +
                        '    </span>'+
                        '  </div>'+
                        '  <div class="info">'+
						'    <span class="size">'+item.game_size+'</span>'+
						'     <span class="dlnumber">'+item.dow_num+'人下载</span></div>'+
                        '  <p class="description">'+item.features+'</p>'+
                        '</div>'+
						'<div class="btnbox">'+
                          html_1 +
                        '</div>';
                html += '</li>';

                
            });
            ac.append(html);
            $('.loading').addClass('ms-none');
            $('#moreBtn').removeClass('ms-none');loads=false;
        } else {
            $('.loading').addClass('ms-none');
            popmsg.msg('已经到底了~');
        }
      });
   
   
   </script>
    <script>
       $("body").on("click",'.down',function(){
            var url = $(this).attr('url');
            var pmsg = $(".popmsg").pop();
            $.ajax({
              url:url,
              type:"get",
              dataType:"json",
              data:{},
              success:function(result){
                if(result.status == 0){
                  pmsg.msg(result.info);
                }else{
                  location.href=result.url; 
                  return false;
                }
              },
              error:function(){
                alert("服务器异常");
              }
            })
        })
     
    </script>

</block>
<block name="footer"></block>