#set($title = "マイページ")
<!-- preHeader -->
#parse( "/WEB-INF/view/common/preHeader_sp.vm" )

<body>
<div data-role="page" id="mypageTop" data-theme="f">
<!--ヘッダー-->
#parse( "/WEB-INF/view/common/header_sp.vm" )

<!--コンテンツ-->
<div class="category" data-role="content" data-theme="d">
	<h2>
#if($tools.isEmpty($userInfo.firstName) &&  $tools.isEmpty($userInfo.lastName))
 マイページ
#else
$!escape.html($userInfo.firstName) $!escape.html($userInfo.lastName)さんのマイページ
#end
	</h2>
	
	<div class="bg_blue">
		<h3>現在のポイント</h3>
		#if ($myPageForm.point != "")
		 	$!tools.getNumberFormatStr($!myPageForm.point)
		#else
		   	0
		#end
		ポイント
		
		<h3>今月失うポイント</h3>
		#if ($myPageForm.lostThisMonPoint != "")
		   	$!tools.getNumberFormatStr($!myPageForm.lostThisMonPoint)
		#else
			0
		#end
		ポイント
		
		<h3>来月失うポイント</h3>
		
		#if ($myPageForm.lostNextMonPoint != "")
			$!tools.getNumberFormatStr($!myPageForm.lostNextMonPoint)
		#else
		  	0
		#end
		ポイント
		
		
	</div>
	
	
	<!-- /grid-a -->

	<div class="bg_blue">
	<ul data-role="listview" data-inset="true">
	<li>

	<a href="#q('/user/userEdit/')" data-ajax="false">
	<h4>会員情報の編集</h4>
	<p>登録した会員情報の確認や変更ができます。</p>
	</a>
	</li>

	<li>
	<a href="#q('/user/withDraw/')" data-ajax="false">
	<h4>退会手続き</h4>
	<p>eモニを退会できます。</p>
	</a>
	</li>

	<li>
	<a href="#q('/user/pointUse/')" data-ajax="false">
	<h4>ポイントの利用</h4>
	<p>貯まったポイントを交換できます。</p>
	</a>
	</li>
	</ul>
	</div>

	<div class="bg_blue">
	<h3>回答可能なアンケート</h3>

#if($enqueteList.size() != 0)
	#set($enq-url = $tools.getSecureUrl('/user/enquete/'))

	<ul data-role="listview" data-inset="true">
	#foreach($genreItem in $enqueteList)
	<li>
	<a href="$!enq-url?eid=${genreItem.enqId}" data-ajax="false">
	<h4> $!escape.html($!genreItem.enqTitle) </h4>
	<p>($!{genreItem.startDay}~$!{genreItem.endDay})</p>
	</a>
	</li>
	#end
	</ul>
#else
	$!myPageForm.enqNoMessage
#end

	</div>
</div>

<!--フッター-->
#parse( "/WEB-INF/view/common/footer_sp.vm" )
</div>

</body>
</html>