#set($title = "会員変更")
<!-- preHeader -->
#set( $js_list_pre = ["smartphone.js"] )
#parse( "/WEB-INF/view/common/preHeader_sp.vm" )

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

<!--コンテンツ-->
#set($login-url = $tools.getSecureUrl('/user/userEdit/confirm/'))
<form name="mainForm" action="$!login-url" method="post" data-ajax="false">
<input type="hidden" name="pointUseFlg" value="$!userEditForm.pointUseFlg"/>
<div class="category" data-role="content" data-theme="d">
$!tools.getMsg("pointUse")
	<h2>会員情報入力</h2>
	<h3>基本情報</h3>
	<div class="bg_blue">

	<div class="dot_line02"></div>

	<div data-role="fieldcontain">
	$!tools.getMsg("mainPcEmail")
	$!tools.getMsg("Email")
	<label for="mainPcEmail" class="area_title">E-mail(メイン)<sup>※</sup></label>
	<input type="text" id="mainPcEmail" name="mainPcEmail" size="40" maxlength="128" value="$!escape.html($!userEditForm.mainPcEmail)">
	</div>

	<div class="dot_line02"></div>

	<div data-role="fieldcontain">
	$!tools.getMsg("subPcEmail")
	$!tools.getMsg("Email")
	<label for="subPcEmail" class="area_title">E-mail(サブ)<sup>※</sup></label>
	<input type="text" id="subPcEmail" name="subPcEmail" size="40" maxlength="128" value="$!escape.html($!{userEditForm.subPcEmail})">
	<p class="indent01">※E-mail(メイン)は必須です。</p>
	<p class="indent01">※ドメイン指定受信をされている方は[city.ichikawa.lg.jp]をドメインに追加していただく必要があります。 </p>
	</div>

	<div class="dot_line02"></div>

	<div data-role="fieldcontain">
	$!tools.getMsg("loginId")
	<label for="loginId" class="area_title">ログインID<sup>※</sup></label>
	<input type="text" id="loginId" name="loginId" size="40" maxlength="128" value="$!escape.html($!userEditForm.loginId)">
	</div>
	<p class="indent01">※6文字~12文字の半角英数字および半角記号「 - _ 」の中から、ご自分で好きなIDを設定できます。</p>

	<div class="dot_line02"></div>

	<div data-role="fieldcontain">
	$!tools.getMsg("password")
	<label for="password" class="area_title">パスワード<sup>※</sup></label>
	<input type="password" id="password" name="password" size="20" maxlength="20" value="$!escape.html($!userEditForm.password)">
	</div>
	<p class="indent01">※4文字〜12文字の半角英数字</p>

	<div class="dot_line02"></div>

	<div data-role="fieldcontain">
	$!tools.getMsg("password2")
	<label for="password2" class="area_title">パスワード確認<sup>※</sup></label>
	<input type="password" id="password2" name="password2" size="20" maxlength="20" value="$!escape.html($!userEditForm.password2)">
	</div>

	<div class="dot_line02"></div>

	<div data-role="fieldcontain">
	$!tools.getMsg("firstName")
	<label for="firstName" class="area_title">氏名(氏)</label>
	<input type="text" id="firstName" name="firstName" size="20" maxlength="30" value="$!escape.html($!userEditForm.firstName)">
	</div>

	<div class="dot_line02"></div>

	<div data-role="fieldcontain">
	$!tools.getMsg("lastName")
	<label for="lastName" class="area_title">氏名(名)</label>
	<input type="text" id="lastName" name="lastName" size="20" maxlength="128" value="$!escape.html($!userEditForm.lastName)">
	</div>

	<div class="dot_line02"></div>

	<div data-role="fieldcontain">
	$!tools.getMsg("firstNameKana")
	<label for="firstNameKana" class="area_title">フリガナ(セイ)(全角)</label>
	<input type="text" id="firstNameKana" name="firstNameKana" size="20" maxlength="128" value="$!escape.html($!userEditForm.firstNameKana)">
	</div>

	<div class="dot_line02"></div>

	<div data-role="fieldcontain">
	$!tools.getMsg("lastNameKana")
	<label for="lastNameKana" class="area_title">フリガナ(メイ)(全角)</label>
	<input type="text" id="lastNameKana" name="lastNameKana" size="20" maxlength="128" value="$!escape.html($!userEditForm.lastNameKana)">
	</div>

</div>

<h3>ご自宅の住所の登録</h3>
	<div class="bg_blue">
		<div data-role="fieldcontain">
		$!tools.getMsg("zipCode")
		<label for="zipCode" class="area_title">郵便番号</label>
		<input type="text" pattern="[0-9]*" id="zipCode" name="zipCode" size="8"  maxlength="7" value="$!escape.html($!userEditForm.zipCode)">
		</div>

		<p><a onclick="doSearchAddress('#q("/user/webService/addrSearch")')" href="#" data-role="button" data-theme="b" data-ajax="false">郵便番号から住所を設定</a></p>

		<p class="indent01">※半角数字7桁(ハイフンは不要) 例:1230000 </p>
		<div class="dot_line02"></div>
		<div data-role="fieldcontain">
		<label for="prefectureId" class="area_title">都道府県</label>
		<select name="prefectureId" id="prefectureId">
		<option value=""></option>
		#foreach($genreItem in $prefectureList)
			#if($userEditForm.prefectureId && $genreItem.prefectureId == $userEditForm.prefectureId)
				<option value="$!genreItem.prefectureId" selected>#he($!genreItem.prefecture)</option>
			#else
				<option value="$!genreItem.prefectureId">#he($!genreItem.prefecture)</option>
			#end
		#end
		</select>
		</div>

		<div data-role="fieldcontain">
		$!tools.getMsg("cityName")
		<label for="cityName" class="area_title">市区町村</label>
		<input type="text" id="cityName" name="cityName" size="40" maxlength="256" value="$!escape.html($!userEditForm.cityName)">
		</div>

		<p class="indent01">※例:市川市 </p>
		<div data-role="fieldcontain">
		$!tools.getMsg("areaName")
		<label for="areaName" class="area_title">それ以降の住所(丁目・番地など)</label>
		<input type="text" id="areaName" name="areaName" size="40" maxlength="1024" value="$!escape.html($!userEditForm.areaName)">
		</div>

		<p class="indent01">※例:八幡1-1-1</p>
		<div data-role="fieldcontain">
		$!tools.getMsg("buildingName")
		<label for="buildingName" class="area_title">建物名</label>
		<input type="text" id="buildingName" name="buildingName" size="40" maxlength="1024" value="$!escape.html($!userEditForm.buildingName)">
		</div>

		<p class="indent01">※例:eモニタワー20F 2036号 </p>
		<div class="dot_line02"></div>
		<div data-role="fieldcontain">
		$!tools.getMsg("telNo")
		<label for="telNo" class="area_title">電話番号<sup>※</sup></label>
		<input type="tel" id="telNo" name="telNo" size="16" maxlength="16" value="$!escape.html($!userEditForm.telNo)">
		</div>
		<p class="indent01">※半角数字(ハイフンは不要)・携帯可</p>
	</div>


<h3>属性情報</h3>
<div class="bg_blue">
<p>属性情報は、調査に利用し、統計的に扱うことを目的としています。 正確に登録し、情報に変更があった場合は随時MYページから更新してください。 </p>


	<div data-role="fieldcontain">
	<fieldset data-role="controlgroup">
	<legend><span class="area_title">性別</span></legend>

#if($!userEditForm.genderCd == "null" || $!userEditForm.genderCd == "")
	<input type="radio" name="genderCd" id="genderCd1" value="0" />
	<label for="genderCd1">男性</label>
	<input type="radio" name="genderCd" id="genderCd2" value="1" />
	<label for="genderCd2">女性</label>
	<input type="radio" name="genderCd" id="genderCd3" value="2" />
	<label for="genderCd3">その他</label>
	<input type="radio" name="genderCd" id="genderCd4" value="3" />
	<label for="genderCd4">入力しない</label>
#else
	<input type="radio" name="genderCd" id="genderCd1" value="0" #if($!userEditForm.genderCd == "0")checked#end><label for="genderCd1">男性</label>&nbsp;&nbsp;
	<input type="radio" name="genderCd" id="genderCd2" value="1" #if($!userEditForm.genderCd == "1")checked#end><label for="genderCd2">女性</label>&nbsp;&nbsp;
	<input type="radio" name="genderCd" id="genderCd3" value="2" #if($!userEditForm.genderCd == "2")checked#end><label for="genderCd3">その他</label>&nbsp;&nbsp;
	<input type="radio" name="genderCd" id="genderCd4" value="3" #if($!userEditForm.genderCd == "3")checked#end><label for="genderCd4">入力しない</label>
#end

	</fieldset>
	</div>

	<div class="dot_line02"></div>

	<div data-role="fieldcontain">
		$!tools.getMsg("birthdayY")
		<label for="birthdayY" class="area_title">生年月日</label>
		<select name="birthdayY" id="birthdayY">
		<option value=""></option>
		#foreach($yyyy in [1900..$birthYYYY])
			#if($yyyy == $userEditForm.birthdayY)
				<option value="$!yyyy" selected>#he($!yyyy)</option>
			#else
				<option value="$!yyyy">#he($!yyyy)</option>
			#end
		#end
		</select>
	</div>

	<div data-role="fieldcontain">
		$!tools.getMsg("birthdayM")
		<label for="birthdayY" class="area_title"> </label>
		<select name="birthdayM" id="birthdayM">
		<option value=""></option>
		#foreach($mm in [1..12])
			#if($mm == $userEditForm.birthdayM)
				<option value="$!mm" selected>#he($!mm)</option>
			#else
				<option value="$!mm">#he($!mm)</option>
			#end
		#end
		</select>
	</div>

	<div data-role="fieldcontain">
		<label for="birthdayY" class="area_title"> </label>
		$!tools.getMsg("birthdayD")
		<select name="birthdayD" id="birthdayD">
		<option value=""></option>
		#foreach($dd in [1..31])
			#if($dd == $userEditForm.birthdayD)
				<option value="$!dd" selected>#he($!dd)</option>
			#else
				<option value="$!dd">#he($!dd)</option>
			#end
		#end
		</select>
	</div>
</div>

<p><input value="入力情報確認" type="submit"></p>
</div>

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

</body></html>