{extend name="layout/content" /}
{block name="title"}<title>我的游戏_祈盟文化个人中心</title>{/block}
{block name="header"}
<link rel="stylesheet" href="__STATIC__/css/game-list.css">
<link rel="stylesheet" href="__STATIC__/css/userinfo.css">
{/block}


{block name="content"}
<div class="warp_userinfo">
	<div class="container">
		<!-- 左侧菜单栏 -->
		<div class="left_tab">
			<a href="{:getUserCenterUrl('1')}" class="tab1 ">
				<img src="__STATIC__/images/icon/userinfo.png">
				个人资料
			</a>
			<a href="{:getUserCenterUrl('5')}" class="tab5 active">
				<img src="__STATIC__/images/icon/game-wihte.png">
				我的游戏
			</a>
			<a href="{:getUserCenterUrl('2')}" class="tab2 ">
				<img src="__STATIC__/images/icon/rechargeinfo.png">
				充值记录
			</a>
			<a href="{:getUserCenterUrl('3')}" class="tab3 ">
				<img src="__STATIC__/images/icon/giftbox.png">
				存箱号
			</a>
			<a href="{:getUserCenterUrl('4')}" class="tab4">
				<img src="__STATIC__/images/icon/zhaq.png">
				账号安全
			</a>

		</div>
		<!-- 右侧内容 -->
		<div class="content_right">

			<div class="mygame">
				<div class="title">
					<div class="tip">
						<p>我的游戏</p>
						<img src="__STATIC__/images/icon/query.png" />
						<div class="tip_pop">
							<p><span>正常 :</span>正常在祈盟文化官网运营的游戏;</p>
							<p><span style="width: 68px;height: 30px;display: block;float: left;">非运营状态 :</span>该游戏还未停运，但因某些原因，不在祈盟文化官网运营; </p>
							<p><span>已下架 :</span>该游戏即将或已经在祈盟文化平台停运;</p>
							<div class="left"></div>
						</div>
					</div>

					<form class="query_form query_box">
						<span>游戏名：</span>
						<input type="text" name="title" class="gamename" value="{$Think.get.title}" autocomplete="off"/>
						<span>状态:</span>
						<select class="status" name="status">
							<option value="0" {eq name="$Think.get.status" value="0" } selected{/eq} >全部</option>
							<option value="1" {eq name="$Think.get.status" value="1" } selected{/eq} >正常运营</option>
							<option value="2" {eq name="$Think.get.status" value="2" } selected{/eq} >非运营状态</option>
							<option value="3" {eq name="$Think.get.status" value="3" } selected{/eq} >已下架</option>
						</select>
						<input type="submit" value="查询" class="query" id="query">
					</form>
				</div>

				{notempty name="list"}
				<ul class="list" id="gameList">
					{volist name="list" id="vo"}
					<li>
						<div>
							<a  {eq name="$vo.gstatus" value="正常"} href="{$vo.gameUrl}" {/eq} title="{$vo.nickname}" target="_blank"><img lazy-src="{$vo.icon}" src="__STATIC__/images/icon/150-150.png" class="smallIcon"></a></div>
						<div class="game_name"><a {eq name="$vo.gstatus" value="正常"} href="{$vo.gameUrl}" {/eq} title="{$vo.nickname}" target="_blank">{$vo.nickname}</a></div>
						<p>{$vo.type_name}<span>|</span>{$vo.subject_name}</p>
						{eq name="$vo.gstatus" value="正常"}
						<div class="code_url">
							<button class="download">立即下载</button>
							<span id="code_url" style="display: none;">{$vo.download}</span>
							<span id="code_title" style="display: none;">{$vo.nickname}</span>
							<span id="download-page" style="display: none;">{$Think.WEBSITE_DOMAIN . '/download/' .$vo.id.'.html'}</span>
						</div>
						{else /}
						<p class="game_state">{$vo.gstatus}</p>
						{/eq}
					</li>
					{/volist}
				</ul>
				{$page}
				<div class="rows">共 <b class="strip">{$list->total()}</b>条 / <b>{$list->toArray()['last_page']}</b>页 记录 </div>
				{else /}
				<div class="no_content">
					<img src="__STATIC__/images/icon/game.png">
					<p>暂无玩过的游戏</p>
					<a href="{:getGameIndex()}" style="color: #51a7ff;font-size: 12px;">点击选取游戏</a>
				</div>
				{/notempty}
			</div>


			<div class="youlove">
				<p class="tit">猜你喜欢</p>
				<ul class="list">
					{volist name="guesList" id="vo"}
					<li>
						<div><a href="{$vo.gameUrl}" title="{$vo.nickname}" target="_blank"><img lazy-src="{$vo.icon}" src="__STATIC__/images/icon/150-150.png" class="smallIcon"></a></div>
						<div class="game_name"><a href="{$vo.gameUrl}" title="{$vo.nickname}" target="_blank">{$vo.nickname}</a></div>
						<p>{$vo.size}</p>
						<p>{$vo.type_name}<span>|</span>{$vo.subject_name}</p>
						<div class="code_url">
							<button class="{if($vo.download)} download {else} no_download {/if}">立即下载</button>
							<span id="code_url" style="display: none;">{$vo.download}</span>
							<span id="code_title" style="display: none;">{$vo.nickname}</span>
							<span id="download-page" style="display: none;">{$Think.WEBSITE_DOMAIN . '/download/' .$vo.id.'.html'}</span>
						</div>
					</li>
					{/volist}
				</ul>
			</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 -->
{/block}

{block name="detail_js"}
<script src="__STATIC__/js/common.js"></script>
<script src="__STATIC__/js/qrcode.min.js" ></script>
<script src="__STATIC__/js/game/index.js" ></script>
<!--<script src="__STATIC__/js/search/index.js" ></script>-->
<script>
	$(".tab1").hover(function() {
		$(".tab1 img").attr("src", "/static/images/icon/userinfo-1.png");
	}, function() {
		$(".tab1 img").attr("src", "/static/images/icon/userinfo.png");
	});
	$(".tab2").hover(function() {
		$(".tab2 img").attr("src", "/static/images/icon/rechargeinfo-1.png");
	}, function() {
		$(".tab2 img").attr("src", "/static/images/icon/rechargeinfo.png");
	});
	$(".tab3").hover(function() {
		$(".tab3 img").attr("src", "/static/images/icon/giftbox-1.png");
	}, function() {
		$(".tab3 img").attr("src", "/static/images/icon/giftbox.png");
	});
	$(".tab4").hover(function() {
		$(".tab4 img").attr("src", "/static/images/icon/zhaq-1.png");
	}, function() {
		$(".tab4 img").attr("src", "/static/images/icon/zhaq.png");
	});
	setTimeout(function () {
	        var heigh_right = $(".content_right").height();
	        $(".left_tab").css("height", heigh_right)
	    }, 300);


	var gameDownUrl = "{$Think.WEBSITE_DOMAIN . '/download/'}";
    var AjaxGamePage = function (page) {
        var title = $(".gamename").val();
        var status = $(".status [selected]").val();

        $.ajax({
            url: '/member/ajaxMyGame' + '?title=' + title + '&status=' + status + '&page=' + page,
            type: 'post',
            dataType: 'json',
            data: { page: page },
            success: function (data) {
                var html = '';

                $.each(data.data.list.data, function (i, row) {
                    html += '<li>'
                        +'<div><a ' ;
							if(row.gstatus == '正常'){
                                html += "href='"+row.gameUrl+"'";
							}
                    html +=' title="' +row.nickname + '" target="_blank"><img lazy-src="' + row.icon + '" src="__STATIC__/images/icon/150-150.png" class="smallIcon"></a></div>'
                        +'<div class="game_name"><a ' ;
						if(row.gstatus == '正常'){
							html += "href='"+row.gameUrl+"'";
						}
                    html +=' title="' + row.nickname + '" target="_blank">' + row.nickname + '</a></div>'
                        +'<p>' + row.type_name + '<span>|</span>' + row.subject_name + '</p>';

                    if (row.gstatus == '正常') {
                        html += '<div class="code_url">'
                            +'<button class="download">立即下载</button>'
                            +'<span id="code_url" style="display: none;">' + row.download + '</span>'
                            +'<span id="code_title" style="display: none;">' + row.nickname + '</span>'
                            +'<span id="download-page" style="display: none;">'+ gameDownUrl + row.id + ".html"+ '</span>'
                        +'</div>';
                    }else {
                        html += '<p class="game_state">'+ row.gstatus+ '</p>';
					}
                    html += '</li>';
                });

                $("#gameList").html(html);

                $(".pagination").remove();
                $("#gameList").after(data.data.page);
                $(".pagination li:first-child a").html('上一页');
                $(".pagination li:first-child span").html('上一页');
                $(".pagination li:last-child a").html('下一页');
                $(".pagination li:last-child span").html('下一页');
				
				$(".code_url").click(function () {
				    var p_text = $(this).find("#code_url").text();
				    var p_title = $(this).find("#code_title").text();
				    var p_page = $(this).find("#download-page").text();
				    qrcode_list.makeCode(p_page);
				    $('.az_hover a').attr('href', p_text);
				    $('.download_popup p').html(p_title);
				});
					 $.getScript("/static/js/common.js");
            }
        });
		 
    }

	
	
</script>
{/block}