<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
	<meta http-equiv="expires" content="0">
	<c:set var="ctx" value="${pageContext.request.contextPath}"  scope="request"/>
	<c:set var="resourcePath" value="${ctx}/resources"  scope="request"/>
	<script type="text/javascript">
		var ctx = "${ctx}"; //上下文路径
		var resourcePath = "${resourcePath}";
		document.writeln('<script type="text/javascript" src="'+resourcePath+'/js/global.js?d=' + new Date().getTime() + '" ><\/script>');
	</script>
    <title>邀请好友嗨赚奖励金</title>
	<%--<link rel="stylesheet" href="${resourcePath}/css/h5.css">
	<link rel="stylesheet" href="${resourcePath}/css/h5-common.css">--%>
	<style>
		#Rootloading {
			display: inline-block;
			width: 12.8%;
			max-width: 80px;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}
	</style>
	<link href="${resourcePath}/css/act-common.css" rel="stylesheet">
	<style id="__WXWORK_INNER_SCROLLBAR_CSS">
		::-webkit-scrollbar {
			width: 12px !important;
			height: 12px !important;
		}

		::-webkit-scrollbar-track:vertical {}

		::-webkit-scrollbar-thumb:vertical {
			background-color: rgba(136, 141, 152, 0.5) !important;
			border-radius: 10px !important;
			background-clip: content-box !important;
			border: 2px solid transparent !important;
		}

		::-webkit-scrollbar-track:horizontal {}

		::-webkit-scrollbar-thumb:horizontal {
			background-color: rgba(136, 141, 152, 0.5) !important;
			border-radius: 10px !important;
			background-clip: content-box !important;
			border: 2px solid transparent !important;
		}

		::-webkit-resizer {
			display: none !important;
		}
		.loading{
			background-color: #fff;
			color: #000;
			width: 5rem;
			text-align: center;
			padding: 0.5rem 0;
			border-radius: 5px;
			display: none;
			z-index: 1000;
			position: fixed;
			margin: 0 auto;
			left: 0;
			right: 0;
			top: 40%;
		}
	</style>
</head>

<body style="height: auto;">
<div id="app" class="">
	<div id="adminInvite">
		<div class="header">
			<div class="info"><img src="data:image/png;base64,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">
				<span>账号:${loginName}</span></div>
			<div class="title">
				邀好友一起<br> 嗨赚
				<span>分润</span></div> <a onclick="actDesc()">活动细则</a>
		</div>
		<div class="main">
			<div class="reward">
				<div class="reward-item reward-item-rate">
					<div class="reward-item-desc">
						<div class="reward-item-title">自用省钱</div>
						<div class="reward-item-subtitle">成功邀请商户进件，下调费率</div>
					</div>
				</div>
				<div class="reward-item reward-item-bonus">
					<div class="reward-item-desc">
						<div class="reward-item-title">分享赚钱</div>
						<div class="reward-item-subtitle">邀请好友，赚分润，日结/无上限</div>
					</div>
				</div>
			</div>
			<div class="total">
				<div class="total-invite">
					<div>${userCount}</div>
					已成功邀请
					<span class="triangle"></span>
					<div class="view-tip"></div>
				</div>
				<div class="total-income">
					<div>${shareAmountCount}</div>
					累计获得分润
					<span class="triangle"></span>
				</div>
				<div class="total-thrift">
					<div>${saveAmtCount}</div>
					累计省钱
					<span class="triangle"></span>
				</div>
			</div>
		</div>
		<p>邀请无上限，赶快行动吧</p>
		<%--<div class="btn-invite"></div>--%>
		<div class="btn-poster-create"></div>
		<div class="dialog-wrapper dialog-rate" style="display: none;">
			<div class="dialog">
				<div class="header"><span>费率下调</span> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAALVBMVEW4usFHcEy4u8K/wcS5u8G4usK4usK7v8a5u8K4u8K8vLy9vcS5u8K6vMO5u8Evar4lAAAAD3RSTlP/AGQIy+r3F6pUBC28O4QcLPRyAAABQ0lEQVQoz12SLU8DQRCG3zR3K0mGFRfOkaaQ4K4KUYFDNCQXXEWTSx2GBNQJxKmiCaECdzgk/4AfgSYY+B3Mfs3uduWTybzPzCy+Vg1lr/p9xEU5zWHfTdDiOmN6iwleoF5T+ABcYt5ik3Sttig+oE9QHkd43mFJoKMON6MUfqK4Y6hnUCLQgwsZ0rwTAW06Wkg7ETDR5OBbEKgGW2ihCNhoD4OAttEB1k7ARQfoBHy0QCuwcNERssDtEAoDZAHloyM0AiiaPUh/UGvagxwdTxAgR0M95ZCnLuMJHKx56ivewFkKzdSN2UAK3dRyAsgJ3QZGgX7qeucFkCycDr0A7O/xU2svgGThRO9OAMnCKQggRJOcYGS46MLCTVcrgGpICr0A+rjwIDDFj0SLwJq/9zL/8zMcYEg7WoF2hfvTnJH+fv4HoQhoTnpK9QgAAAAASUVORK5CYII="
															 alt="关闭" class="close">
					<!---->
				</div>
				<div class="content">
					<ul class="rate">
						<c:forEach items="${inviteRateList}" var="rate">
							<li class="rate-item">
								<div>邀请${rate.number}名商户成功进件</div>
								<div>商户费率${rate.rate}%</div>
							</li>
						</c:forEach>
					</ul>
					<div class="tip">若当前费率已为最低费率，则不进行降费调整</div>
				</div>
			</div>
		</div>
		<div class="wx-prompt-dialog" style="display: none;">
<%--			<div>点击右上角，分享给好友</div>--%>
		</div>
		<div class="loading" style="background-color: #fff;color: #000">
			<div class="loading-icon">
				<img src="${resourcePath}/images/loading-2.gif">
			</div>
			<div class="loading-text">加载中...</div>
		</div>
	</div>
</div>
</body>
<script>
	$(function() {
		$(".total-invite").on('click', function() {
			window.location.href = ctx + '/activity/one/invite?token=${token}&count=${userCount}&t=${t}';
		});
		$(".reward-item-bonus").on('click', function() {
			window.location.href = ctx + '/activity/one/bonus?token=${token}&t=${t}';
		})
		$(".reward-item-rate").on('click', function() {
			$(".dialog-rate").show();
		})
		$(".close").on('click', function() {
			$(".dialog-rate").hide();
		})
		$(".total-income").on('click', function() {
			window.location.href = ctx + '/activity/one/income?token=${token}&t=${t}';
		});
		$(".total-thrift").on('click', function() {
			window.location.href = ctx + '/activity/one/thrift?token=${token}&t=${t}';
		});
		$(".btn-poster-create").on('click',function () {
			$(".wx-prompt-dialog").show();
			$(".loading").show();
			window.location.href = ctx + '/activity/one/poster?token=${token}&t=${t}';
		})
	})

	function actDesc() {
		window.location.href = ctx + '/activity/one/desc?token=${token}&t=${t}';
	}
</script>
</html>