<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %> 
<!DOCTYPE html>
<html>
<jsp:include page="../../common.jsp" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>个人中心</title>
<style type="text/css">
      .pd {
        padding: 30px 0px;
      }
      .ma {
        margin: 10px 10px;
      }
      .bottom0 {
        bottom: 30px;
      }
      .myName{
      	width:100px;
      	overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
      }
    </style>
</head>
<body class="">
	<div
		class="page-title tcenter bluebg h40 white positionf wp100 left0 top0 zindex100">
		<div>
			<span>我的会员卡</span>
		</div>
	</div>
	<div class="gbluebg positionr mt60 ml10 mr10 pl20 pr20 positionr" style="padding: 30px">
	<div class="padding:20px 0;">
		<div class="weui-flex">
			<div>
				<img src="${merchantMenber.logo }" onerror="this.src='https://www.shouyinbei.net/resources/wap/images/bg.png'"
					class="dlblock fc radiusp50 vm" width="60" height="60" />
			</div>
			<div class="weui-flex__item white pt10">
				<div class="weui-flex" style="padding-right:5px;">
					<div class="mb10 f16 weui-flex__item tleft ml10">${merchantMenber.nickName}</div>
					<div class="mb10 f16 weui-flex__item tright myName" onclick="membercode(this)" data-membercode='${merchantMenber.memberCode}'>${merchantMenber.storeName}</div>
					<span style="margin-top:-5px;">&nbsp;<img src="https://www.shouyinbei.net/resources/images/right.png"></span>
				</div>
				<div class="f14 ml10">卡号:${merchantMenber.cardNo }</div>
			</div>
		</div>
		<div class="f14 pt20 white">
		
		<c:if test="${not empty activityRechargeList }">
			<div class="mb10 ma">
				<span class="icon icon-18 f14 vm"></span><span class="vm ml10">
				<c:forEach var="activityRecharge" items="${activityRechargeList }">
				    充<fmt:formatNumber type="number" value="${activityRecharge.rechargeMoney }" pattern="0.00" maxFractionDigits="2"/> 送<fmt:formatNumber type="number" value="${activityRecharge.giveMoney}" pattern="0.00" maxFractionDigits="2"/>；
				</c:forEach>
				</span>
			</div>
		</c:if>
		
		<c:if test="${not empty activityConsumReturnList}">
			<div class="mb10 ma">
				<span class="icon icon-18 f14 vm"></span><span class="vm ml10">
				<c:forEach items="${activityConsumReturnList }" var="activityConsumReturn">
				          消费<fmt:formatNumber type="number" value="${activityConsumReturn.comsumeMoney }" pattern="0.00" maxFractionDigits="2"/> 返<fmt:formatNumber type="number" value="${activityConsumReturn.returnMoney }" pattern="0.00" maxFractionDigits="2"/>
				</c:forEach>
				</span>
			</div>
			
		</c:if>	
		<c:if test="${not empty activityActivateList }">
			<div class="mb10 ma">
				<span class="icon icon-18 f14 vm"></span><span class="vm ml10">
				<c:forEach items="${activityActivateList}" var="activityActivate">
				        激活会员送<fmt:formatNumber type="number" value="${activityActivate.giveMoney}" pattern="0.00" maxFractionDigits="2"/> 
				</c:forEach>
				</span>
			</div>
        </c:if>
        
			<div class="tright">
				<span><img src="https://www.shouyinbei.net/resources/wap/images/wollet.png" width="20"></span> <span
					>钱包</span> <span class="f28"><fmt:formatNumber type="number" value="${merchantMenber.usableRechargeFee + merchantMenber.usableGiveFee }" pattern="0.00" maxFractionDigits="2"/></span>
			</div>
		</div>
		</div>
	</div>
	<div class="weui-flex mt20">
		<div class="f16 weui-flex__item tcenter">
			<a href="${ctx }/vip/goPay?cardNo=${merchantMenber.cardNo}" class="bdr dblock ml30 mr20 radius5 pt10 pb10">去充值</a>
		</div>
		<%-- <div class="f16 weui-flex__item tcenter">
			<a href="${ctx }/vip/goPayment"
				class="bdr dblock mr30 ml20 radius5 pt10 pb10">去支付</a>
		</div> --%>
	</div>
	<div class="weui-panel__bd mt20">
		<div class="weui-media-box weui-media-box_small-appmsg">
			<div class="weui-cells">
				<%-- <a class="weui-cell weui-cell_access bdbe" href="${ctx }/vip/bestNewActivity">
					<div class="weui-cell__hd">
						<img src="https://www.shouyinbei.net/resources/wap/images/icon1.png" width="18">
					</div>
					<div class="weui-cell__bd weui-cell_primary">
						<p class="f15 pl5 f-black">会员活动</p>
					</div> <span class="weui-cell__ft"></span>
				</a>  --%>
				<a class="weui-cell weui-cell_access bdbe" href="${ctx }/vip/rechargeLog">
					<div class="weui-cell__hd">
						<img src="https://www.shouyinbei.net/resources/wap/images/icon2.png" width="18">
					</div>
					<div class="weui-cell__bd weui-cell_primary">
						<p class="f15 pl5 f-black">充值记录</p>
					</div> <span class="weui-cell__ft"></span>
				</a> 
				<a class="weui-cell weui-cell_access bdbe" href="${ctx }/vip/consumeLog">
					<div class="weui-cell__hd">
						<img src="https://www.shouyinbei.net/resources/wap//images/icon3.png" width="18">
					</div>
					<div class="weui-cell__bd weui-cell_primary">
						<p class="f15 pl5 f-black">消费记录</p>
					</div> <span class="weui-cell__ft"></span>
				</a>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
  function membercode(obj){
	  var membercode=$(obj).data('membercode');
	  window.location=ctx+'/vip/storeChoose?membercode='+membercode;
  }

</script>


</html>