{template 'mobile/header'}
<link type="text/css" rel="stylesheet" href="./source/modules/egg/template/new.min.css" />
<link type="text/css" rel="stylesheet" href="./source/modules/egg/template/common.css?v={TIMESTAMP}" />
<div data-role="page" data-theme="a">
<div data-role="header" data-position="inline">
	<h1>微擎{$title}</h1>
</div>
<div data-role="popup" id="list_winner" data-overlay-theme="a" data-theme="c" data-dismissible="false" class="ui-corner-all">
	<div data-role="header" data-theme="c">
		<span style="color:red;font-weight:600;float:right;line-height:35px;padding-right:10px;">可划动 ^</span>
		<a href="#" data-rel="back" data-icon="delete" data-iconpos="notext">关闭</a>
		<h1>中奖名单</h1>
	</div>
	<div style="height:150px;" class="scroll">
		<table class="list_table">
			<thead>
				<tr>
					<th data-priority="persist" style="width:200px;">姓名</th>
					<th data-priority="persist" style="width:500px;">奖品</th>
				</tr>
			</thead>
			<tbody>
				{loop $otheraward $index $row}
				{if strexists($row['award'], '兑换码')}
				{php $row['award'] = explode('兑换码', $row['award'])}
				{php $row['award'] = $row['award'][0]}
				{/if}
				<tr>
					<td>{$row['realname']}</td>
					<td>{$row['award']}</td>
				</tr>
				{/loop}
			</tbody>
		</table>
	</div>
</div>
<div data-role="popup" id="my_prize" data-overlay-theme="a" data-theme="c" data-dismissible="false" class="ui-corner-all">
	<div data-role="header" data-theme="c">
		<a href="#" data-rel="back" data-icon="delete" data-iconpos="notext">关闭</a>
		<h1>我的奖品</h1>
	</div>
	<div style="height:150px;" class="scroll">
		<table class="list_table">
			<thead>
				<tr>
					<th data-priority="persist" style="width:300px;">奖品</th>
					<th data-priority="persist" style="width:400px;">描述</th>
				</tr>
			</thead>
			<tbody>
				{loop $myaward $index $row}
				<tr>
					<td>{$row['award']}</td>
					<td>{$row['description']}</td>
				</tr>
				{/loop}
			</tbody>
		</table>
	</div>
</div>
<div class="main">
	{if ($egg['maxlottery'] && $total >= $egg['maxlottery']) || empty($egg['maxlottery'])}
	<div class="ui-bar ui-bar-e" style="margin:10px 0;">
		<h3>您已经超过当日砸蛋次数！</h3>
	</div>
	{else}
	<div class="egg">
		<ul class="eggList">
			<p class="hammer" id="hammer">锤子</p>
			<p class="resultTip" id="resultTip"><b id="result"></b></p>
			<li><span>1</span><sup></sup></li>
			<li><span>2</span><sup></sup></li>
			<li><span>3</span><sup></sup></li>
		</ul>
	</div>
	{/if}
	<div data-role="collapsible-set">
		<div data-role="collapsible" data-collapsed="true">
			<h3>游戏规则</h3>
			{$egg['rule']}
		</div>
	</div>
	<div style="margin:30px 0;">
		<ul data-role="listview" data-inset="true" class="ui-icon-alt">
			<li><a href="#list_winner" data-rel="popup" data-transition="pop">中奖名单</a></li>
			<li>{if !empty($member['mobile']) && !empty($member['realname'])}<a href="#my_prize" data-rel="popup" data-position-to="window" data-transition="pop">我的奖品</a>{else}<a href="{php echo create_url('index/module', array('do' => 'register', 'name' => 'egg', 'id' => $id, 'from_user' => $_GPC['from_user']))}">登记后领奖</a>{/if}</li>
		</ul>
	</div>
</div>
{if $egg['maxlottery'] && $total < $egg['maxlottery']}
<script type="text/javascript">
jQuery(function($){
	$(".eggList li").click(function() {
		var posL = $(this).position().left + $(this).width()-30;
		$("#hammer").show().css('left', posL);
		$(this).children("span").hide();
		eggClick($(this));
	});
});
function eggClick(obj) {
	var _this = obj;
	var myaward = '';
	if(_this.hasClass("curr")){
		alert("蛋都碎了，别砸了！");
		_this.unbind('click');
		return false;
	}
	$.getJSON("{php echo create_url('index/module', array('do' => 'getaward', 'name' => 'egg', 'id' => $id, 'from_user' => $_GPC['from_user']))}&r="+new Date().getTime(),function(res){
		$(".hammer").css({"top":_this.position().top-55,"left":_this.position().left+185});
		$(".hammer").animate({
			"top":_this.position().top-25,
			"left":_this.position().left+125
			},30,function(){
				_this.addClass("curr");
				_this.find("sup").show();
				$(".hammer").hide();
				$('.resultTip').css({display:'block',top:'100px',opacity:0}).animate({top: '0px',opacity:1},300,function(){
					if(res.message.status==0){
						$("#result").html(res.message.message);
					}else{
						$("#result").html(res.message.message);
					}
				});
			}
		);
		for(i=0; i<res.message.myaward.length; i++) {
			myaward += '<tr><td>'+res.message.myaward[i].award+'</td><td>'+res.message.myaward[i].description+'</td></tr>';
		}
		$("#my_prize tbody").html(myaward);
	});
}
</script>
{/if}
{template 'mobile/footer'}