<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : BenefieEnvsetForm.html
 * @desc    : 회원혜택설정 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2020.10.21   gagamel     최초 작성
 *******************************************************************************
 -->
	<div id="main">
		<!-- 메인타이틀 영역 -->
		<div class="main-title">
		</div>
		<!-- //메인타이틀 영역 -->
		
		<!-- 메뉴 설명 -->
		<div class="infoBox menu-desc">
		</div>
		<!-- //메뉴 설명 -->
		
		<!-- 검색조건 영역 -->
		<div class="panelStyle">
			<table class="frmStyle" aria-describedby="검색조건">
				<colgroup>
					<col style="width:10%;"/>
					<col/>
				</colgroup>
				<tr>
					<th>사이트</th>
					<td>
						<select name="siteCd" class="w150" onchange="fnSearch();">
							<option th:if="${siteList}" th:each="oneData, status : ${siteList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
						</select>
					</td>
				</tr>
			</table>
		</div>
		<!-- 검색조건 영역 -->

		<div class="panelStyle">
			<h4>[C11] 회원쿠폰</h4>
			<p class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i><a href="javascript:void(0);" onclick="fnClickLnb('S1003');"><span class="cRed">"운영관리 > 환경설정 > 회원등급정책관리"</span></a> 화면에서 등급별로 설정합니다.</p>
			
			<h4>[C12] 포인트소멸</h4>
			<button type="button" class="btn btn-success btn-ssm" onclick="fnSave('C12');">저장</button>
			<button type="button" class="btn btn-info btn-ssm" onclick="fnOpenEnvsetPopup('C12', '포인트소멸');">이력보기</button>
			<table class="frmStyle" aria-describedby="포인트 소멸">
				<colgroup>
					<col style="width: 15%;"/>
					<col/>
				</colgroup>
				<tbody>
					<tr>
						<th>구매포인트소멸기한(일)</th>
						<td>
							적립일로부터 <input name="c12StrSetVal1" type="text" class="w50 aR" maxlength="3" data-valid-type="integer" data-valid-name="구매포인트소멸기한(년)"/><span class="cRed">일</span> 경과 시 소멸합니다.
						</td>
					</tr>
					<tr>
						<th>상품평포인트소멸기한(일)</th>
						<td>
							적립일로부터 <input name="c12StrSetVal2" type="text" class="w50 aR" maxlength="3" data-valid-type="integer" data-valid-name="상품평포인트소멸기한(년)"/><span class="cRed">일</span> 경과 시 소멸합니다.
						</td>
					</tr>
				</tbody>
			</table>
			
			<h4>[C14] 구매포인트</h4>
			<button type="button" class="btn btn-success btn-ssm" onclick="fnSave('C14');">저장</button>
			<button type="button" class="btn btn-info btn-ssm" onclick="fnOpenEnvsetPopup('C14', '구매포인트');">이력보기</button>
			<table class="frmStyle" aria-describedby="구매포인트">
				<colgroup>
					<col style="width: 15%;"/>
					<col/>
				</colgroup>
				<tbody>
					<tr>
						<th>자사상품정상포인트적립율(PC)</th>
						<td>
							<input name="c14StrSetVal1" type="text" class="w50 aR" maxlength="3" data-valid-type="real" data-valid-name="자사상품정상포인트적립율(PC)"/><span class="cRed">%</span>
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>자사 정상상품을 PC웹에서 구매 시 적립해 줄 포인트율입니다.</span>
						</td>
					</tr>
					<tr>
						<th>자사상품정상포인트적립율(모바일)</th>
						<td>
							<input name="c14StrSetVal2" type="text" class="w50 aR" maxlength="3" data-valid-type="real" data-valid-name="자사상품정상포인트적립율(모바일)"/><span class="cRed">%</span>
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>자사 정상상품을 모바일에서 구매 시 적립해 줄 포인트율입니다.</span>
						</td>
					</tr>
					<tr>
						<th>자사상품이월포인트적립율(PC)</th>
						<td>
							<input name="c14StrSetVal3" type="text" class="w50 aR" maxlength="3" data-valid-type="real" data-valid-name="자사상품이월포인트적립율(PC)"/><span class="cRed">%</span>
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>자사 이월상품을 PC웹에서 구매 시 적립해 줄 포인트율입니다.</span>
						</td>
					</tr>
					<tr>
						<th>자사상품이월포인트적립율(모바일)</th>
						<td>
							<input name="c14StrSetVal4" type="text" class="w50 aR" maxlength="3" data-valid-type="real" data-valid-name="자사상품이월포인트적립율(모바일)"/><span class="cRed">%</span>
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>자사 이월상품을 모바일에서 구매 시 적립해 줄 포인트율입니다.</span>
						</td>
					</tr>
					<tr>
						<th>입점상품정상포인트적립율(PC)</th>
						<td>
							<input name="c14StrSetVal5" type="text" class="w50 aR" maxlength="3" data-valid-type="real" data-valid-name="입점상품정상포인트적립율(PC)"/><span class="cRed">%</span>
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>입점 정상상품을 PC웹에서 구매 시 적립해 줄 포인트율입니다.</span>
						</td>
					</tr>
					<tr>
						<th>입점상품정상포인트적립율(모바일)</th>
						<td>
							<input name="c14StrSetVal6" type="text" class="w50 aR" maxlength="3" data-valid-type="real" data-valid-name="입점상품정상포인트적립율(모바일)"/><span class="cRed">%</span>
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>입점 정상상품을 모바일에서 구매 시 적립해 줄 포인트율입니다.</span>
						</td>
					</tr>
					<tr>
						<th>입점상품이월포인트적립율(PC)</th>
						<td>
							<input name="c14StrSetVal7" type="text" class="w50 aR" maxlength="3" data-valid-type="real" data-valid-name="입점상품이월포인트적립율(PC)"/><span class="cRed">%</span>
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>입점 이월상품을 PC웹에서 구매 시 적립해 줄 포인트율입니다.</span>
						</td>
					</tr>
					<tr>
						<th>입점상품이월포인트적립율(모바일)</th>
						<td>
							<input name="c14StrSetVal8" type="text" class="w50 aR" maxlength="3" data-valid-type="real" data-valid-name="입점상품이월포인트적립율(모바일)"/><span class="cRed">%</span>
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>입점 이월상품을 모바일에서 구매 시 적립해 줄 포인트율입니다.</span>
						</td>
					</tr>
				</tbody>
			</table>
			
			<h4>[C15] 상품평포인트</h4>
			<button type="button" class="btn btn-success btn-ssm" onclick="fnSave('C15');">저장</button>
			<button type="button" class="btn btn-info btn-ssm" onclick="fnOpenEnvsetPopup('C15', '상품평포인트');">이력보기</button>
			<table class="frmStyle" aria-describedby="상품평포인트">
				<colgroup>
					<col style="width: 15%;"/>
					<col/>
				</colgroup>
				<tbody>
					<tr>
						<th>상품평등록가능기간(일)</th>
						<td>
							상품평 등록가능 기간은 <span class="cRed">구매일</span>로부터 <input name="c15StrSetVal1" type="text" class="w50 aR" maxlength="3" data-valid-type="integer" data-valid-name="상품평등록가능기간(일)"/><span class="cRed">일</span> 입니다. 등록가능기간 경과 시 등록 불가합니다.
						</td>
					</tr>
					<tr>
						<th>텍스트/포토상품평 포인트지급방법</th>
						<td>
							<label class="rdoBtn"><input type="radio" name="c15StrSetVal2" value="A" checked="checked"/>승인후지급</label>
							<label class="rdoBtn"><input type="radio" name="c15StrSetVal2" value="D">즉시지급</label>
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>승인후지급 선택 시 <a href="javascript:void(0);" onclick="fnClickLnb('D3002');"><span class="cRed">"회원/마케팅 > 마케팅 > 상품평관리"</span></a> 메뉴에서 승인 시 지급됩니다.</span>
						</td>
					</tr>
					<tr>
						<th>텍스트상품평포인트</th>
						<td>
							<input name="c15StrSetVal3" type="text" class="w100 aR" maxlength="5" data-valid-type="integer" data-valid-name="텍스트상품평포인트"/>
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>작성한 상품평이 텍스트일 경우 적립해 줄 포인트입니다.</span>
						</td>
					</tr>
					<tr>
						<th>포토상품평포인트</th>
						<td>
							<input name="c15StrSetVal4" type="text" class="w100 aR" maxlength="5" data-valid-type="integer" data-valid-name="포토상품평포인트"/>
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>작성한 상품평이 포토일 경우 적립해 줄 포인트입니다.</span>
						</td>
					</tr>
					<tr>
						<th>베스트상품평포인트</th>
						<td>
							<input name="c15StrSetVal5" type="text" class="w100 aR" maxlength="5" data-valid-type="integer" data-valid-name="베스트상품평포인트"/>
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>작성한 상품평이 베스트로 선정될 경우 적립해 줄 포인트입니다.</span>
						</td>
					</tr>
				</tbody>
			</table>
			
			<h4>[C17] 포인트사용</h4>
			<button type="button" class="btn btn-success btn-ssm" onclick="fnSave('C17');">저장</button>
			<button type="button" class="btn btn-info btn-ssm" onclick="fnOpenEnvsetPopup('C17', '포인트사용');">이력보기</button>
			<table class="frmStyle" aria-describedby="포인트사용">
				<colgroup>
					<col style="width: 15%;"/>
					<col/>
				</colgroup>
				<tbody>
					<tr>
						<th>포인트사용기준</th>
						<td>
							실결제액 기준 <input name="c17StrSetVal1" type="text" class="w100 aR" maxlength="7" data-valid-type="integer" data-valid-name="포인트사용기준"/> <span class="cRed">원</span> 이상일 때 포인트 사용이 가능합니다.
						</td>
					</tr>
					<tr>
						<th>최대사용가능포인트율(%)</th>
						<td>
							실결제액의 <input name="c17StrSetVal2" type="text" class="w50 aR" maxlength="3" data-valid-type="integer" data-valid-name="최대사용가능포인트율"/> <span class="cRed">%</span> 까지 포인트 사용이 가능합니다.
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>한 번의 결제 시 <span class="cRed">실결제액 기준</span>으로 사용할 수 있는 최대 포인트율을 설정합니다.</span>
						</td>
					</tr>
					<tr>
						<th>최대즉시사용포인트율(%)</th>
						<td>
							포인트를 <input name="c17StrSetVal3" type="text" class="w50 aR" maxlength="3" data-valid-type="integer" data-valid-name="최대즉시사용포인트율"/> <span class="cRed">%</span> 이하로 즉시 사용할 수 있습니다.
							<span class="infoTxt cBlue marL20"><i class="fa fa-info-circle" aria-hidden="true"></i>한 번의 결제 시 <span class="cRed">적립금액 기준</span>으로 즉시 사용할 수 있는 최대 포인트율을 설정합니다.</span>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>

<script th:inline="javascript">
/*<![CDATA[*/
	// 조회
	var fnSearch = function() {
		var siteCd = $('select[name=siteCd]').val();
		var actionUrl = '/envset/' + siteCd;

		// 포인트소멸
		$.getJSON(actionUrl + '/C12'
				, function(result, status) {
					if (status === 'success') {
						if (!gagajf.isNull(result)) {
							$('input[name=c12StrSetVal1]').val(result.strSetVal1);
							$('input[name=c12StrSetVal2]').val(result.strSetVal2);
						}
					}
				});

		// 구매포인트
		$.getJSON(actionUrl + '/C14'
				, function(result, status) {
					if (status === 'success') {
						if (!gagajf.isNull(result)) {
							$('input[name=c14StrSetVal1]').val(result.strSetVal1);
							$('input[name=c14StrSetVal2]').val(result.strSetVal2);
							$('input[name=c14StrSetVal3]').val(result.strSetVal3);
							$('input[name=c14StrSetVal4]').val(result.strSetVal4);
							$('input[name=c14StrSetVal5]').val(result.strSetVal5);
							$('input[name=c14StrSetVal6]').val(result.strSetVal6);
							$('input[name=c14StrSetVal7]').val(result.strSetVal7);
							$('input[name=c14StrSetVal8]').val(result.strSetVal8);
						}
					}
				});
		
		// 상품평포인트
		$.getJSON(actionUrl + '/C15'
				, function(result, status) {
					if (status === 'success') {
						if (!gagajf.isNull(result)) {
							$('input[name=c15StrSetVal1]').val(result.strSetVal1);
							$("input:radio[name=c15StrSetVal2]").parents('td').find('label').removeClass('checked');
							if (result.strSetVal2 == 'Y') {
								$("input:radio[name=c15StrSetVal2]").eq(0).prop('checked', true);
							} else {
								$("input:radio[name=c15StrSetVal2]").eq(1).prop('checked', true);
							}
							$('input[name=c15StrSetVal3]').val(result.strSetVal3.addComma());
							$('input[name=c15StrSetVal4]').val(result.strSetVal4.addComma());
							$('input[name=c15StrSetVal5]').val(result.strSetVal5.addComma());
						}
					}
				});

		// 포인트사용
		$.getJSON(actionUrl + '/C17'
				, function(result, status) {
					if (status === 'success') {
						if (!gagajf.isNull(result)) {
							$('input[name=c17StrSetVal1]').val(result.strSetVal1.addComma());
							$('input[name=c17StrSetVal2]').val(result.strSetVal2);
							$('input[name=c17StrSetVal3]').val(result.strSetVal3);
						}
					}
				});
	}

	// 저장 처리
	var fnSave = function(envsetType) {
		var params = new Object();
		params.siteCd = $('select[name=siteCd]').val();
		params.envsetType = envsetType;

		if (envsetType == 'C12') { // 포인트소멸
			params.envsetNm = '포인트소멸';
			params.strSetVal1 = $('input[name=c12StrSetVal1]').val();
			params.strSetVal2 = $('input[name=c12StrSetVal2]').val();
		} else if (envsetType == 'C14') { // 구매포인트
			params.envsetNm = '구매포인트';
			params.strSetVal1 = $('input[name=c14StrSetVal1]').val();
			params.strSetVal2 = $('input[name=c14StrSetVal2]').val();
			params.strSetVal3 = $('input[name=c14StrSetVal3]').val();
			params.strSetVal4 = $('input[name=c14StrSetVal4]').val();
			params.strSetVal5 = $('input[name=c14StrSetVal5]').val();
			params.strSetVal6 = $('input[name=c14StrSetVal6]').val();
			params.strSetVal7 = $('input[name=c14StrSetVal7]').val();
			params.strSetVal8 = $('input[name=c14StrSetVal8]').val();
		} else if (envsetType == 'C15') { // 상품평포인트
			params.envsetNm = '상품평포인트';
			params.strSetVal1 = $('input[name=c15StrSetVal1]').val();
			params.strSetVal2 = $('input:radio[name=c15StrSetVal2]:checked').val();
			params.strSetVal3 = $('input[name=c15StrSetVal3]').val().removeComma();
			params.strSetVal4 = $('input[name=c15StrSetVal4]').val().removeComma();
			params.strSetVal5 = $('input[name=c15StrSetVal5]').val().removeComma();
		} else if (envsetType == 'C17') { // 포인트사용
			params.envsetNm = '포인트사용';
			params.strSetVal1 = $('input[name=c17StrSetVal1]').val().removeComma();
			params.strSetVal2 = $('input[name=c17StrSetVal2]').val();
			params.strSetVal3 = $('input[name=c17StrSetVal3]').val();
		}

		var jsonData = JSON.stringify(params);
		gagajf.ajaxJsonSubmit('/envset/create', jsonData);
	}

	// 환경설정 이력보기 팝업
	var fnOpenEnvsetPopup = function(envsetType, envsetTypeNm) {
		var actionUrl = '/envset/history/form'
				+ '?siteCd=' + $('select[name=siteCd]').val()
				+ '&envsetType=' + envsetType
				+ '&envsetTypeNm=' + encodeURIComponent(envsetTypeNm);
		cfnOpenModalPopup(actionUrl, 'popupEnvset');
	}
	
	$(document).ready(function() {
		$('select[name=siteCd]').trigger('change');
	});
/*]]>*/
</script>

</html>
