#set($title = "アンケート回答")
<!-- preHeader -->
#parse( "/WEB-INF/view/common/preHeader.vm" )
##<!-- JAVASCRIPTはここに記載 -->
<link rel="stylesheet" type="text/css" href="/em/css/jquery.datepick.css" media="all">
<script type="text/javascript" src="/em/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="/em/js/jquery.datepick.js"></script>
<script type="text/javascript" src="/em/js/jquery.datepick-ja.js?20170316"></script>

#set($dateIndex=0)
#foreach($question  in  $!enqueteForm.questionList)
	#if($question.controlId == 5)
	#set($dateIndex = $dateIndex+1)
<script language="javascript" type="text/javascript" charset="utf-8">
<!--
$(function() {
	//開始日
    $("#enqStartFrom${dateIndex}").datepick({showTrigger: "#enqFrom${dateIndex}",
	  yearRange: "$question.yearRange",
	  minDate: "$question.startymd",
	  maxDate: "$question.endymd"});
});
//-->
</script>
#end
#end
#parse( "/WEB-INF/view/common/question_disable.vm" )
<body bgcolor="#B3C9E1" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>


<!-- header -->
<table width="1024"  cellspacing="0" cellpadding="0">
	<tr>
		<TD>#parse( "/WEB-INF/view/common/header.vm" )</TD>
	</tr>
	<tr>
		<TD>
			<table width="1024" border="0" cellspacing="0" cellpadding="0">
				<tr>
			   <td width="25" ><img src="/em/images/spacer.gif" width="25" height="1" border="0"></td>
				    <td width="1024" bgcolor="#FFFFFF">
				    <table width="100%" border="0" cellspacing="5" cellpadding="0">
					    <tr>
					        <td align="right">#parse( "/WEB-INF/view/common/menu.vm" )</td>
					        <td align="left"></td>
					        <td align="center" valign="top">
##CONTENT START 各ページコンテンツ
<!-- 管理用ヘッダー //-->
<FORM method="post" action="/em/user/enquete/confirm/" name="enquete">
<input type="hidden" name="resetFlg" value="0"/>##Reset処理しない
<input type="hidden" name="initCount" value="2"/>##初期表示フラグ
<input type="hidden" name="chkeid" value="$!enqueteForm.eid"/>##複数タブ表示異常確認用

<!-- Contents Title Table Start -->
	<table width="780" border="0" cellspacing="0" cellpadding="0">
	    #if($!enqueteForm.type == "pre")
	    <tr>
			<td height="60"><font color="red" style="font-size: 24px;">※※これはテストページです。※※</font></td>
		</tr>
		#end
		<tr>
			<td class="ctsTitle" height="24">アンケート ( <font color="red">[回答]</font> → 確認 → 完了 )</td>
		</tr>
		<tr>
			<td align="center"><img src="/em/images/spacer.gif" width="1" height="10" border="0"></td>
		</tr>
	<tr>
		<td align="center">
			<table width="780" border="0" cellspacing="0" cellpadding="0">
				<tr>
				<!-- 
					<td width="6" background="/em/images/how_topbg.gif"><img src="/em/images/how_toplft.gif" width="6" height="26" border="0"></td>
					<td background="/em/images/how_topbg.gif" class="txt12wh">

					$!escape.html($!enqueteForm.enquete.enqueteName) (
					$!tools.addSlashDate( $!enqueteForm.enquete.startDate )
							 ~ $!tools.addSlashDate($!enqueteForm.enquete.endDate) )</td>
					<td width="6" align="right" background="/em/images/how_topbg.gif"><img src="/em/images/how_toprgt.gif" width="6" height="20"></td>
				-->
					<td width="6" background="/em/images/how_topbg.gif"><img src="/em/images/how_toplft.gif" width="6" height="26" border="0"></td>
					<td style="border: 1px #0000ff solid;" class="txt12bl">
						$!escape.html($!enqueteForm.enquete.enqueteName) (
						$!tools.addSlashDate( $!enqueteForm.enquete.startDate )
								 ~ $!tools.addSlashDate($!enqueteForm.enquete.endDate) )
					</td>
					<td width="6" align="right" background="/em/images/how_topbg.gif"><img src="/em/images/how_toprgt.gif" width="6" height="20"></td>
				</tr>
				<tr>
					<td background="/em/images/how_lft.gif"><img src="/em/images/spacer.gif" width="6" height="6" border="0"></td>
					<td align="center">
						<table width="100%" border="0" cellspacing="3" cellpadding="0">
							<tr>
								<td><DIV ALIGN="left">
								$!enqueteForm.enquete.header
								</div>

								</td>
							</tr>
						</table>
					</td>
					<td background="/em/images/how_rgt.gif"><img src="/em/images/spacer.gif" width="6" height="6" border="0"></td>
				</tr>
				<tr>
					<td background="/em/images/how_btmbg.gif"><img src="/em/images/how_btmlft.gif" width="6" height="6" border="0"></td>
					<td background="/em/images/how_btmbg.gif"><img src="/em/images/spacer.gif" width="6" height="6" border="0"></td>
					<td background="/em/images/how_btmbg.gif"><img src="/em/images/how_btmrgt.gif" width="6" height="6" border="0"></td>
				</tr>
			</table>
			<BR>

			<table width="780" border="0" cellspacing="0" cellpadding="0">
				<tr>
				    <td width="5"><img src="/em/images/cts_cmt01.gif" width="5" height="23" border="0"></td>
				    <td width="740" class="attention">ご回答にあたっての注意</td>
				    <td width="5" align="right"><img src="/em/images/cts_cmt03.gif" width="5" height="23" border="0"></td>
				</tr>
				<tr>
				    <td background="/em/images/cts_cmt02_bg.gif"><img src="/em/images/spacer.gif" width="5" height="5" border="0"></td>
				    <td>「<font class="listpoint" >*</font>」印の項目は必ず回答してください。(※半角カナは使用しないでください)
				    <td background="/em/images/cts_cmt03_bg.gif"><img src="/em/images/spacer.gif" width="5" height="5" border="0"></td>
				</tr>
				<tr>
				    <td><img src="/em/images/cts_cmt02.gif" width="5" height="5" border="0"></td>
				    <td background="/em/images/cts_cmt04_bg.gif"><img src="/em/images/spacer.gif" width="1" height="5" border="0"></td>
				    <td><img src="/em/images/cts_cmt04.gif" width="5" height="5" border="0"></td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td><img src="/em/images/spacer.gif" width="1" height="5" border="0"></td>
	</tr>
	</table>

<!-- ここからアンケート回答部分 //-->
<!-- Category Table 01 Start -->
$tools.getMsg("errorheader")
		<table width="780" border="0" cellpadding="2" cellspacing="1" bgcolor="#004080">

			####質問開始######
##$questionFor開始
#set($questionIndex = 0)
#set($dateIndex = 0)
			#foreach($question  in  $!enqueteForm.questionList)

			#set($questionIndex = $velocityCount)
				<tr>
					<td class="listmenu" colspan="2">
					<!-- 質問NO //-->
					Q$!question.questionNo
					<!-- 必須有無 //-->
					#if($!question.requiredFlg == "1")
					<font color="red">&nbsp;*&nbsp;</font>
					#end
					<!-- 質問項目 //-->
					$!question.questionName
					#if($question.question && $question.question != "")
							<BR> $!question.question
					#end
					<br>&nbsp;
					</td>
				</tr>
				<tr>
					<td class="listcts" colspan="2" #if($!question.questionInitDisable == "1") style="background-color: darkgray" #end>
							<table width="100%">
								<tr>
								##<!-- 質問の表示列項目数を求める -->
								#if($!question.colNum)
									#set($questionColNum = $!question.colNum)
								#else
									#set($questionColNum = 1)
								#end

								#set($tdWidthPercent = (100/$questionColNum))

								##<!-- ○○番目カラム変数 -->
								#set($colNum = 0)


						##<!-- 2:SELECTMENU answer.answerNo値を値にする。-->
						#if($!question.controlId == "2")
						<td width="$tdWidthPercent%" valign = "top" >
							#set($answerIdValueName = "questionList[$questionIndex].answerList[0].answerIdValue")
							<select name="$answerIdValueName" id="#he($!question.questionId)" #if($!question.questionInitDisable == "1") disabled #end>
									#foreach($selectAnswer in $question.answerList)
									<option value="$!selectAnswer.answerId" #if($enqueteForm.initCount =="2" && $!selectAnswer.answerId == $!selectAnswer.answerIdValue) selected #elseif($!selectAnswer.defaultFlg == "1" && $enqueteForm.initCount!="2") selected    #end >$!escape.html($!selectAnswer.answer)</option>
										  <!-- <option value="$!selectAnswer.answerId" #if($enqueteForm.initCount =="2" && $!selectAnswer.answerId == $!selectAnswer.answerIdValue) selected $!selectAnswer.answerId , $!selectAnswer.answerIdValue #elseif($!selectAnswer.defaultFlg == "1" ) selected  $!selectAnswer.answerId , $!selectAnswer.answerIdValue  #end >$!escape.html($!selectAnswer.answer)</option> -->
					   				#end
							</select>

						</td></tr>
						</table>
						<font class="error">$!tools.getMsg("$!question.enqueteId.toString(),$!question.questionId.toString()")</font>
						</td>
						#else
								#foreach($answer in $question.answerList)
								    #set($colNum = $colNum + 1)

									#set($answerIdValueName = "questionList[$questionIndex].answerList[$velocityCount].answerIdValue")
									#set($answerIdValueRadioName = "questionList[$questionIndex].answerList[0].answerIdValue")
									#set($answerValue = "questionList[$questionIndex].answerList[$velocityCount].answerValue")

										##<!-- colSpan変数 -->
										#set($colSpan = 1)

										##<!-- 最後のカラムの場合、不足ColSpan数を計算する。 -->
										#if($question.answerList.size() == $velocityCount+1)
												#set($colSpan = $questionColNum - $colNum + 1)
										#end
										<td width="$tdWidthPercent%" valign = "top" colspan="$!colSpan">
										    <!-- 0:RADIO インデクスを値にする。 -->
											#if($!question.controlId == "0")
															##if($!answer.freeTextFlg != "1" && $!answer.freeTextFlg != "2")
													 <input type="radio" class="#he($!question.questionId)" id="#he($!answer.answerId)" name="$!answerIdValueRadioName"  value="$velocityCount"  #if($!answer.answerIdValue ==  $velocityCount.toString() && $enqueteForm.initCount =="2") checked #end
													     #if($!answer.defaultFlg == 1 && $enqueteForm.initCount =="1") checked #end #if($!question.questionInitDisable == "1") disabled #end> $!escape.html($!answer.answer)
															##end

												##<!-- 自由入力欄。freeTextFlg=1(あり)、2(必須) -->
												#if($!answer.freeTextFlg == "1" || $!answer.freeTextFlg == "2")
												 	<input type="text" class="#he($!question.questionId)" id="#he($!answer.answerId)_ft" name="$answerValue"  size="$!answer.freeTextColWidth"  value="$!escape.html($!answer.answerValue)" #if($!question.questionInitDisable == "1") disabled #end />
												#end
											##<!-- 1:CHECKBOX answer.answerNo値を値にする。-->
											#elseif($!question.controlId == "1")
															##if($!answer.freeTextFlg != "1" && $!answer.freeTextFlg != "2")
													<input type="checkbox" class="#he($!question.questionId)" id="#he($!answer.answerId)" name="$answerIdValueName"  value="$!escape.html($!answer.answerNo)"  #if($answer.answerIdValue != "" && $enqueteForm.initCount =="2") checked #end
																									#if($!answer.defaultFlg == 1 && $enqueteForm.initCount =="1") checked #end #if($!question.questionInitDisable == "1") disabled #end> $!escape.html($!answer.answer)
															##end

												##<!-- 自由入力欄。freeTextFlg=1(あり)、2(必須) -->
												#if($!answer.freeTextFlg == "1" || $!answer.freeTextFlg == "2")
												 		<input type="text" class="#he($!question.questionId)" id="#he($!answer.answerId)_ft" name="$answerValue" size="$!answer.freeTextColWidth"  value="$!escape.html($!answer.answerValue)" #if($!question.questionInitDisable == "1") disabled #end/>
												#end
											##<!-- 3:TEXTAREA ユーザー入力値を値にする。-->
											#elseif($!question.controlId == "3")
												<textArea type="text" id="#he($!question.questionId)" name="$answerIdValueName" cols="$!question.dispWitdth" rows="$!question.rowCount" #if($!question.questionInitDisable == "1") disabled #end>$!answer.answerIdValue</textarea>
											##<!-- 4:TEXTFIELD ユーザー入力値を値にする。-->
											#elseif($!question.controlId == "4")
												<input type="text" id="#he($!question.questionId)" name="$answerIdValueName"  value="$!escape.html($!answer.answerIdValue)"  size="$!question.dispWitdth" #if($!question.questionInitDisable == "1") disabled #end />
											##<!-- 5:日付入力 ユーザー入力値を値にする。-->
											#elseif($!question.controlId == "5")
												#set($dateIndex = $dateIndex+1)
												<input name="$answerValue" id="enqStartFrom${dateIndex}" type="text"  class="w100 mgl10 #he($!question.questionId)"  value="$!escape.html($!answer.answerValue)" #if($!question.questionInitDisable == "1") disabled #end>
												<div style="display: none;"><img id="enqFrom${dateIndex}" src="/em/images/icon_cal.gif" style="padding-left:5px;padding-right:5px; vertical-align: middle; #if($!question.questionInitDisable == '1') display: none; #end" ></div>
												<input type="hidden" name="$answerIdValueName" value="$!answer.answerId" />
											#elseif($!question.controlId == "6")
												<select name="$answerIdValueName" id="#he($!question.questionId)" #if($!question.questionInitDisable == "1") disabled #end>
												<option value="" >下記より選択してください</option>
												#foreach($pecent1 in $enqueteForm.organizationListFor1Percent)
													<option value="$!pecent1.organizationId" #if($!answer.answerIdValue ==  $!pecent1.organizationId) selected #end>$!{pecent1.organizationNo} : $!escape.html($!{pecent1.organizationName})</option>
												#end
												</select>
												</td>
											#end

										</td>
										##<!-- TRの開閉 -->
										#if($questionColNum ==  $colNum)  ##<!-- カラム数と同一になった場合 -->
											#set($colNum = 0)
											</tr>
										#elseif($question.answerList.size() == ($velocityCount+1)) ##<!-- 最後のカラムになった場合 -->
											</tr>
											##終わりじゃない場合開始タグを作る。
										#elseif($question.answerList.size() == ($velocityCount+1)) ##<!-- 表示するのカラムが残っている場合 -->
											<tr>
										#end
								#end
								</table>
							<font class="error">$!tools.getMsg("$!question.enqueteId.toString(),$!question.questionId.toString()") $!tools.getMsg("$!question.enqueteId.toString(),$!question.questionId.toString()_1") $!tools.getMsg("$!question.enqueteId.toString(),$!question.questionId.toString()_2")</font>
						</td>
					</tr>
				#end
			#end  ##<!-- 2:SELECTMENU 終了-->
			####質問終了######
		</table>


<BR>
<font color="#FF0000" ><B>入力情報の確認を行っていただくため確認画面に進みます</B></font>
<BR>


<table width="510" border="0" cellspacing="5" cellpadding="0">
<tr>
    <td>
    <table border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td nowrap>
        	<a href="#" onClick="document.enquete.submit();" ><img border=0 src="/em/images/input_conf.gif" alt="入力情報確認" ></a>
        </td>
    </tr>
    </table>
    </td>
</tr>
</table>


<!-- ここまでアンケート回答部分 //-->
<BR>
#if($enqueteForm.enquete.footer)
   #if($enqueteForm.enquete.footer != "")
		<table width="780" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td align="center">
						<table width="100%" border="0" cellspacing="3" cellpadding="0">
							<tr>
								<td><DIV ALIGN="center">
								$!enqueteForm.enquete.footer
								</div>
								</td>
							</tr>
						</table>
					</td>
				</tr>
		</table>
	#end
#end

</FORM>
##CONTENT END 各ページコンテンツ
					        <!-- Button Table Start 点線-->
							<table width="780" border="0" cellspacing="5" cellpadding="0">
								<tr>
									<td background="/em/images/cts_btnbar.gif"><img src="/em/images/spacer.gif" width="1" height="10" border="0"></td>
								</tr>
							</table>
							<!-- Button Table End -->
					        </td>
					    </tr>
				    </table>
				    </td>
			   <td width="25"><img src="/em/images/spacer.gif" width="25" height="1" border="0"></td>
				</tr>
			</table>
		</TD>
	</tr>
	<tr>
		<TD>#parse( "/WEB-INF/view/common/footer.vm" )</TD>
	</tr>
</table>

</center>
</body>
</html>