{extend name="layout/base" /}

{block name="header"}

		<link rel="stylesheet" href="__STATIC__/css/game-info.css">
		<link rel="stylesheet" href="__STATIC__/css/home/index.css">
		{/block}

{block name="content"}
		
		<!-- 页面导航 -->
		<div class="curLoc">
			<div class="container">
				<span class="txt">当前位置：</span><a href="/"  title="祈盟文化游戏">首页</a> &gt; <a href="{:getGameIndex()}" title="手游中心">找游戏</a> &gt;<span>
					{if($detail['nickname'])} {$detail.nickname}	{else/}  游戏详情页 {/if} </span>
			</div>
		</div>
		
		<div class="game_info">
			<div class="container">
				<!-- 左侧 -->
				<div class="game_info_left">
					<!-- 头部信息部分 -->
					<div>
						<img lazy-src="{$detail.icon}" src="__STATIC__/images/icon/150-150.png" alt="{$detail.nickname}" class="smallIcon" title="{$detail.nickname}">
						<div style="float: left;">
							<h2 title="{$detail.nickname}">{$detail.nickname}</h2>
							<span id="code_url" style="display: none;">http://wl.weilongwl.com/download/{$detail.id}.html</span>
							<div class="info ">
								<ul class="info1">
									<li><span>发布时间： </span><span>{$detail.updatetime}</span></li>
									<li><span>游戏版本： </span><span>{$detail.version}</span></li>
									<li><span>游戏大小： </span><span>{$detail.size}</span></li>
								</ul>
								<ul class="info2">
									<li><span>游戏类型： </span><span>{$detail.typename}</span></li>
									<li><span>游戏题材： </span><span>{$detail.subjectname}</span></li>
									<li>
										<div>开发厂商： </div>
										<div>{$detail.developer}</div>
									</li>
								</ul>
							</div>
						</div>

						{if($detail['download'])}
                           <!-- 有下载链接时 -->
						<div class="az_code_right">
                            <a href="{$detail.download}">
							<div class="az_ed_download" >
								<img src="__STATIC__/images/home/SVG-07.png">
								<span>安卓版本下载</span>
                            </div>
                        </a>
							<div class="small-code">
								<img src="__STATIC__/images/home/SVG-10.png">
							</div>

							<div class="big_az_code">
									<div id="qrcode_title"></div>
								<div class="scan_code">
									<img src="__STATIC__/images/icon/scan.png">
									<span>扫码立即下载</span>
								</div>
								<div class="border-left-empty">
									<span></span>
								</div>
							</div>
						</div>
						{else/}
						<!-- 没有下载链接时 -->
						<div class="az_no_link">
							<div class="az_no_download">
								<img src="__STATIC__/images/home/SVG-19.png">
								<span>安卓版本下载</span>
							</div>

							<div class="small-code">
								<img src="__STATIC__/images/home/SVG-10.png">
							</div>
						</div>
						{/if}

					</div>


					<!-- tab切换 -->
					<div class="game_info_tab">
						<div class="tab_title">
                                <a href="{:getGameUrl($detail['id'])}" title="{$detail.nickname}游戏介绍"><p class="title">游戏介绍</p></a>
								<a href="{:getGameNewsUrl($detail['id'])}" title="{$detail.nickname}游戏资讯"><p class="title">游戏资讯</p></a>
								<a href="{:getGameGiftUrl($detail['id'])}" title="{$detail.nickname}游戏礼包"><p class="title">游戏礼包</p></a>
								<a href="{:getGameServerUrl($detail['id'])}" title="{$detail.nickname}开服信息"><p class="active">开服信息</p></a>
						</div>
						<div class="tab_content">
						
							<!-- 开服信息 -->
							<div class="service_news">
								
								{empty name="kcServers"}
								{else /}
								<h4 title="{$detail.nickname}游戏开测">游戏开测</h4>
								<div class="service_news_title">
									<p>开测时间</p>
									<p>开测状态</p>
									<p>开测预约</p>
								</div>
								<div id="open_test">
									<ul class="service_content">
										{volist name="kcServers" id="vo"}
										{if condition="$vo.serverDate"}
										<li class="service_date">
												<img src="__STATIC__/images/home/Assistor.png"> 
												<p><span>{$vo.serverDate}</span></p>
										</li>
										{/if}
										<li>
												<p>{$vo.serverTime}</p>
												<p title="{$vo.serverName}">{$vo.serverName}</p>
												<P>{if condition='$vo.subscribe eq 1'}<a class="kf_tip" onclick="kf_tip('{$vo.id}','kc')">预约</a>{/if}</P>
										</li>
										{/volist}
									</ul>

										  <div class="page ">
											{$kcPage}
											<div class="rows">共 <b>{$kcServers->total()}</b>条 / <b>{$kcServers->toArray()['last_page']}</b>页 记录 </div>
										  </div>
								</div>
								{/empty} 
							
							
								<h4  title="{$detail.nickname}游戏开服">游戏开服</h4>
								{empty name="kfServers"}
									 <!-- 无开服信息 -->
									 <div class="no_content" style="border-top: 1px solid #eee;">
										<img src="__STATIC__/images/icon/no-server.png" style="width: 200px;">
										<p>该游戏暂无开服信息</p>
									</div>
									<!-- 无开服信息end -->
								{else /}
								<div class="service_news_title">
									<p>开服时间</p>
									<p>新服名称</p>
									<p>开服预约</p>
								</div>
								<div id="open_service">
									<ul class="service_content">
										{volist name="kfServers" id="vo"}
										{if condition="$vo.serverDate"}
										<li class="service_date">
												<img src="__STATIC__/images/home/Assistor.png"> 
												<p><span>{$vo.serverDate}</span></p>
										</li>
										{/if}
										<li>
												<p>{$vo.serverTime}</p>
												<p title="{$vo.serverName}">{$vo.serverName}</p>
												<P>{if condition='$vo.subscribe eq 1'}<a class="kf_tip" onclick="kf_tip('{$vo.id}','kf')">预约</a>{/if}</P>
										</li>
										{/volist}
									</ul>

										  <div class="page ">
											{$kfPage}
											<div class="rows">共 <b>{$kfServers->total()}</b>条 / <b>{$kfServers->toArray()['last_page']}</b>页 记录 </div>
										  </div>
									</div>
								{/empty} 
								

							</div>
						</div>
					</div>
                </div>
			
				<div class="game_info_right">
	              <!-- 手游排行 -->
				  <div class="rank">
						<h4 title="手游排行">
							<span>手游排行</span>
						</h4>
						<div class="rank_list" id="J_rank_list">
							
							
						</div>
					</div>


                      
            <!-- 两张广告图片 -->
       
          
			{volist name="adList" id="vo"}
            <div class="article_adv" title="{$vo.title}">
                <a href="{$vo.url}"  target="_blank"><img lazy-src="{$vo.image}" src="__STATIC__/images/icon/990-625.png"></a>
                <a href="{$vo.url}"  target="_blank"> <div><span>{$vo.title}</span></div></a>
            </div>
			{/volist}
           <!-- 两张广告图片end -->

                     <!-- 最新上线 -->
                     <div class="new_outline">
                         <h4 title="最新上线"><span>最新上线</span></h4>
                         <div class="warp_cont">
						 {volist name="newGameList" id="vo"}
                         <div class="new_outline_img">
                             <a href="{$vo.url}" title="{$vo.nickname}"  target="_blank"><img lazy-src="{$vo.icon}" src="__STATIC__/images/icon/150-150.png"  class="smallIcon"></a>
                             <p><a href="{$vo.url}" title="{$vo.nickname}"  target="_blank">{$vo.nickname}</a></p>
                         </div>
						 {/volist}
                        </div>
                     </div>
                    </div>

				</div>
			</div>
		</div>
  
    <!-- 下载弹窗 start -->
    <div class="warp_download_popup">
            <div class="download_popup" >
                <div class="download_title"><span>下载</span></div>
             <div class="game_title"> <p>传奇帝国之荣耀骑士传奇，传奇帝国之荣耀骑士传奇传奇帝国之荣耀骑士传奇...</p></div>
                <div class="az_download">
                    <div class="az_hover">
                <a href="" >
                    <img src="__STATIC__/images/home/SVG-07.png">
                    <span>安卓版本下载</span>
                </a>
                    </div>
                    <div class="az_code"><img src="__STATIC__/images/home/SVG-10.png"></div>
                </div>
                <div class="big_az_code">

                   <div id="qrcode"></div>
                   <div class="scan_code">
                   <img src="__STATIC__/images/icon/scan.png">
                   <span>扫码立即下载</span>
                   </div>
                   <div class="border-left-empty">
                    <span></span>
                    </div>
               </div>
               <div class="close">
                </div>
            </div>
        </div>
        <div class="warp_no_download_popup">
            <div class="no_download_popup" >
            <div class="tip"><span>提示</span><div class="close">
            </div></div>
            <div class="tip_txt">
                <p>该游戏暂无下载链接，稍后再试</p>
                <div class="tip_btn">
                <div class="determine"><span>确定</span></div>
                <div class="cancel"><span>取消</span></div>
              </div>
            </div>
            </div>
        </div>
        
            <!-- 下载弹窗 end -->

        <!-- 预约开服弹窗 -->
        <div class="warp_kf_popup bind_phone">
            <div class="kf_popup" >
            <div class="tip"><span>提示</span><div class="close">
            </div></div>
            <div class="tip_txt">
                <p id="bind_phone_txt">请先绑定手机号</p>
                <div class="tip_btn">
                <div class="determine"><a id="bind_phone_href" href="" target="_blank">去绑定</a></button></div>
                <div class="cancel"><button>取消</button></div>
              </div>
            </div>
            </div>
        </div>


        <div class="warp_kf_popup success">
            <div class="kf_popup" >
            <div class="tip"><span>提示</span><div class="close">
            </div></div>
            <div class="tip_txt">
                <p id="success_txt">您已成功预约该开服信息提醒，到时会以短信形式通知，请留意。</p>
                <div class="tip_btn">
                <div class="determine"><button>确定</button></div>
                <div class="cancel"><button>取消</button></div>
              </div>
            </div>
            </div>
        </div>
        <!-- 预约开服弹窗end -->

	
	 
				{/block}
	
		{block name="detail_js"}

					<script src="__STATIC__/js/common.js"></script>
					<script src="__STATIC__/js/qrcode.min.js" ></script>
					<script>   var game_id = {$detail.id};</script>
					<script src="__STATIC__/js/game/info-server.js" ></script>
         {/block}