<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : OrderDcAmtInfoMob.html
 * @desc    : 할인혜택 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.04.05   jsh77b     최초 작성
 *******************************************************************************
 -->

<!-- 할인/혜택 사용 -->
<div class="foldGroup">
	<ul>
		<li class="fold_sale">
			<div class="fold_head">
				<a href="javascript:void(0)">
					<div>
						<div class="fold_tit">
							<span>할인/혜택 사용</span>
						</div>
						<div class="data maxdisc">
							<div class="form_field">
								<input id="chk-maxdisc" type="checkbox" checked="">
								<label for="chk-maxdisc">
									<span>최대 할인혜택 바로 적용</span>
									<br>
									<span class="maxdisc_amount">(<em class="cpnDcAmt">0</em>원 할인)</span>
								</label>
							</div>
						</div>
					</div>
				</a>
			</div>
			
			<div class="fold_cont">
				<div class="area_seldiscount">
					<dl>
						<div>
							<dt class="sr-only">할인혜택 바로 적용</dt>
							<dd>
								<div class="form_field">
									<label for="chk-maxdisc">
										<span>최대 할인혜택을 바로 적용</span>&nbsp;<span class="maxdisc_amount">(<em class="cpnDcAmt">0</em>원할인)</span>
									</label>
								</div>
							</dd>
						</div>
						<div>
							<dt>
								할인쿠폰 <span class="maxdisc_amount">총&nbsp;<em class="goodsCartCpnDcAmt">0</em>원 할인</span>
							</dt>
							<dd>
								<div class="sale_coupon_box">
									<input type="hidden" name="custCpnCnt" th:value="${goodsApplyCpnList.size()} + ${cartCpnList.size()}">
									<input type="hidden" name="custDelvCpnCnt" th:value="${delvCpnList.size()}">
									<div>
										<button type="button" id="btn_couponModify_pop" class="btn btn_default btn_sm">
											<span>쿠폰변경</span>
										</button>
									</div>
									<div class="form_field">
										<div class="input_wrap">
											<input type="text" class="form_control" id="serialCpnNm" maxlength="13" placeholder="할인코드를 입력해주세요.">
											<button type="button" class="btn btn_dark btn_sm" onclick="serialCpnApply()">
												<span>적용</span>
											</button>
										</div>
									</div>
								</div>
							</dd>
						</div>
						
						<!-- 배송비쿠폰 -->
						
						<div>
							<dt>배송비 쿠폰</dt>
							<dd>
								<!-- 배송비쿠폰이 존재 -->
								<th:block th:if="${delvCpnList.size() > 0}">
									<div class="dlvr_fee_box">
										<!-- 쿠폰 선택 전 -->
										<div class="form_field">
											<div class="select_custom coupon_list"><!-- 비활성화시 disabled 추가 -->
												<div class="combo">
													<div class="select">
														<div class="dlvr_coupon" id="btn_delvCouponModify_pop">
															<p class="empty">선택</p>
														</div>
													</div>
												</div>
											</div>
										</div>
										<!-- 쿠폰 선택 전 -->
									</div>
								</th:block>
								<!-- //배송비쿠폰이 존재 -->
								<!-- 배송비쿠폰이 미존재 -->
								<th:block th:if="${delvCpnList.size() < 1}">
									<!-- 적용 쿠폰 없을 시 -->
									<div class="form_field">
										<div class="select_custom" disabled>
											<div class="combo">
												<div class="select">
													<div class="dlvr_coupon">
														<p class="empty">적용 가능한 쿠폰이 없습니다</p>
													</div>
												</div>
												<ul class="list">
													<li class="selected">
														<div class="dlvr_coupon">
															<p class="empty">적용 가능한 쿠폰이 없습니다</p>
														</div>
													</li>
												</ul>
											</div>
										</div>
									</div>
									<!-- //적용 쿠폰 없을 시 -->
								</th:block>
								<!-- //배송비쿠폰이 미존재 -->
							</dd>
						</div>
						<!-- //배송비쿠폰 -->
					</dl>
				</div>
				
				<!-- 선포인트금액, 포인트금액, 상품권금액 0보다 클때 적용 -->
				<!-- <th:block th:if="${prePntDcAmt} > 0 or ${rmPntAmt} > 0 or ${rmGfcdAmt} > 0"> -->
					<div class="area_selpoint">
						<dl>
							<!-- 선포인트금액 0보다 클때 적용 -->
							<th:block th:if="${prePntDcAmt} > 0">
								<div>
									<dt>선 포인트 사용</dt>
									<dd>
										<div class="form_field">
											<input type="hidden" name="rmPrePntAmt" th:value="${prePntDcAmt}"/>
											<div>
												<input type="radio" name="rdi-beforpoint" id="rdi-beforpoint1" value="N"> 
												<label for="rdi-beforpoint1"><span>사용 안함</span></label>
											</div>
											<div>
												<input type="radio" name="rdi-beforpoint" id="rdi-beforpoint2" value="Y" checked>
												<label for="rdi-beforpoint2"><span>사용함</span></label> 
												<span class="useable_point">(<em th:text="|${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')}P|"></em>&nbsp;사용 가능)</span>
											</div>
										</div>
									</dd>
								</div>
							</th:block>
							<!-- //선포인트금액 0보다 클때 적용 -->
							
							<!-- 포인트금액 0보다 클때 적용 -->
							<th:block th:if="${rmPntAmt} > 0">
								<div>
									<dt>STYLE24 포인트 <span th:text="|결제금액의 최대 ${pointUseEnvset.pointUseMaxLimit}%까지 사용가능|"></span></dt>
									<dd>
										<div class="form_field">
											<input type="hidden" name="rmPntAmt" th:value="${rmPntAmt}"/>
											<input type="hidden" name="pointUseOrdMinAmt" th:value="${pointUseEnvset.pointUseOrdMinAmt}"/>
											<input type="hidden" name="pointUseMaxLimit" th:value="${pointUseEnvset.pointUseMaxLimit}"/>
											
											<!-- 스타일 포인트 3만원 이상 결제시 노출 -->
											<th:block th:if="${orgGoodsSumAmt} >= ${pointUseEnvset.pointUseOrdMinAmt}">
												<div class="input_wrap">
													<input type="text" name="pntDcAmtStr" class="form_control" maxlength="11" placeholder="사용할 포인트를 입력해주세요." onkeyup="inputNumberFormat(this);">
													<button type="button" class="btn btn_dark btn_sm" id="btn_point_apply">
														<span>적용</span>
													</button>
												</div>
											</th:block>
											<!-- 스타일 포인트 3만원 이상 결제시 노출 -->
											
											<!-- 스타일 포인트 3만원 미만 결제시 노출 -->
											<th:block th:if="${orgGoodsSumAmt} < ${pointUseEnvset.pointUseOrdMinAmt}">
												<div class="input_wrap">
													<input type="text" name="pointNotApply" class="form_control" th:placeholder="|${#numbers.formatInteger(pointUseEnvset.pointUseOrdMinAmt, 1, 'COMMA')} 이상 결제시에만 포인트 사용이 가능합니다.|">
													<button type="button" class="btn btn_dark btn_sm" id="btn_point_not_apply">
														<span>적용</span>
													</button>
												</div>
											</th:block>
											<!-- //스타일 포인트 3만원 미만 결제시 노출 -->
											<p><span class="remain_point">보유:&nbsp;<em class="rmPntAmt" th:text="${#numbers.formatInteger(rmPntAmt, 1, 'COMMA')}"></em>P</span></p>
										</div>
									</dd>
								</div>
							</th:block>
							<!-- //포인트금액 0보다 클때 적용 -->
							
							<!-- 포인트금액 1보다 작을때 적용 -->
							<th:block th:if="${rmPntAmt} < 1">
								<div>
									<dt>STYLE24 포인트 <span>결제금액의 최대 40%까지 사용가능</span></dt>
									<dd>
										<div class="form_field">
											<input type="hidden" name="rmPntAmt" th:value="${rmPntAmt}"/>
											<!-- 스타일 포인트 3만원 이상 결제시 노출 -->
											<th:block th:if="${orgGoodsSumAmt} >= 30000">
												<div class="input_wrap">
													<input type="text" name="pntDcAmtStr" class="form_control" placeholder="사용할 포인트를 입력해주세요." disabled="">
													<button type="button" class="btn btn_dark btn_sm" id="btn_point_apply">
														<span>적용</span>
													</button>
												</div>
											</th:block>
											<!-- 스타일 포인트 3만원 이상 결제시 노출 -->
											
											<!-- 스타일 포인트 3만원 미만 결제시 노출 -->
											<th:block th:if="${orgGoodsSumAmt} < 30000">
												<div class="input_wrap">
													<input type="text" name="pointNotApply" class="form_control" placeholder="3만원 이상 결제시에만 포인트 사용이 가능합니다.">
													<button type="button" class="btn btn_dark btn_sm" id="btn_point_not_apply">
														<span>적용</span>
													</button>
												</div>
											</th:block>
											<!-- //스타일 포인트 3만원 미만 결제시 노출 -->
											<p><span class="remain_point">보유:&nbsp;<em class="rmPntAmt" th:text="${#numbers.formatInteger(rmPntAmt, 1, 'COMMA')}"></em>P</span></p>
										</div>
									</dd>
								</div>
							</th:block>
							<!-- //포인트금액 1보다 작을때 적용 -->
							
							<!-- 상품권금액 0보다 클때 적용 -->
							<th:block th:if="${rmGfcdAmt} > 0">
								<div>
									<dt>상품권</dt>
									<dd>
										<div class="form_field">
											<div class="input_wrap">
												<input type="text" name="gfcdUseAmtStr" class="form_control" maxlength="11" placeholder="사용할 금액을 입력해주세요." onkeyup="inputNumberFormat(this);">
												<button type="button" class="btn btn_dark btn_sm" id="btn_gfcd_apply">
													<span>적용</span>
												</button>
											</div>
											<p><span class="remain_point">보유:&nbsp;<em th:text="${#numbers.formatInteger(rmGfcdAmt, 1, 'COMMA')}"></em>원</span></p>
										</div>
									</dd>
								</div>
							</th:block>
							<!-- //상품권금액 0보다 클때 적용 -->
							<!-- 상품권금액 1보다 작을때 적용 -->
							<th:block th:if="${rmGfcdAmt} < 1">
								<div>
									<dt>상품권</dt>
									<dd>
										<div class="form_field">
											<div class="input_wrap">
												<input type="text" name="gfcdUseAmtStr" class="form_control" maxlength="11" placeholder="사용할 금액을 입력해주세요." onkeyup="inputNumberFormat(this);" disabled="">
												<button type="button" class="btn btn_dark btn_sm" id="btn_gfcd_apply">
													<span>적용</span>
												</button>
											</div>
											<p><span class="remain_point">보유:&nbsp;<em th:text="${#numbers.formatInteger(rmGfcdAmt, 1, 'COMMA')}"></em>원</span></p>
										</div>
									</dd>
								</div>
							</th:block>
							<!-- //상품권금액 1보다 작을때 적용 -->
						</dl>
					</div>
				<!-- </th:block> -->
				<!-- //선포인트금액, 포인트금액, 상품권금액 0보다 클때 적용 -->
			</div>
		</li>
	</ul>
</div>
<!-- //할인/혜택 사용 -->

<script th:inline="javascript">
var dispYn = [[${order.dispYn}]]; // 노출여부

//컨텐츠 호출
$(document).ready( function() {
	// 화면펼침
	if (dispYn == "Y") {
		$("#dcAmtInfo .fold_head").addClass("on");
		$("#dcAmtInfo .fold_cont").show();
	}
});
</script>
</html>