<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="web/common/layout/DefaultLayoutWeb">
<!--
 *******************************************************************************
 * @source  : PlanningEventPollFormWeb.html
 * @desc    : 이벤트 > 설문조사 Page
 *============================================================================
 * Pastelmall
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.4.2  	 sowon     최초 작성
 *******************************************************************************
 -->
 <body>
<th:block layout:fragment="content">
<!--  container -->
	<div id="container" class="container ev">
		<div class="breadcrumb">
			<ul>
				<li class="bread_home"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_MAIN);">홈</a></li>
				<li class="bread_2depth"><a href="javascript:void(0);" onclick="cfnGoToPage(_PAGE_EVENT_MAIN);">이벤트/혜택</a></li>
				<li class="bread_2depth" th:text="${pollInfo.planNm}"></li>
			</ul>
		</div>
		<div class="wrap">
			<div class="content wide survey">
				<div class="cont_head">
					<div>
						<h3 th:text="${pollInfo.pollTitle}"></h3>
						<div class="period">
							<span th:text="${pollInfo.pollStdt}"></span> ~ <span th:text="${pollInfo.pollEddt}"></span>
						</div>
						<!-- <div class="shareSet">
                            <button class="btn_share" data-name="openShare">공유하기</button>
                            toggle contents
                            <div class="shareWrap">
                                <div id="layerShare" class="setShare open">
                                    <span>
                                        <button type="button" onclick="('');" class="kk"><span>카카오톡</span></button>
                                        <button type="button" onclick="('');" class="fb"><span>페이스북</span></button>
                                        <button type="button" onclick="('');" class="tw"><span>트위터</span></button>
                                        <button type="button" onclick="('');" class="url"><span>URL</span></button>
                                    </span>
                                </div>
                            </div>
                        </div> -->
					</div>
				</div>
				<div class="cont_body">
					<div class="survey_wrap">
						<div class="survey_con">
							<!-- <form class="form_wrap" name="pollListForm" th:action="@{'/planning/event/poll/save'}" th:method="post"> -->
								<th:block th:each="pollData, pollStat : ${pollList}">
									<div class="survey_row" th:classappend="${pollData.pollQtype == '30'? 'q4': ''}">
										<h4><span class="question" th:text="'Q'+${pollStat.index+1}+'.'"></span>[[${pollData.pollQtitle}]]</h4>
										<div class="answer">
											<div class="form_field">
												<th:block th:if="${pollData.pollQtype == '10'}">
													<ul class="clear" th:id="${pollData.pollQsq+'_'+(pollStat.index+1)}">
														<li th:if="${pollData.pollQval1 != null && pollData.pollQval1 != ''}">
															<th:block th:if="${pollData.pollQval1 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-1-'+${pollData.pollQsq}" th:value="${pollData.pollQval1}" ><label th:for="'rdi-1-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval1}"></span></label>
															</th:block>
															<th:block th:unless="${pollData.pollQval1 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-1-'+${pollData.pollQsq}" th:value="${pollData.pollQval1}" class="etc_radio"><label th:for="'rdi-1-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval1}"></span></label>
																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" onkeyup="chkChar(this)" class="form_control etc_input" />
															</th:block>
														</li>
														<li th:if="${pollData.pollQval2 != null && pollData.pollQval2 != ''}">
															<th:block th:if="${pollData.pollQval2 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-2-'+${pollData.pollQsq}" th:value="${pollData.pollQval2}" ><label th:for="'rdi-2-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval2}"></span></label>
															</th:block>
															<th:block th:unless="${pollData.pollQval2 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-2-'+${pollData.pollQsq}" th:value="${pollData.pollQval2}" class="etc_radio"><label th:for="'rdi-2-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval2}"></span></label>
																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" onkeyup="chkChar(this)" class="form_control etc_input" />
															</th:block>
														</li>
														<li th:if="${pollData.pollQval3 != null && pollData.pollQval3 != ''}">
															<th:block th:if="${pollData.pollQval3 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-3-'+${pollData.pollQsq}" th:value="${pollData.pollQval3}" ><label th:for="'rdi-3-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval3}"></span></label>
															</th:block>
															<th:block th:unless="${pollData.pollQval3 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-3-'+${pollData.pollQsq}" th:value="${pollData.pollQval3}" class="etc_radio"><label th:for="'rdi-3-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval3}"></span></label>
																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}"onkeyup="chkChar(this)"  class="form_control etc_input" />
															</th:block>
														</li>
														<li th:if="${pollData.pollQval4 != null && pollData.pollQval4 != ''}">
															<th:block th:if="${pollData.pollQval4 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-4-'+${pollData.pollQsq}" th:value="${pollData.pollQval4}" ><label th:for="'rdi-4-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval4}"></span></label>
															</th:block>
															<th:block th:unless="${pollData.pollQval4 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-4-'+${pollData.pollQsq}" th:value="${pollData.pollQval4}" class="etc_radio"><label th:for="'rdi-4-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval4}"></span></label>
																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" onkeyup="chkChar(this)" class="form_control etc_input" />
															</th:block>
														</li>
														<li th:if="${pollData.pollQval5 != null && pollData.pollQval5 != ''}">
															<th:block th:if="${pollData.pollQval5 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-5-'+${pollData.pollQsq}" th:value="${pollData.pollQval5}" ><label th:for="'rdi-5-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval5}"></span></label>
															</th:block>
															<th:block th:unless="${pollData.pollQval5 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-5-'+${pollData.pollQsq}" th:value="${pollData.pollQval5}" class="etc_radio"><label th:for="'rdi-5-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval5}"></span></label>
																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" onkeyup="chkChar(this)" class="form_control etc_input" />
															</th:block>
														</li>
														<li th:if="${pollData.pollQval6 != null && pollData.pollQval6 != ''}">
															<th:block th:if="${pollData.pollQval6 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-6-'+${pollData.pollQsq}" th:value="${pollData.pollQval6}"><label th:for="'rdi-6-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval6}"></span></label>
															</th:block>
															<th:block th:unless="${pollData.pollQval6 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-6-'+${pollData.pollQsq}" th:value="${pollData.pollQval6}" class="etc_radio"><label th:for="'rdi-6-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval6}"></span></label>
																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" onkeyup="chkChar(this)" class="form_control etc_input" />
															</th:block>
														</li>
														<li th:if="${pollData.pollQval7 != null && pollData.pollQval7 != ''}">
															<th:block th:if="${pollData.pollQval7 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-7-'+${pollData.pollQsq}" th:value="${pollData.pollQval7}" ><label th:for="'rdi-7-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval7}"></span></label>
															</th:block>
															<th:block th:unless="${pollData.pollQval7 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-7-'+${pollData.pollQsq}" th:value="${pollData.pollQval7}" class="etc_radio"><label th:for="'rdi-7-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval7}"></span></label>
																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" onkeyup="chkChar(this)" class="form_control etc_input" />
															</th:block>
														</li>
														<li th:if="${pollData.pollQval8 != null && pollData.pollQval8 != ''}">
															<th:block th:if="${pollData.pollQval8 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-8-'+${pollData.pollQsq}" th:value="${pollData.pollQval8}"><label th:for="'rdi-8-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval8}"></span></label>
															</th:block>
															<th:block th:unless="${pollData.pollQval8 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-8-'+${pollData.pollQsq}" th:value="${pollData.pollQval8}" class="etc_radio"><label th:for="'rdi-8-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval8}"></span></label>
																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" onkeyup="chkChar(this)" class="form_control etc_input"/>
															</th:block>
														</li>
														<li th:if="${pollData.pollQval9 != null && pollData.pollQval9 != ''}">
															<th:block th:if="${pollData.pollQval9 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-9-'+${pollData.pollQsq}" th:value="${pollData.pollQval9}" ><label th:for="'rdi-9-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval9}"></span></label>
															</th:block>
															<th:block th:unless="${pollData.pollQval9 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-9-'+${pollData.pollQsq}" th:value="${pollData.pollQval9}"class="etc_radio"><label th:for="'rdi-9-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval9}"></span></label>
																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" onkeyup="chkChar(this)" class="form_control etc_input" />
															</th:block>
														</li>
														<li th:if="${pollData.pollQval10 != null && pollData.pollQval10 != ''}">
															<th:block th:if="${pollData.pollQval10 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-10-'+${pollData.pollQsq}" th:value="${pollData.pollQval10}"><label th:for="'rdi-10-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval10}"></span></label>
															</th:block>
															<th:block th:unless="${pollData.pollQval10 != '기타'}">
																<input type="radio" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'rdi-10-'+${pollData.pollQsq}" th:value="${pollData.pollQval10}" class="etc_radio"><label th:for="'rdi-10-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval10}"></span></label>
																<input type="text" th:name="'etc_input_'+${pollData.pollQsq}" onkeyup="chkChar(this)" class="form_control etc_input" />
															</th:block>
														</li>
													</ul>
												</th:block>
												<th:block th:if="${pollData.pollQtype == '20'}">
													<ul class="clear" th:id="${pollData.pollQsq+'_'+(pollStat.index+1)}">
														<li th:if="${pollData.pollQval1 != null && pollData.pollQval1 != ''}">
															<input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-1-'+${pollData.pollQsq}" th:value="${pollData.pollQval1}"><label th:for="'chk-1-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval1}"></span></label>
														</li>
														<li th:if="${pollData.pollQval2 != null && pollData.pollQval2 != ''}">
																<input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-2-'+${pollData.pollQsq}" th:value="${pollData.pollQval2}"><label th:for="'chk-2-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval2}"></span></label>
														</li>
														<li th:if="${pollData.pollQval3 != null && pollData.pollQval3 != ''}">
																<input type="checkbox"  th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-3-'+${pollData.pollQsq}" th:value="${pollData.pollQval3}"><label th:for="'chk-3-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval3}"></span></label>
														</li>
														<li th:if="${pollData.pollQval4 != null && pollData.pollQval4 != ''}">
																<input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-4-'+${pollData.pollQsq}" th:value="${pollData.pollQval4}"><label th:for="'chk-4-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval4}"></span></label>
														</li>
														<li th:if="${pollData.pollQval5 != null && pollData.pollQval5 != ''}">
																<input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-5-'+${pollData.pollQsq}" th:value="${pollData.pollQval5}"><label th:for="'chk-5-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval5}"></span></label>
														</li>
														<li th:if="${pollData.pollQval6 != null && pollData.pollQval6 != ''}">
																<input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-6-'+${pollData.pollQsq}" th:value="${pollData.pollQval6}"><label th:for="'chk-6-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval6}"></span></label>
														</li>
														<li th:if="${pollData.pollQval7 != null && pollData.pollQval7 != ''}">
																<input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-7-'+${pollData.pollQsq}" th:value="${pollData.pollQval7}"><label th:for="'chk-7-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval7}"></span></label>
														</li>
														<li th:if="${pollData.pollQval8 != null && pollData.pollQval8 != ''}">
																<input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-8-'+${pollData.pollQsq}" th:value="${pollData.pollQval8}"><label th:for="'chk-8-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval8}"></span></label>
														</li>
														<li th:if="${pollData.pollQval9 != null && pollData.pollQval9 != ''}">
																<input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-9-'+${pollData.pollQsq}" th:value="${pollData.pollQval9}"><label th:for="'chk-9-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval9}"></span></label>
														</li>
														<li th:if="${pollData.pollQval10 != null && pollData.pollQval10 != ''}">
																<input type="checkbox" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="'chk-10-'+${pollData.pollQsq}" th:value="${pollData.pollQval10}"><label th:for="'chk-10-'+${pollData.pollQsq}"><span th:text="${pollData.pollQval10}"></span></label>
														</li>
													</ul>
												</th:block>
												<th:block th:if="${pollData.pollQtype == '30'}">
													<div class="input_wrap">
														<input type="text" class="form_control" onkeyup="chkChar(this)" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" th:id="${pollData.pollQsq+'_'+(pollStat.index+1)}" />
													</div>
												</th:block>
												<th:block th:if="${pollData.pollQtype == '40'}">
													<div class="input_wrap">
														<textarea class="doc_ans" th:name="${pollData.pollQsq+'_'+(pollStat.index+1)}" onkeyup="chkChar(this)" th:id="${pollData.pollQsq+'_'+(pollStat.index+1)}" placeholder="1,000자 이내로 입력해 주세요." style="resize: none;"></textarea>
														<p class="txt_cnt">
															<span id="ans_cnt" class="ans_cnt">(<em class="c_primary">0</em>/1000자)</span>
														</p>
													</div> 
												</th:block>
											</div>
										</div>
									</div>
								</th:block>
								<div class="btn_wrap">
									<button type="submit" class="btn btn_dark" onclick="fnSubmitPoll()">응답 완료</button>
								</div>
							<!-- </form> -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- // container -->	

<script th:inline="javascript">
let pollList = [[${pollList}]];

var fnSubmitPoll = function () {
	//let pollQsq_20 = new Array();
	let pollQsq_10 = '';
	let pollQsq_20 = '';
	let pollQsq_30 = '';
	let pollQsq_40 = '';
	
	
	// 유효성검사
	for (let i = 0; i < pollList.length; i++) {
		let type = pollList[i].pollQtype;
		let pollQsq = pollList[i].pollQsq;
		
		
		if(type == "10"){
			if($('input:radio[name='+pollQsq+'_'+(i+1)+']').is(':checked')== false){
				mcxDialog.alert("Q"+(i+1)+"항목은 필수항목입니다.");
				return;
			}
			if($('input:radio[name='+pollQsq+'_'+(i+1)+']:checked').val() == '기타'){
				if($('input:text[name=etc_input_'+pollQsq+']').val()==''){
					mcxDialog.alert("Q"+(i+1)+"기타 내용을 입력해주세요.");
					return;
				}
			}
			if ($('input:radio[name='+pollQsq+'_'+(i+1)+']:checked').val() == '기타') {
				pollQsq_10 += pollQsq +'-'+$('input:text[name=etc_input_'+pollQsq+']').val() + '/';
			}else{
				pollQsq_10 += pollQsq +'-'+$('input:radio[name='+pollQsq+'_'+(i+1)+']:checked').val() + '/';
			}
		}
		if(type == "20"){
			if($('input:checkbox[name='+pollQsq+'_'+(i+1)+']').is(':checked')== false){
				mcxDialog.alert("Q"+(i+1)+"항목은 필수항목입니다.");
				return;
			}else{
				let chk = $('input:checkbox[name='+pollQsq+'_'+(i+1)+']:checked');
				//pollQsq_20.push(pollQsq+ '-');
				pollQsq_20 += pollQsq + '-' ;
				for(let i=0; i< chk.length; i++){
					//pollQsq_20.push(chk.eq(i).val());
					pollQsq_20 += chk.eq(i).val();
					if (i != chk.length-1) {
						pollQsq_20 += ',';
					}
				}
				pollQsq_20 += '/' ;
			}
		}
		if(type == "30"){
			if($('input:text[name='+pollQsq+'_'+(i+1)+']').val() == ''){
				mcxDialog.alert("Q"+(i+1)+"항목은 필수항목입니다.");
				return;
			}else{
				pollQsq_30 += pollQsq +'-'+$('input:text[name='+pollQsq+'_'+(i+1)+']').val() + '/';
			}
		}
		if(type == "40"){
			if($('textarea[name='+pollQsq+'_'+(i+1)+']').val() == ''){
				mcxDialog.alert("Q"+(i+1)+"항목은 필수항목입니다.");
				return;
			}else{
				//max1.set(pollQsq,$('textarea[name='+pollQsq+'_'+(i+1)+']').val());
				pollQsq_40 += pollQsq +'-'+$('textarea[name='+pollQsq+'_'+(i+1)+']').val() + '/';
			}
		}
	}
	var data = {pollQsq_10 : pollQsq_10,
				pollQsq_20 : pollQsq_20,
			    pollQsq_30 : pollQsq_30,
			    pollQsq_40 : pollQsq_40};
	

	var jsonData = JSON.stringify(data);

	$.ajax({
		type : "POST",
		data : jsonData,
		url : '/planning/event/poll/save',
		contentType : 'application/json',
		dataType : 'json',
		success : function(result) {
			mcxDialog.alertC('설문조사 이벤트 참여가 완료되었습니다.', {
				sureBtnText: "확인",
				sureBtnClick: function() {
					cfnGoToPage(_PAGE_EVENT_MAIN);
				}
			});
		}
	})
}

function chkChar(obj){
    var RegExp = /[\{\}\[\]\/?.,;:|\)*~`!^\-_+┼<>@\#$%&\'\"\\\(\=]/gi;	//정규식 구문
    if (RegExp.test(obj.value)) {
      // 특수문자 모두 제거    
      obj.value = obj.value.replace(RegExp , '');
    }
}


$(document).ready( function() {
	
	//SNS 공유 버튼 토글 
	$("button[data-name=openShare]").on("click", function(){
		$(this).toggleClass("on").next(".shareWrap").toggleClass("on");
		return false;
	});
	
	//영역밖 클릭으로 SNS 공유토글 닫기
	$("body").on('click', function(e) { 
		if(!$(".shareWrap.on").parent().has(e.target).length) {
			$("button[data-name=openShare]").removeClass("on");
			$(".shareWrap").removeClass("on");
		};
	});   		

	//글자 수 카운트
	$('.doc_ans').keyup(function (e){
		var content = $(this).val();
		$('#ans_cnt').html("(<em class='c_primary'>"+content.length+"</em>/1000자)");  
		if (content.length > 1000){
			$(this).val(content.substring(0, 1000));
			$('#ans_cnt').html("(<em class='c_primary'>1000</em>/1000자)");
		}
	});
	
	$('.etc_input').keyup(function (e){
		var content = $(this).val(); 
		if (content.length > 50){
			$(this).val(content.substring(0, 50));
		}
	});
	
	$('.form_control').keyup(function (e){
		var content = $(this).val(); 
		if (content.length > 50){
			$(this).val(content.substring(0, 50));
		}
	});


	// $('.ev .survey_wrap .survey_con .survey_row input[type="radio"]').change(function(){
	// 	if ($('.etc_radio').is(':checked')) {
	// 		// $('.etc_input').removeAttr('disabled');
	// 		$('.etc_input').css({'visibility': 'visible'});
	// 	} else {
	// 		// $('.etc_input').attr('disabled', true);
	// 		$('.etc_input').css({'visibility': 'hidden'});
	// 	}
	// });
});


</script>

</th:block>

</body>
</html>