<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="zh">
<head>
	<title>世界杯宝贝投票 | 贝壳彩</title>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="<%=request.getContextPath()%>/LetouBack/wcupbaby_vote/wcup_baby.css" media="all">
	<script src="<%=request.getContextPath()%>/LetouBack/wcupbaby_vote/jquery-2.1.1.min.js"></script>
	<script src="<%=request.getContextPath()%>/LetouBack/wcupbaby_vote/wcup_func.js"></script>
</head>
<body>

	
	<!-- top bar -->
	<div class="topbar">
			<!-- logo -->
	<div class="logo">
		<a href="/" title="返回主页">
			<img alt="返回贝壳彩" src="<%=request.getContextPath()%>/LetouBack/wcupbaby_vote/icons/logo.png" width="152" height="61"/>
		</a>
	</div><!-- end logo -->
		<div style="display: block; height: 293px"></div>
		<div class="topbar-explain">
			<h5>活动详情：</h5>
			<ol>
				<li>活动总计4轮，时间分别是世界杯16进8、8进4、4进2、2进1比赛期间。</li>
				<li>每轮活动期间，用户可以为喜欢的球队点赞，若支持的球队晋级，就有机会获得奖励红包（5元、10元、20元）</li>
				<li>用户支持的球队，晋级成功的越多，中奖概率越大。</li>
				<li>活动期间，若用户购买猜冠军彩票，购买的球队最终夺冠，更有机会赢取500元大奖，购买越多中奖机会越大。</li>
			</ol>
		</div>

		<div class="navbar">
			<div class="nav-left">
				活动进程
			</div>
			<div class="nav-right">
				第三轮活动开始啦，参与点赞的用户最多可以选2支喜欢的球队为他们点赞祝福他们晋级。 
			</div>
		</div>
	</div><!-- end top bar -->

	<!-- babies list -->
	<div class="list">
		<c:set value="0" var="count"/>
		<c:forEach items="${list}" var="item" varStatus="s">
		<c:if test="${count==0}"><div class="rows"></c:if>
            <div class="ele" data-name="${item.GRILID}">
				<div class="out-line">已淘汰</div>
				<h4>${item.TEAMNAME}</h4>
				<div class="img">
					<img src="<%=request.getContextPath()%>/LetouBack/wcupbaby_vote/icons/mm/${item.IMGPATH}">
				</div>
				<div class="banner">
                    <button class="like-btn" data-girl="${item.GRILID}">点赞</button>
					<span class="number">${item.SUPPORT}</span>
					<img class="likeit" src="<%=request.getContextPath()%>/LetouBack/wcupbaby_vote/icons/love.png">
				</div>
			</div>
		<c:if test="${count==3}"></div><div class="rows"></c:if>
		<c:if test="${count==7}"></div><div class="rows"></c:if>
		<c:if test="${count==11}"></div><div class="rows"></c:if>
		<c:if test="${count==15}"></div></c:if>
		<c:set value="${count+1}" var="count"/>
	</c:forEach>
	</div><!-- end babies list -->

	<!-- dialog -->
	<div id="dialog">
		<p>
			投票成功，您还可以点<span class="red" id="times">0</span>个赞给你喜欢的球队！
		</p>
		<p class="red">
			活动期间购买猜冠军<br>
			猜中冠军还有机会获得500元大奖哦！萌萌哒。
		</p>
		<div class="dialog-btns">
			<a href="http://beikecai.com/worldCup/wCup.jsp" target="_blank" class="dialog-btn closable">买一注</a>
			<a href="###" class="dialog-btn closable">下次再买</a>
		</div>
	</div><!-- end dialog -->

    <!-- login dialog -->
    <div id="login-dialog">
		<form action="././findGirlAction.do?action=login" method="POST">
			<h3>啊哦，您还没登录，万一中奖了找谁呢？</h3>
			<div class="fi">
				<label for="username">用户名</label>
				<input type="text" name="username" id="username" placeholder="已注册的用户名">
			</div>
			<div class="fi">
				<label for="password">密码</label>
				<input type="password" name="password" id="password" placeholder="******">
			</div>
			<div class="btns">
				<a href="http://www.beikecai.com/member/reg.jsp" target="_blank">我去注册一个</a>
				<button type="button" id="login">登录</button>
			</div>
			<button type="button" class="XX closable">X</button>
		</form>
    </div><!-- end login dialog -->

	<!-- prized -->
	<table class="prized" id="prized">
		<tr>
			<td>用户名</td>
			<td>彩金</td>
		</tr>
		<tr><td colspan="2">正在努力载入中</td></tr>
	</table><!-- end prized -->
</body>
</html>
<div style="display:none;">
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fe03a5140b1f1bcfa73cf76cb57ba547c' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>
