style24
/
style24.front


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621
							<!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  : OrderFormWeb.html
 * @desc    : 주문/결제 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.02.01   jsh77b     최초 작성
 *******************************************************************************
 -->
<body>
<th:block layout:fragment="content">

<link rel="stylesheet" type="text/css" href="/ux/pc/css/swiper.min.css">
<script type="text/javascript" src="/ux/pc/js/swiper.min.js"></script>
<script type="text/javascript" src="/ux/pc/js/slick.min.js"></script>
<script type="text/javascript" src="/ux/pc/js/jquery-ui.js"></script>

<!-- xodud1202 -->
	<script type="text/javascript">
		/****************************************************************/
		/* m_Completepayment  설명                                      */
		/****************************************************************/
		/* 인증완료시 재귀 함수                                         */
		/* 해당 함수명은 절대 변경하면 안됩니다.                        */
		/* 해당 함수의 위치는 payplus.js 보다먼저 선언되어여 합니다.    */
		/* Web 방식의 경우 리턴 값이 form 으로 넘어옴                   */
		/****************************************************************/
		function m_Completepayment( FormOrJson, closeEvent )
		{
			var frm = document.order_info;

			/********************************************************************/
			/* FormOrJson은 가맹점 임의 활용 금지                               */
			/* frm 값에 FormOrJson 값이 설정 됨 frm 값으로 활용 하셔야 됩니다.  */
			/* FormOrJson 값을 활용 하시려면 기술지원팀으로 문의바랍니다.       */
			/********************************************************************/
			GetField( frm, FormOrJson );


			if( frm.res_cd.value == "0000" )
			{
				alert("결제 승인 요청 전,\n\n반드시 결제창에서 고객님이 결제 인증 완료 후\n\n리턴 받은 ordr_chk 와 업체 측 주문정보를\n\n다시 한번 검증 후 결제 승인 요청하시기 바랍니다."); //업체 연동 시 필수 확인 사항.
				alert(frm);
				/*
					가맹점 리턴값 처리 영역
				*/

				frm.submit();
			} else {
				alert( "[" + frm.res_cd.value + "] " + frm.res_msg.value );
				closeEvent();
			}
		}
	</script>

	<script type="text/javascript" th:src="${@environment.getProperty('pg.kcp.js.url')}" src=""></script>

	<script type="text/javascript">
		/* 표준웹 실행 */
		function jsf__pay( form ) {
			try {
				KCP_Pay_Execute( form );
			} catch (e) {
				/* IE 에서 결제 정상종료시 throw로 스크립트 종료 */
			}
		}


		$(document).on("click", "#buyBtn", function() {
			$.ajax({
				type: "POST",
				url : '/order/create/order',
				dataType : 'html',
				data : {cartSq : 8},
				error : function(e) {
					alert(3);
				},
				success : function(result) {
					$("#order_info").html(result);
					jsf__pay(document.order_info);
				}
			});
		});
	</script>

	<form id="order_info" name="order_info" method="post" action="/order/pay/result/response" >
		<input type="button" id="buyBtn" value="테스트버튼" style="width:200px; height:200px;"/>
	</form>

<!-- // xodud1202 -->


<!-- card007 -->
	<script type="text/javascript">
		$(document).on("click", "#kakaoBtn", function() {
			$.ajax( {
				type: "POST",
				url : '/order/create/order',
				dataType : 'html',
				data : {cartSq : 8},
				success : function(result) {
					$("#order_info").html(result);
					fnKakaoPaymentReady();
				}
			});
		});

		var fnKakaoPaymentReady = function() {
			const protocol = 'http:';
			let url = '/order/kakao/payment/ready';
			let redirectUrl = '/order/kakao/payment/request';
			let data = {};
			data.ordNo = $('#order_info input[name=ordr_idxx]').val();
			data.goodsNm = $('#order_info input[name=good_name]').val();
			data.ordQty = $('#ordQty').text();
			data.realOrdAmt = $('#order_info input[name=good_mny]').val();
			data.approvalUrl = protocol + _frontUrl + redirectUrl;
			data.failUrl = protocol + _frontUrl + redirectUrl;
			data.cancelUrl = protocol + _frontUrl + redirectUrl;
			
			let jsonData = JSON.stringify(data);
			
			gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
				let tid = result.tid;
				let nextRedirectUrl = result.next_redirect_pc_url;
				let option = 'width=420, height=520';
				
				$('#order_info').append('<input type=hidden name="pgTid" value="' + tid + '" />');

				window.open(nextRedirectUrl, 'kakaoPaymentPopup', option);
			});
		}

		var fnKakaoPaymentRequest = function(pgToken) {
			$('#order_info').append('<input type=hidden name="pgToken" value="' + pgToken + '" />');

			let url = '/order/kakao/payment/approve';
			let data = {};
			data.pgTid = $('#order_info input[name=pgTid]').val();
			data.ordNo = $('#order_info input[name=ordr_idxx]').val();
			data.pgToken = $('#order_info input[name=pgToken]').val();
			
			let jsonData = JSON.stringify(data);
			
			gagajf.ajaxJsonSubmit(url, jsonData, function(result) {
				console.log(result);
			});
			
			return true;
		}
	</script>

	<form id="kakao_order_info" name="order_info" method="post" action="/order/pay/result/response" >
		<input type="button" id="kakaoBtn" value="카카오테스트버튼" style="width:200px; height:200px;"/>
	</form>
<!-- // card007 -->


<!--  container -->
<form id="payForm" name="payForm">
	<br>
	<!-- 주문상세금액 -->
	<table border="1" style="font-size:10px; text-align:center;">
		<tr style="height:30px;">
			<th>cartSq</th>
			<th>orgCurrPrice</th>
			<th>cpn1DcSq</th>
			<th>cpn1DcAmt</th>
			<th>optAddPrice</th>
			<th>goodsQty</th>
			<th>ordAmt</th>
			<th>tmtb1Sq</th>
			<th>tmtb1DcAmt</th>
			<th>tmtb2Sq</th>
			<th>tmtb2DcAmt</th>
			<th>goodsCpnSq</th>
			<th>goodsCpnDcAmt</th>
			<th>cartCpnSq</th>
			<th>cartCpnDcAmt</th>
			<th>prePntDcAmt1</th>
			<th>dcSumAmt</th>
			<th>pntDcAmt1</th>
			<th>gfcdUseAmt1</th>
			<th>realOrdAmt1</th>
			<th>savePntAmt1</th>
		</tr>
		<th:block th:each="delvAllCart, i : ${delvAllCartList}">
			<th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
				<th:block th:each="goods, i : ${delvAllCart}">
					<tr style="height:30px;">
						<td class="cartSq" 			th:text="${goods.cartSq}"></td>
						<td class="orgCurrPrice" 	th:text="${goods.orgCurrPrice}"></td>
						<td class="cpn1CpnSq" 		th:text="${goods.cpn1CpnSq}"></td>
						<td class="cpn1DcAmt" 		th:text="${goods.orgCurrPrice} - ${goods.currPrice}"></td>
						<td class="optAddPrice" 	th:text="${goods.optAddPrice}"></td>
						<td class="goodsQty" 		th:text="${goods.goodsQty}"></td>
						<td class="ordAmt">0</td>
						<th:block th:if="${goods.applyQtySectionYn} == 'Y' and ${goods.qtyTmtbSq} > 0">
							<td class="tmtb1Sq" 	th:text="${goods.qtyTmtbSq}"></td>
							<td class="tmtb1DcAmt" 	th:text="${goods.tmtb1DcAmt}"></td>
						</th:block>
						<th:block th:if="${goods.applyQtySectionYn} != 'Y'">
							<td class="tmtb1Sq">0</td>
							<td class="tmtb1DcAmt">0</td>
						</th:block>
						<th:block th:if="${goods.applyAmtSectionYn} == 'Y' and ${goods.amtTmtbSq} > 0">
							<td class="tmtb2Sq" 	th:text="${goods.amtTmtbSq}"></td>
							<td class="tmtb2DcAmt" 	th:text="${goods.tmtb2DcAmt}"></td>
						</th:block>
						<th:block th:if="${goods.applyAmtSectionYn} != 'Y'">
							<td class="tmtb2Sq" >0</td>
							<td class="tmtb2DcAmt" >0</td>
						</th:block>
						<td class="goodsCpnSq">0</td>
						<td class="goodsCpnDcAmt">0</td>
						<td class="cartCpnSq">0</td>
						<td class="cartCpnDcAmt">0</td>
						<td class="prePntDcAmt1" 	th:text="${goods.prePntDcAmt}"></td>
						<td class="dcSumAmt">0</td>
						<td class="pntDcAmt1">0</td>
						<td class="gfcdUseAmt1">0</td>
						<td class="realOrdAmt1">0</td>
						<td class="savePntAmt1" 	th:text="${goods.savePntAmt}"></td>
					</tr>
				</th:block>
			</th:block>
		</th:block>
	</table>
	
	<br>
	
	<!-- 주문금액합계 -->
	<table border="1" style="font-size:10px; text-align:center;">
		<tr style="height:30px;">
			<th>orgGoodsSumAmt</th>
			<th>delvSumAmt</th>
			<th>freegiftUsePnt</th>
			<th>cpn1DcSumAmt</th>
			<th>ordSumAmt</th>
			<th>tmtb1DcSumAmt</th>
			<th>tmtb2DcSumAmt</th>
			<th>tmtbDcSumAmt</th>
			<th>goodsCpnDcSumAmt</th>
			<th>cartCpnDcSumAmt</th>
			<th>delvCpnDcSumAmt</th>
			<th>cpnDcSumAmt</th>
			<th>prePntDcAmt</th>
			<th>pntDcSumAmt</th>
			<th>gfcdUseSumAmt</th>
			<th>realOrdSumAmt</th>
			<th>savePntSumAmt</th>
		</tr>
		<tr style="height:30px;">
			<td class="orgGoodsSumAmt">0</td>
			<td class="delvSumAmt" th:text="${sumDelvFee}"></td>
			<td class="freegiftUsePnt">0</td>
			<td class="cpn1DcSumAmt">0</td>
			<td class="ordSumAmt">0</td>
			<td class="tmtb1DcSumAmt">0</td>
			<td class="tmtb2DcSumAmt">0</td>
			<td class="tmtbDcSumAmt">0</td>
			<td class="goodsCpnDcSumAmt">0</td>
			<td class="cartCpnDcSumAmt">0</td>
			<td class="delvCpnDcSumAmt">0</td>
			<td class="cpnDcSumAmt">0</td>
			<td class="prePntDcSumAmt">0</td>
			<td class="pntDcSumAmt">0</td>
			<td class="gfcdUseSumAmt">0</td>
			<td class="realOrdSumAmt">0</td>
			<td class="savePntSumAmt">0</td>
		</tr>
	</table>

	<div id="container" class="container od">
		<div class="wrap">
			<div class="content odPayment">
				<!-- 페이지특정 클래스 = odPayment -->
				<div class="cont_head">
					<h2>주문&#47;결제</h2>
					<div class="oder_steps">
						<ul>
							<li>01 쇼핑백</li>
							<li class="on">02 주문/결제</li>
							<li>03 주문완료</li>
						</ul>
					</div>
				</div>
				
				<div class="cont_body">
					<!-- CONT-BODY -->
					<form class="form_wrap">
						<div class="od_cont">
							<div class="sec_head">
								<div class="tbl type4">
									<table>
										<colgroup>
											<col width="240">
											<col width="*">
										</colgroup>
										<tbody>
											<tr>
												<th>총 <span class="c_primary bold" th:text="${delvFeeTotCnt}"></span> 건으로 나뉘어 배송 예정</th>
												<td class="t_l">
													<span>총알배송<em class="c_primary bold" th:text="${wmsCnt}" id="shotDelv"></em>건</span>
													<span>STYLE24<em class="c_primary bold" th:text="${wmsCnt}" id="wmsDelv"></em>건</span>
													<span>업체직배송<em class="c_primary bold" th:text="${delvCnt}"></em>건</span>
													<span>예약배송<em class="c_primary bold" th:text="${resCnt}"></em>건</span>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							
							<div class="sec_body">
								<div class="foldGroup">
									<ul>
										<!-- 주문고객정보 -->
										<li class="fold_mbinfo" id="custemerInfo" style="display:none"></li>
										<!-- //주문고객정보 -->
										
										<!-- 배송지정보 -->
										<li class="fold_mbinfo" id="deliveryAddrInfo" style="display:none"></li>
										<!-- //배송지정보 -->
										
										<!-- 사은품선택 -->
										<li id="freegiftInfo" style="display:none"></li>
										<!-- //사은품선택 -->
										
										<!-- 할인/혜택 사용 -->
										<li id="dcAmtInfo" style="display:none"></li>
										<!-- //할인/혜택 사용 -->
										
										<!-- 결제수단 선택 -->
										<li class="fold_paymethod" id="paymentInfo" style="display:none"></li>
										<!-- //결제수단 선택 -->
									</ul>
								</div>
							</div>
						</div>
						
						<div class="od_side">
							<div class="area_order">
								<div class="tit_box">
									<h3 class="subH2">주문내역</h3>
									<span> <em class="number" id="ordQty" th:text="${delvTotCnt}"></em>개의 상품</span>
								</div>
								<div class="od_item_box">
								
									<!-- 전체배송목록 sort --> 
									<th:block th:each="delvAllCart, i : ${delvAllCartList}">
										<th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
											<div class="part_dlvr">
												<th:block th:if="${i.index} == 0">
													<th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
														<h4 class="subH3 mb20">STYLE24 총알배송<span>오늘 자정까지 도착</span></h4>
													</th:block>
												</th:block>
												<th:block th:if="${i.index} == 1">
													<th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
														<h4 class="subH3 mb20" id="wmsDelvTitle">STYLE24 일반배송</h4>
													</th:block>
												</th:block>
												<th:block th:if="${i.index} == 2">
													<th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
														<h4 class="subH3 mb20">업체직배송</h4>
													</th:block>
												</th:block>
												<th:block th:if="${i.index} == 3">
													<th:block th:if="${delvAllCart != null and #lists.size(delvAllCart) > 0}">
														<h4 class="subH3 mb20">예약배송</h4>
													</th:block>
												</th:block>
												
												<div class="gd_list">
													<th:block th:each="goods, i : ${delvAllCart}">
														<div class="item_gd">
															<figure>
																<span class="thumb"><img src="/images/pc/thumb/tmp_odSide1.jpg" alt=""></span>
																<figcaption>
																	<div class="brand" th:text="${goods.brandEnm} + ' ' + ${goods.brandKnm}"></div>
																	<div class="name" th:text="${goods.goodsNm}"></div>
																	<div class="option" th:each="opt, index : ${goods.itemNmArr}">
																		<span th:text="${goods.optCdArr[index.index]}"></span> 
																		<span>수량:<em th:text="${goods.goodsQty}"></em>개</span>
																	</div>
																	<div class="price">
																		<th:block th:if="${goods.tmtbDcAmt} > 0">
																			<span class="selling_price"  th:text="${#numbers.formatInteger(goods.tmtbDcAmt, 1, 'COMMA')}"></span>
																		</th:block>
																		<th:block th:if="${goods.tmtbDcAmt} < 1">
																			<span class="selling_price"  th:text="${#numbers.formatInteger(goods.currPrice, 1, 'COMMA')}"></span>
																		</th:block>
																	</div>
																</figcaption>
															</figure>
														</div>
													</th:block>
												</div>
											</div>
										</th:block>
									</th:block>
									<!-- //전체배송목록 sort -->
								</div>
								
								<div class="od_amount_box">
									<dl>
										<div>
											<dt>상품금액</dt>
											<dd id="orgGoodsSumAmt" th:text="|${#numbers.formatInteger(orgGoodsSumAmt, 1, 'COMMA')}원|"></dd>
										</div>
										<div>
											<dt>배송비</dt>
											<dd id="delvSumAmt" th:text="|${#numbers.formatInteger(sumDelvFee, 1, 'COMMA')}원|"></dd>
										</div>
										<div>
											<dt>할인금액</dt>
											<th:block th:if="${cpn1DcSumAmt} > 0">
												<dd><span class="disc_amount" id="cpn1DcSumAmt" th:text="|-${#numbers.formatInteger(cpn1DcSumAmt, 1, 'COMMA')}원|"></span></dd>
											</th:block>
											<th:block th:if="${cpn1DcSumAmt} < 1">
												<dd><span class="disc_amount" id="cpn1DcSumAmt" th:text="|${#numbers.formatInteger(cpn1DcSumAmt, 1, 'COMMA')}원|"></span></dd>
											</th:block>
										</div>
										<div>
											<dt>다다익선할인금액</dt>
											<th:block th:if="${tmtbDcSumAmt} > 0">
												<dd><span class="disc_amount" id="tmtbDcSumAmt" th:text="|-${#numbers.formatInteger(tmtbDcSumAmt, 1, 'COMMA')}원|"></span></dd>
											</th:block>
											<th:block th:if="${tmtbDcSumAmt} < 1">
												<dd><span class="disc_amount" id="tmtbDcSumAmt" th:text="|${#numbers.formatInteger(tmtbDcSumAmt, 1, 'COMMA')}원|"></span></dd>
											</th:block>
										</div>
										<div>
											<dt>쿠폰할인금액</dt>
											<dd><span class="disc_amount" id="couponDcSumAmt"></span></dd>
										</div>
										<div>
											<dt>선포인트 사용</dt>
											<th:block th:if="${prePntDcAmt} > 0">
												<dd><span class="disc_amount" id="prePntDcAmt" th:text="|-${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')}원|"></span></dd>
											</th:block>
											<th:block th:if="${prePntDcAmt} < 1">
												<dd><span class="disc_amount" id="prePntDcAmt" th:text="|${#numbers.formatInteger(prePntDcAmt, 1, 'COMMA')}원|"></span></dd>
											</th:block>
										</div>
										<div>
											
											<dt>포인트 사용</dt>
											<dd><span class="disc_amount" id="pntDcAmt">0원</span></dd>
										</div>
										<div>
											
											<dt>상품권 사용</dt>
											<dd><span class="disc_amount" id="gfcdUseAmt">0원</span></dd>
										</div>
									</dl>
								</div>
								
								<div class="totalprice_box">
									<dl>
										<dt>총 결제 예정 금액</dt>
										<dd data-weight="price" data-font="lato">
											<span id="realOrdAmt"></span>원
										</dd>
									</dl>
									<p class="info_point">스타일 포인트 
										<span class="save_point" id="savePntSumAmt" th:text="|${#numbers.formatInteger(savePntSumAmt, 1, 'COMMA')}P|"></span> 적립예정
									</p>
								</div>
								
							</div>
						</div>
					</form>
					<!-- // CONT-BODY -->
				</div>
			</div>
		</div>
	</div>
</form>

<!-- // container -->
<footer id="footer"></footer>

<!-- 배송지변경팝업 -->
<div class="modal fade od_pop adrsChange_pop" id="adrsChangePop" tabindex="-1" role="dialog" aria-labelledby="adrsChangeLabel" aria-hidden="true"></div>

<!-- 배송지수정팝업 -->
<div class="modal fade od_pop adrsModify_pop" id="adrsModifyPop" tabindex="-1" role="dialog" aria-labelledby="adrsModifyLabel" aria-hidden="true"></div>

<!-- 배송지추가팝업 -->
<div class="modal fade od_pop adrsAdd_pop" id="adrsAddPop" tabindex="-1" role="dialog" aria-labelledby="adrsAddLabel" aria-hidden="true"></div>

<!-- 배송요청사항수정 팝업 -->
<div class="modal fade od_pop rqstModify_pop" id="rqstModifyPop" tabindex="-1" role="dialog" aria-labelledby="rqstModifyLabel" aria-hidden="true"></div>

<!-- 사은품지급안내 팝업 -->
<div class="modal fade od_pop infoGift_pop" id="infoGiftPop" tabindex="-1" role="dialog" aria-labelledby="infoGiftLabel" aria-hidden="true"></div>

<script th:inline="javascript">
// 배송관련정보 변수선언
var cartGoodsList		= [[${cartGoodsList}]]			// 배송목록
var wmsCnt 				= [[${wmsCnt}]];				// 자사 일반,촐알 배송건수
var resCnt 				= [[${resCnt}]];				// 자사 예약 배송건수
var delvCnt 			= [[${delvCnt}]];				// 입전 일반 배송건수
var shotDelvYn			= [[${shotDelvYn}]];			// 총알배송여부
var orgSumDelvFee		= [[${sumDelvFee}]];			// 최초배송비합계
var prePntDcAmt			= [[${prePntDcAmt}]];			// 선포인트사용가능금액

var custNm				= [[${order.custNm}]];			// 주문자명
var cellPhnno			= [[${order.cellPhnno}]];		// 핸드폰번호
var email				= [[${order.email}]];			// 이메일
var recipZipcode		= [[${order.recipZipcode}]];	// 우편번호
var recipBaseAddr		= [[${order.recipBaseAddr}]];	// 기본주소
var recipDtlAddr		= [[${order.recipDtlAddr}]];	// 상세주소
var cartSqArr			= [[${order.cartSqArr}]];		// 장바구니시퀀스 목록

var custCpnSq 			= 0;
var cpnIndex			= 0;
var cpnApplyTemp		= false;
var jsonData			= null;

// 컨텐츠 호출
$(document).ready( function() {
	
	// 장바구니시퀀스 배열 변환
	cartSqArr = String(cartSqArr).split(",");
	
	// 1. 각각의 컨텐츠 AJAX 로드
	var jsonObj = {
		"custNm" 			: custNm
		, "cellPhnno" 		: cellPhnno
		, "email" 			: email
		, "recipZipcode" 	: recipZipcode
		, "recipBaseAddr" 	: recipBaseAddr
		, "recipDtlAddr" 	: recipDtlAddr
		, "cartSqArr"		: cartSqArr
		, "dispYn"			: "N"
	}
	
	
	var jsonData = JSON.stringify(jsonObj);
	
	// 1.1 고객정보로드
	custemerInfoSet(jsonData);
	
	// 2. 각각의 기능 구현
	// 2.1 총알배송가능 지역, 총알배송 가능 시간 체크
	fnGetDailyDeliveryCheck();
});

// 3. 함수기능 정의
// 3.1 프로모션 쿠폰 적용 함수
function serialCpnApply() {
	let data = {
		rdCpnNm : $("#payForm #serialCpnNm").val()
	}

	let jsonData = JSON.stringify(data);

	$.ajax( {
		type			: "POST",
		url 			: '/cart/list/serialCpnApply',
		contentType		: 'application/json',
		dataType 		: 'json',
		data 			: jsonData,
		success 		: function(result) {
			var jsonObj 	= {"cartSqArr" : cartSqArr,"dispYn" : "Y"};
			var jsonData 	= JSON.stringify(jsonObj);

			// 성공일때는 쿠폰정보 및 포인트 정보 reset
			if (result.serialCpnInfo.result == "SUCCESS") {
				dcAmtInfoSet(jsonData);
			} else {
				alert(result.serialCpnInfo.result);
			}
		}
	});
}

// 1.1 고객정보로드
var custemerInfoSet = function(jsonData) {
	$.ajax( {
		type		: "POST",
		url 		: '/order/custemerInfo',
		data		: jsonData,
		dataType 	: 'html',
		beforeSend : function(xhr, settings) {
			xhr.setRequestHeader("AJAX"			, "true");
			xhr.setRequestHeader('Accept'		, 'application/json');
			xhr.setRequestHeader('Content-Type'	, 'application/json');
			gagajf.showProgressbar(true);
		},
		success 	: function(result) {
			if (result != null) {
				$("#custemerInfo").css("display", "block");
				$("#custemerInfo").html(result);
			}
			// 1.2 배송정보로드
			deliveryAddrInfoSet(jsonData);
		}
	});
}

// 1.2 배송정보로드
var deliveryAddrInfoSet = function(jsonData) {
	$.ajax( {
		type		: "POST",
		url 		: '/order/deliveryAddrInfo',
		data		: jsonData,
		dataType 	: 'html',
		beforeSend : function(xhr, settings) {
			xhr.setRequestHeader("AJAX"			, "true");
			xhr.setRequestHeader('Accept'		, 'application/json');
			xhr.setRequestHeader('Content-Type'	, 'application/json');
			gagajf.showProgressbar(true);
		},
		success 	: function(result) {
			if (result != null) {
				$("#deliveryAddrInfo").css("display", "block");
				$("#deliveryAddrInfo").html(result);
			}
			// 1.2 배송정보로드
			freegiftInfoSet(jsonData);
		}
	});
}

// 1.3 사은품정보로드
var freegiftInfoSet = function(jsonData) {
	
	$.ajax( {
		type		: "POST",
		url 		: '/order/freegiftInfo',
		data		: jsonData,
		dataType 	: 'html',
		beforeSend : function(xhr, settings) {
			xhr.setRequestHeader("AJAX"			, "true");
			xhr.setRequestHeader('Accept'		, 'application/json');
			xhr.setRequestHeader('Content-Type'	, 'application/json');
			gagajf.showProgressbar(true);
		},
		success 	: function(result) {
			if (result != null) {
				$("#freegiftInfo").html(result);
				
				// 2.2 사은품선택 라디오 버튼 기능
				$(".freegiftRdo").on("click", function() {
					var total_gift 		= 0;
					var total_deduct 	= 0;
					
					$(".freegiftRdo").each(function(){
						// 라디오버튼 사은품 체크
						if ($(this).is(":checked")) {
							// 수령거부가 아닐때 체크
							if ($(this).val() != "noSel") {
								total_gift 		+= 1;
								total_deduct 	+= parseInt($(this).attr("usepoint"));
							}
						}
					});
					
					$(".total_gift").text(total_gift);							// 사은품총선택개수
					$(".total_deduct").text(total_deduct.addComma());			// 사은품총사용포인트
					$(".freegiftUsePnt").text(total_deduct);
					
					// 쿠폰초기화기능
					custCpnInit();
				});
			}
			
			// 1.5 결제타입로드
			paymentInfoSet(jsonData);
		}
	});
}

// 1.5 결제타입로드
var paymentInfoSet = function(jsonData) {
	$.ajax( {
		type		: "POST",
		url 		: '/order/paymentInfo',
		data		: jsonData,
		dataType 	: 'html',
		beforeSend : function(xhr, settings) {
			xhr.setRequestHeader("AJAX"			, "true");
			xhr.setRequestHeader('Accept'		, 'application/json');
			xhr.setRequestHeader('Content-Type'	, 'application/json');
			gagajf.showProgressbar(true);
		},
		success 	: function(result) {
			if (result != null) {
				$("#paymentInfo").css("display", "block");
				$("#paymentInfo").html(result);
				
				// 3.2 할인영역 설정
				dcAmtInfoSet(jsonData);
			}
		}
	});
}

// 3.2 할인영역 설정
var dcAmtInfoSet = function(jsonData) {
	// 3.2.1 할인정보로드
	$.ajax( {
		type		: "POST",
		url 		: '/order/dcAmtInfo',
		data		: jsonData,
		dataType 	: 'html',
		beforeSend : function(xhr, settings) {
			xhr.setRequestHeader("AJAX"			, "true");
			xhr.setRequestHeader('Accept'		, 'application/json');
			xhr.setRequestHeader('Content-Type'	, 'application/json');
			gagajf.showProgressbar(true);
		},
		success 	: function(result) {
			if (result != null) {
				$("#dcAmtInfo").css("display", "block");
				$("#dcAmtInfo").html(result);
				
				// 3.2.2 쿠폰적용초기화(할인율최고)
				custCpnInit();
				
				// 3.2.3 쿠폰 SELECT BOX 기능 설정(js적용)
				$('.select_custom.type1').each(function(index){
					var selecter01 	= new sCombo($(this));
					
					// 선택박스 버튼기능 구현
					$(this).find("ul li").each(function(i){
						
						// SELECT BOX 버튼 기능 설정
						$(this).on("click", function(){
							// 쿠폰 선택없음
							if ($(this).prop("value") == 0) {
								// 쿠폰 선택없음
								cpnApplyDel($(this));
							}
							// 쿠폰선택
							else {
								// 쿠폰중복체크 후 적용
								if (custCpnDuplicationCheck($(this).prop("value"), index)) {
									// 쿠폰적용
									custCpnApply($(this));
								} else {
									alert("이미 적용된 쿠폰 입니다.");
									
									// 쿠폰적용불가
									custCpnNotApply($(this));
								}
								
								// 쿠폰할인금액 SUM
								custCpnSumAmtCal();
								
								// 최대할인혜택적용 체크해제
								if ($("#chk-maxdisc").is(":checked")) {
									$("#chk-maxdisc").attr("checked", false);
								}
							}
						});
					});
				});
				
				// 3.2.4 쿠폰 최대할인금액 초기화 버튼 설정
				$("#chk-maxdisc").on("click", function(){
					if ($(this).is(":checked")) {
						custCpnInit();
					}
				});

				// 3.2.5 쿠폰할인적용 삭제 버튼
				$(".btn_del_coupon").on("click", function(){
					//선택없음선택
					$(this).parent().parent().find("ul li").each(function(i){
						if (i == 0) {
							cpnApplyDel($(this)); // 쿠폰 선택없음
						}
					});
				});
				
				// 3.2.6 선포인트 적용 버튼 기능
				$("input[name='rdi-beforpoint']").each(function(){
					// 선포인트 초기 설정 사용함
					if ($(this).val() == "Y") {
						$(this).attr("checked", true);
					}
					
					// 버튼기능 구현
					$(this).on("click", function(){
						var rmPrePntAmt 		= parseInt($("input[name='rmPrePntAmt']").val());
						
						// 선포인트적용
						if ($(this).val() == "Y") {
							$("#prePntDcAmt").text("-"+rmPrePntAmt.addComma()+"원");
						} else {
							$("#prePntDcAmt").text("0원");
						}
						
						// 포인트기능 리렛
						pntDcAmtReset();
					});
				});
				
				// 3.2.6 포인트 적용버튼 기능
				$("#btn_point_apply").on("click", function(){
					var rmPntAmt 			= parseInt($("input[name='rmPntAmt']").val());
					var freegiftUsePnt 		= parseInt($(".freegiftUsePnt").text());
					var pntDcAmt 			= parseInt($("input[name='pntDcAmtStr']").val());
					var realOrdAmt 			= parseInt($(".realOrdSumAmt").text());
					var applyPntDcAmt 		= (realOrdAmt * 40) / 100;
					
					rmPntAmt				= rmPntAmt - freegiftUsePnt;
					
					// 입력여부체크
					if (pntDcAmt < 1) {
						alert("사용할 포인트를 입력해주세요");
						// 포인트리셋기능
						pntDcAmtReset();
						return false;
					}
					
					// 보유포인트보다 초과 사용 불가
					if (pntDcAmt > rmPntAmt) {
						alert("보유포인트 보다 초과 사용 할 수 없습니다.");
						// 포인트리셋기능
						pntDcAmtReset();
						return false;
					}

					// TODO 포인트 사용금액 1000P 이상 사용
					if (pntDcAmt < 1000) {
						alert("포인트는 최소 1,000P이상 사용해야 합니다.");
						// 포인트리셋기능
						pntDcAmtReset();
						return false;
					}
					
					// 실결제금액보다 크게 적용 되었을때 적용 불가능
					if (pntDcAmt > applyPntDcAmt) {
						alert("결제금액의 최대 40%를 초과 사용 할 수 없습니다.");
						// 포인트리셋기능
						pntDcAmtReset();
						return false;
					}
					
					// 포인트 적용
					$(".pntDcSumAmt").text(pntDcAmt);
					$("#pntDcAmt").text("-"+pntDcAmt.addComma()+"원");
					
					// 상품권리렛기능
					gfcdUseAmtReset();
				});
				
				// 3.2.7 상품권 적용버튼 기능
				$("#btn_gfcd_apply").on("click", function(){
					var rmGfcdAmt 		= parseInt($("input[name='rmGfcdAmt']").val());
					var gfcdUseAmt 		= parseInt($("input[name='gfcdUseAmtStr']").val());
					
					// 입력여부체크
					if (gfcdUseAmt < 1 || $("input[name='gfcdUseAmtStr']").val() == "") {
						alert("사용할 금액을 입력해주세요");
						// 상품권리셋기능
						gfcdUseAmtReset();
						return false;
					}
					
					// 보유금액보다 초과 사용 불가
					if (gfcdUseAmt > rmGfcdAmt) {
						alert("보유금액 보다 초과 사용 할 수 없습니다.");
						// 상품권리셋기능
						gfcdUseAmtReset();
						return false;
					}

					// TODO 포인트 사용금액 1000원 이상 사용
					if (gfcdUseAmt < 1000) {
						alert("상품권 사용금액은 최소 1,000원 이상 사용해야 합니다.");
						// 상품권리셋기능
						gfcdUseAmtReset();
						return false;
					}
					
					// 상품권 적용
					$(".gfcdUseSumAmt").text(gfcdUseAmt);
					$("#gfcdUseAmt").text("-"+gfcdUseAmt.addComma()+"원");
					
					// 금액전체계산
					custCpnSumAmtCal();
				});
			}
		}
	});
}

// 3.3 쿠폰 최대할인율 쿠폰적용
var custCpnInit = function() {
	
	// 쿠폰적용없음적용
	$(".select_custom.type1").each(function(index){
		// select box 쿠폰 적용
		var cpnCartSq = $(this).find("input[name='cpnCartSq']").val();
		
		// 장바구니시퀀스 체크
		$(".cartSq").each(function(){
			if (cpnCartSq == $(this).text()) {
				$(this).parent().find(".goodsCpnSq").text("0");			// 상품쿠폰시퀀스
				$(this).parent().find(".goodsCpnDcAmt").text("0");		// 상품쿠폰할인금액
			}
		});
		
		$(this).find("input[name='custCpnSq']").val("0");
		$(this).find("input[name='cpnDcAmt']").val("0");
		
		$(this).find(".select").text("선택없음");
		$(this).find(".cp_discount").css("display", "none");
	});
	
	// 최대할인율 쿠폰적용
	$('.select_custom.type1').each(function(index){
		cpnIndex 		= 0;
		cpnApplyTemp 	= false;
		
		// select 박스 반복문 실행
		$(this).find("ul li").each(function(i){
			cpnIndex++;
			
			// 1이상부터 중복 체크
			if (cpnApplyTemp == false) {
				if (cpnIndex > 1) {
					if (custCpnDuplicationCheck($(this).prop("value"), index)) {
						// 쿠폰적용
						custCpnApply($(this));
						// 쿠폰할인적용
						cpnApplyTemp = true;
					}
				}
			}
		});
	});
	
	// 선포인트기능리셋
	prePntDcAmtReset();
}

// 3.4 쿠폰중복사용체크
var custCpnDuplicationCheck = function(custCpnSq, index) {
	var selCustSq 	= 0;
	var cnt 		= 0;

	// 쿠폰중본사용체크
	$("input[name='custCpnSq']").each(function(i){
		if (index != i) {
			selCustSq = $(this).val();
			if (selCustSq == custCpnSq) {
				cnt++;
			}
		}
	});
	
	// 쿠폰적용불가
	if (cnt > 0) {
		return false;
	}
	// 쿠폰적용가능
	else {
		return true;
	}
}

// 3.5 쿠폰중복체크 후 적용가능
var custCpnApply = function(obj) {
	// select box 쿠폰 적용
	var cpnType 	= obj.parent().parent().find("input[name='cpnType']").val();
	
	// 상품쿠폰적용
	if (cpnType == "goodsCpn") {
		// 적용된 할인금액 text 설정 
		var dcAmtStr = "- " + parseInt(obj.attr("data")).addComma() + " 원 할인적용";
		obj.parent().parent().parent().parent().parent().find(".cp_amount").text(dcAmtStr);
		
		var cpnCartSq 	= obj.parent().parent().find("input[name='cpnCartSq']").val();
		
		// 장바구니시퀀스 체크
		$(".cartSq").each(function(){
			if (cpnCartSq == $(this).text()) {
				$(this).parent().find(".goodsCpnSq").text(obj.prop("value"));			// 상품쿠폰시퀀스
				$(this).parent().find(".goodsCpnDcAmt").text(obj.attr("data"));			// 상품쿠폰할인금액
			}
		});
		
		obj.parent().parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
	} 
	// 장바구니쿠폰적용
	else if (cpnType == "cartCpn") {
		var dcWay 				= obj.parent().find("input[name='dcWay']").val();
		var dcVal 				= obj.parent().find("input[name='dcVal']").val();
		var cartCpnDcSumAmt		= 0;
		var tempSumAmt			= 0;
		var cartSqLen			= $(".cartSq").length;
		var leftAmt				= 0;
		var index				= 1;
		
		// 장바구니쿠폰 해당 장바구니상품들 할인가 적용
		obj.find("input[name='cartCpnCartSq']").each(function(){
			var cartCpnCartSq 		= $(this).val();
			var cartCpnDcAmt		= 0;
			
			// 장바구니시퀀스 체크
			$(".cartSq").each(function(){
				if (cartCpnCartSq == $(this).text()) {
					var orgCurrPrice 	= parseInt($(this).parent().find(".orgCurrPrice").text());
					var tmtb1DcAmt 		= parseInt($(this).parent().find(".tmtb1DcAmt").text());
					var tmtb2DcAmt 		= parseInt($(this).parent().find(".tmtb2DcAmt").text());
					var goodsCpnDcAmt 	= parseInt($(this).parent().find(".goodsCpnDcAmt").text());
					
					var tempAmt 		= orgCurrPrice - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
					tempSumAmt			= tempSumAmt + tempAmt; 
					
					// 할인율일때 할인금액 
					if (dcWay == "G240_20") {
						cartCpnDcAmt = (tempAmt * dcVal) / 100;
						cartCpnDcSumAmt = cartCpnDcSumAmt + cartCpnDcAmt;
						
						$(this).parent().find(".cartCpnSq").val(obj.prop("value"));
						$(this).parent().find(".cartCpnDcAmt").val(cartCpnDcAmt);
					}
				}
			});
		});
		
		// 금액일때 할인금액 적용
		if (dcWay == "G240_10") {
			cartCpnDcSumAmt = dcVal;
			leftAmt			= dcVal;
			index = 1;
			
			// 장바구니쿠폰 해당 장바구니상품들 할인가 적용
			obj.find("input[name='cartCpnCartSq']").each(function(){
				var cartCpnCartSq 		= $(this).val();
				var cartCpnDcAmt		= 0;
									
				// 장바구니시퀀스 체크
				$(".cartSq").each(function(){
					if (cartCpnCartSq == $(this).text()) {
						var orgCurrPrice 	= parseInt($(this).parent().find(".orgCurrPrice").text());
						var tmtb1DcAmt 		= parseInt($(this).parent().find(".tmtb1DcAmt").text());
						var tmtb2DcAmt 		= parseInt($(this).parent().find(".tmtb2DcAmt").text());
						var goodsCpnDcAmt 	= parseInt($(this).parent().find(".goodsCpnDcAmt").text());
						
						var tempAmt 		= orgCurrPrice - tmtb1DcAmt - tmtb2DcAmt - goodsCpnDcAmt;
						var tempDiv 		= parseInt((tempAmt / tempSumAmt) * 100);
						var cartCpnDcAmt	= 0;
				
						if (index == cartSqLen) {
							cartCpnDcAmt 	= leftAmt;
						} else {
							cartCpnDcAmt	= parseInt((cartCpnDcSumAmt * tempDiv) / 100);
							leftAmt 		= leftAmt - cartCpnDcAmt;
						}
						
						$(this).parent().find(".cartCpnSq").text(obj.prop("value"));
						$(this).parent().find(".cartCpnDcAmt").text(cartCpnDcAmt);
						
						index++;
					}
				});
			});
		} 
		
		obj.parent().parent().find("input[name='cpnDcAmt']").val(cartCpnDcSumAmt);
		
		var dcAmtStr = "- " + cartCpnDcSumAmt.addComma() + " 원 할인적용";
		obj.parent().parent().parent().parent().parent().find(".cp_amount").text(dcAmtStr);
	}
	// 배송비쿠폰적용
	else if (cpnType == "delvCpn") {
		// 적용된 할인금액 text 설정 
		var dcAmtStr = "- " + parseInt(obj.attr("data")).addComma() + " 원 할인적용";
		obj.parent().parent().parent().parent().parent().find(".cp_amount").text(dcAmtStr);
		
		var cpnCartSq 	= obj.parent().parent().find("input[name='cpnCartSq']").val();
		
		obj.parent().parent().find("input[name='cpnDcAmt']").val(obj.attr("data"));
		obj.parent().parent().find("input[name='delvFeeCd']").val(obj.attr("delvfeecd"));
		
		$(".delvCpnDcSumAmt").text(obj.attr("data"));
	}
	
	// select box 쿠폰 적용 (공통적용)
	obj.parent().parent().find("input[name='custCpnSq']").val(obj.prop("value"));
	obj.parent().parent().find(".select").text(obj.text());
	
	// 선택된 할인금액 노출
	obj.parent().parent().parent().parent().parent().find(".cp_discount").css("display", "block");
	
	// 선포인트기능리셋
	prePntDcAmtReset();
}

// 3.6 쿠폰중복체크 후 적용불가
var custCpnNotApply = function(obj) {
	// 이전에 등록된 쿠폰시퀀스  
	var custCpnSq = obj.parent().parent().find("input[name='custCpnSq']").val();

	// 이전에 등록된 쿠폰시퀀스 비교후 데이타 원복
	obj.parent().find("li").each(function(){
		if ($(this).prop("value") == custCpnSq) {
			$(this).parent().parent().find(".select").text($(this).text());
			
			if (custCpnSq == 0) {
				$(this).parent().parent().parent().parent().parent().find(".cp_discount").css("display", "none");
			} else {
				$(this).parent().parent().parent().parent().parent().find(".cp_discount").css("display", "block");
			}
		}
	});
	
	// 선포인트기능리셋
	prePntDcAmtReset();
}

// 3.7 쿠폰 선택없음 기능 구현
var cpnApplyDel = function(obj) {
	// 쿠폰타입(상품쿠폰, 장바구니쿠폰, 배송비쿠폰)
	var cpnType = obj.parent().parent().find("input[name='cpnType']").val();
	
	// 상품쿠폰적용
	if (cpnType == "goodsCpn") {
		// select box 쿠폰 적용
		var cpnCartSq = obj.parent().parent().find("input[name='cpnCartSq']").val();
		
		// 장바구니시퀀스 체크
		$(".cartSq").each(function(){
			if (cpnCartSq == $(this).text()) {
				$(this).parent().find(".goodsCpnSq").text("0");			// 상품쿠폰시퀀스
				$(this).parent().find(".goodsCpnDcAmt").text("0");		// 상품쿠폰할인금액
			}
		});
	}
	// 장바구니쿠폰적용
	else if (cpnType == "cartCpn") {
		// 장바구니쿠폰 시퀀스 0, 장바구니할인금액 0
		$(".cartSq").each(function(){
			$(this).parent().find(".cartCpnSq").text("0");
			$(this).parent().find(".cartCpnDcAmt").text("0");
		});
	}
	// 배송비쿠폰적용
	else if (cpnType == "delvCpn") {
		// 장바구니쿠폰 시퀀스 0, 장바구니할인금액 0
		//$("input[name='custCpnSq']").each(function(){
			//$(this).parent().find("input[name='delvFeeCd']").val("0");
		//});
		
		obj.parent().parent().find("input[name='delvFeeCd']").val("0");
	}
	
	obj.parent().parent().find("input[name='custCpnSq']").val("0");
	obj.parent().parent().find("input[name='cpnDcAmt']").val("0");

	obj.parent().parent().find(".select").text("선택없음");
	obj.parent().parent().parent().parent().parent().find(".cp_discount").css("display", "none");
	
	// 선포인트기능리셋
	prePntDcAmtReset();
	
	// 최대할인혜택적용 체크해제
	if ($("#chk-maxdisc").is(":checked")) {
		$("#chk-maxdisc").attr("checked", false);
	}
}

// 3.9 선포인트리셋기능
var prePntDcAmtReset = function() {
	var rmPrePntAmt = parseInt($("input[name='rmPrePntAmt']").val());
	$("input[name='prePntDcAmt']").val(rmPrePntAmt);
	
	// 선포인트사용여부 체크 후 적용
	$("input[name='rdi-beforpoint']").each(function(){
		// 선포인트 초기 설정 사용함
		if ($(this).val() == "Y") {
			$(this).attr("checked", true);
		}
	});

	$("#prePntDcAmt").text("-"+rmPrePntAmt.addComma()+"원");
	
	// 포인트기능 리렛
	pntDcAmtReset();
}

// 3.10 포인트리셋기능
var pntDcAmtReset = function() {
	$(".pntDcSumAmt").text("0");
	$("input[name='pntDcAmtStr']").val("");
	$("#pntDcAmt").text("0원");
	
	// 상품권리셋기능
	gfcdUseAmtReset();
}

// 3.11 상품권리셋기능
var gfcdUseAmtReset = function() {
	$(".gfcdUseSumAmt").text("0");
	$("input[name='gfcdUseAmtStr']").val("");
	$("#gfcdUseAmt").text("0원");
	
	// 금액전체계산
	custCpnSumAmtCal();
}

// 3.12 쿠폰할인금액합계설정(금액전체계산)
var custCpnSumAmtCal = function() {
	var cpnDcSumAmt = 0;
	var cpnApplyCnt = 0;
	
	$("input[name='cpnDcAmt']").each(function(){
		cpnDcSumAmt = cpnDcSumAmt + parseInt($(this).val());
		
		// 적용된 쿠폰 수량
		if (parseInt($(this).val()) > 0) {
			cpnApplyCnt++;
		}
	});
	
	// 쿠폰영역
	$(".maxdisc_amount").text("(-" + cpnDcSumAmt.addComma() + "원)"); // 쿠폰할인금액합계
	$("#cpnApplyCnt").text(cpnApplyCnt + "장");
	
	// 상품목록영역
	$("#couponDcSumAmt").text("-" + cpnDcSumAmt.addComma() + "원"); // 쿠폰할인금액합계
	$(".cpnDcSumAmt").text(cpnDcSumAmt);
	
	// 배송비할인적용
	$("input[name='cpnType']").each(function(){
		if ($(this).val() == "delvCpn") {
			var delvSumAmt = parseInt(orgSumDelvFee) - parseInt($(this).parent().find("input[name='cpnDcAmt']").val());
			
			// 최종배송비
			$("#delvSumAmt").text(delvSumAmt.addComma() + "원");
			$(".delvSumAmt").text(delvSumAmt);
		}
	});
	
	// 2021.03.06 주문상세 테이블 적용
	// 포인트금액 상품상세에 포인트금액 분배 작업
	var prePntDcAmtYn 		= $("input[name='rdi-beforpoint']:checked").val();
	var leftPntAmt			= parseInt($(".pntDcSumAmt").text());
	var leftGfcdAmt			= parseInt($(".gfcdUseSumAmt").text());
	var cartSqLenght		= $(".cartSq").length; 
	var index				= 1;
	
	var orgGoodsSumAmt		= 0;
	var cpn1DcSumAmt		= 0;
	var ordSumAmt			= 0;
	var tmtb1DcSumAmt		= 0;
	var tmtb2DcSumAmt		= 0;
	var tmtbDcSumAmt		= 0;
	var goodsCpnDcSumAmt	= 0;
	var cartCpnDcSumAmt		= 0;
	var delvCpnDcSumAmt		= 0;
	var cpnDcSumAmt			= 0;
	var prePntDcSumAmt		= 0;
	var pntDcSumAmt 		= parseInt($(".pntDcSumAmt").text());
	var gfcdUseSumAmt 		= parseInt($(".gfcdUseSumAmt").text());
	var realOrdSumAmt		= 0;
	var savePntSumAmt		= 0;
	
	$(".cartSq").each(function(){
		var orgCurrPrice 	= parseInt($(this).parent().find(".orgCurrPrice").text());
		var cpn1DcAmt		= parseInt($(this).parent().find(".cpn1DcAmt").text());
		var optAddPrice 	= parseInt($(this).parent().find(".optAddPrice").text());
		var goodsQty 		= parseInt($(this).parent().find(".goodsQty").text());
		var tmtb1DcAmt		= parseInt($(this).parent().find(".tmtb1DcAmt").text());
		var tmtb2DcAmt		= parseInt($(this).parent().find(".tmtb2DcAmt").text());
		var goodsCpnDcAmt	= parseInt($(this).parent().find(".goodsCpnDcAmt").text());
		var cartCpnDcAmt	= parseInt($(this).parent().find(".cartCpnDcAmt").text());
		var prePntDcAmt1	= parseInt($(this).parent().find(".prePntDcAmt1").text());
		var dcSumAmt		= 0;
		var savePntAmt1		= parseInt($(this).parent().find(".savePntAmt1").text());
		
		// 주문금액 = ((판매가 - 즉시할인가) + 옵션추가금액) * 장바구니수량
		orgGoodsSumAmt		= orgGoodsSumAmt + (orgCurrPrice + optAddPrice) * goodsQty;
		cpn1DcSumAmt		= cpn1DcSumAmt + cpn1DcAmt;
		tmtb1DcSumAmt		= tmtb1DcSumAmt + tmtb1DcAmt;
		tmtb2DcSumAmt		= tmtb2DcSumAmt + tmtb2DcAmt;
		tmtbDcSumAmt		= tmtbDcSumAmt + (tmtb1DcAmt + tmtb2DcAmt);
		goodsCpnDcSumAmt	= goodsCpnDcSumAmt + goodsCpnDcAmt;
		cartCpnDcSumAmt		= cartCpnDcSumAmt + cartCpnDcAmt;
		cpnDcSumAmt			= cpnDcSumAmt + (goodsCpnDcAmt + cartCpnDcAmt);
		prePntDcSumAmt		= prePntDcSumAmt + prePntDcAmt1;
		
		var ordAmt			= ((orgCurrPrice - cpn1DcAmt) + optAddPrice) * goodsQty;
		ordSumAmt			= ordSumAmt + ordAmt;
		
		// 선포인트사용여부
		// 할인금액합계 = 다다익선수량금액 + 다다익선금액금액 + 상품쿠폰금액 + 장바구니금액 + 선포인트금액
		if (prePntDcAmtYn == "Y") {
			dcSumAmt		= tmtb1DcAmt + tmtb2DcAmt + goodsCpnDcAmt + cartCpnDcAmt + prePntDcAmt1;			
		} else {
			dcSumAmt		= tmtb1DcAmt + tmtb2DcAmt + goodsCpnDcAmt + cartCpnDcAmt;
		}
		
		// 주문금액설정
		$(this).parent().find(".ordAmt").text(ordAmt);
		$(this).parent().find(".dcSumAmt").text(dcSumAmt);
		
		savePntSumAmt		= savePntSumAmt + savePntAmt1;
	});
	
	// 포인트, 상품권 금액 분배
	$(".cartSq").each(function(){
		var ordAmt 			= parseInt($(this).parent().find(".ordAmt").text());
		var dcSumAmt		= parseInt($(this).parent().find(".dcSumAmt").text()); 
		var tempDiv 		= parseInt((ordAmt / ordSumAmt) * 100);
		var pntDcAmt1 		= 0;
		var gfcdUseAmt1		= 0;
		
		if (index == cartSqLenght) {
			pntDcAmt1 		= leftPntAmt;
			gfcdUseAmt1		= leftGfcdAmt;
		} else {
			pntDcAmt1 		= parseInt((pntDcSumAmt * tempDiv) / 100);
			gfcdUseAmt1		= parseInt((gfcdUseSumAmt * tempDiv) / 100);
			leftPntAmt		= leftPntAmt - pntDcAmt1;
			leftGfcdAmt		= leftGfcdAmt - gfcdUseAmt1;
		}
		
		var realOrdAmt1		= ordAmt - dcSumAmt - (pntDcAmt1 - gfcdUseAmt1);
		realOrdSumAmt		= realOrdSumAmt + realOrdAmt1;
		
		$(this).parent().find(".pntDcAmt1").text(pntDcAmt1);
		$(this).parent().find(".gfcdUseAmt1").text(gfcdUseAmt1);
		$(this).parent().find(".realOrdAmt1").text(realOrdAmt1);
		
		index++;
	});
	
	$(".orgGoodsSumAmt").text(orgGoodsSumAmt);
	$(".cpn1DcSumAmt").text(cpn1DcSumAmt);
	$(".ordSumAmt").text(ordSumAmt);
	$(".tmtb1DcSumAmt").text(tmtb1DcSumAmt);
	$(".tmtb2DcSumAmt").text(tmtb2DcSumAmt);
	$(".tmtbDcSumAmt").text(tmtbDcSumAmt);
	$(".goodsCpnDcSumAmt").text(goodsCpnDcSumAmt);
	$(".cartCpnDcSumAmt").text(cartCpnDcSumAmt);
	$(".cpnDcSumAmt").text(cpnDcSumAmt);
	$(".prePntDcSumAmt").text(prePntDcSumAmt);
	$(".realOrdSumAmt").text(realOrdSumAmt);
	$(".savePntSumAmt").text(savePntSumAmt);
	
	var tempSavePnt			= savePntSumAmt - prePntDcAmt;
	
	// 사은품사용 후 보유포인트	
	var rmPntAmt 			= parseInt($("input[name='rmPntAmt']").val());
	var freegiftUsePnt 		= parseInt($(".freegiftUsePnt").text());
	rmPntAmt 				= rmPntAmt - freegiftUsePnt; 
	$(".rmPntAmt").text("보유 : " + rmPntAmt.addComma() + "P");
	
	// 걸제영역
	$("#btn_payment").text("동의 후 "+realOrdSumAmt.addComma()+"원 결제하기");
	
	// 적립포인트
	$("#savePntSumAmt").text(savePntSumAmt.addComma()+"P");
};

// 3.20 총알배송가능 지역, 총알배송 가능 시간 체크
var fnGetDailyDeliveryCheck = function () {
	// TODO
	var jsonObj 	= {"zipNo" : 12345};
	var jsonData 	= JSON.stringify(jsonObj);

	gagajf.ajaxJsonSubmit(
		"/order/getDailyDeliveryCheck"
		, jsonData
		, function (result) {
			// 자사몰 일반배송
			$("#shotDelv").text(0);
			$("#wmsDelv").text(wmsCnt);
			$("#wmsDelvTitle").css("display", "block");
			$("#shotDelvTitle").css("display", "none");
			$(".tag_stype2").css("display", "none");

			// 자사몰 총알배송
			if (shotDelvYn == "Y") {
				if (parseInt(result) > 0) {
					$("#shotDelv").text(wmsCnt);
					$("#wmsDelv").text(0);
					
					$("#wmsDelvTitle").css("display", "none");
					$("#shotDelvTitle").css("display", "block");
					$(".tag_stype2").css("display", "block");
				}
			}
		}
	)
}
</script>


<script th:inline="javascript">
// 화면준비상태
$(document).ready( function() {
	// 배송지변경 팝업열기
	$(document).on('click','#btn_adrsChange_pop',function(e){
		$.ajax( {
			type		: "POST",
			url 		: '/order/delvAddrChangePop',
			dataType 	: 'html',
			success 	: function(result) {
				if (result != null) {
					$("#adrsChangePop").html(result);
					$("#adrsChangePop").modal("show");
				}
			}
		});
		
		return false;
	});

	// 배송지추가 팝업열기
	$(document).on('click','#btn_addrAdd_pop',function(e){
		$.ajax( {
			type		: "POST",
			url 		: '/order/delvAddrAddPop',
			dataType 	: 'html',
			success 	: function(result) {
				if (result != null) {
					$("#adrsAddPop").html(result);
					$("#adrsAddPop").modal("show");
				}
			}
		});
		
		return false;
	});

	// 배송지수정 팝업열기
	$("#btn_addrModify_pop").on("click", function(e){
		$.ajax( {
			type		: "POST",
			url 		: '/order/delvAddrModifyPop',
			dataType 	: 'html',
			success 	: function(result) {
				if (result != null) {
					$("#adrsModifyPop").html(result);
					$("#adrsModifyPop").modal("show");
				}
			}
		});
		
		return false;
	});

	// 배송요청사항 팝업열기
	$("#btn_rqstModify_pop").on("click", function(e){
		var jsonObj = new Object();
		jsonObj.delvMemo = $("input[name='delvMemo']").val();
		
		$.ajax({
			type		: "POST",
			url 		: "/order/delvMemoChangePop",
			data		: jsonObj,
			dataType 	: "html",
			success 	: function(result) {
				if (result != null) {
					$("#rqstModifyPop").html(result);
					$("#rqstModifyPop").modal("show");
				}
			}
		});
		
		return false;
	});
	
	// 해외배송 입력
	$(document).on('change','.odPayment .area_overseas #rdi-overs1', function(e){
		$('.info_box.overs2').hide();
		$('.info_box.overs1').show();
		return false;
	}).on('change','.odPayment .area_overseas #rdi-overs2', function(e){
		$('.info_box.overs1').hide();
		$('.info_box.overs2').show();
		return false;
	});

	// 사은품지급안내 팝업열기
	$("#btn_infoGift_pop").on("click",function(e){
		$.ajax({
			type		: "POST",
			url 		: "/order/freegiftInfoPop",
			dataType 	: "html",
			success 	: function(result) {
				if (result != null) {
					$("#infoGiftPop").html(result);
					$("#infoGiftPop").modal("show");
				}
			}
		});
		
		return false;
	});

	// 할인쿠폰 확인
	$(document).on('click','.odPayment .area_seldiscount .btn_coupon_toggle',function(e){
		$('.coupon_list').toggle();
		$(this).toggleClass('on');
		return false;
	});

	// 결제수단 선택
	$(document).on('change','.odPayment .area_paymethod .paymethod_radio input',function(e){
		$('.radio_blk').removeClass('on');
		$(this).parents('.radio_blk').addClass('on');
		$(this).parents('.radio_blk').find('.paymethod_box').show();
		$(this).parents('.radio_blk').siblings('div').find('.paymethod_box').hide();
	
		var paymethodlabel =  $(this).prop('labels');
		$(this).parents('li').find('.fold_head .data span').text($(paymethodlabel).text());
	
		// 간편결제 카드추가 슬라이드
		var swiper = new Swiper('.paymethod_box .card_quickpay .list_card', {
			slidesPerView: 'auto',
			spaceBetween: 160,
			centeredSlides: true,
			navigation: {
				nextEl: '.list_card .swiper-button-next',
				prevEl: '.list_card .swiper-button-prev',
			},
		});
		return false;
	});

	// STYLE24 간편결제 배너닫기
	$(document).on('click','.odPayment .area_paymethod .quickpay_bnr .btn_close_bnr',function(e){
		$('.quickpay_bnr').hide();
	});

	// 결제수단 선택 > 즐겨찾기 추가시 
	$(document).on('click','.odPayment .area_paymethod .paymethod_box .card .etc .btn_favorcard',function(e){
		$(this).toggleClass('active');
		return false;
	});

	// 결제수단 > 일반결제> 실시간계좌이체 선택시            
	$(document).on('change','.odPayment input:radio[name=rdi-paynormal]',function(e){
		var paynormalValue = $(this).attr('id');
		
		if (paynormalValue == 'rdi-paynormal2') {
			$('.area_paymethod .agree_insurance').show();
		} else {
			$('.area_paymethod .agree_insurance').hide();
		}
		return false;
	});

	// 개인정보동의 열고닫기
	$(document).on('click','.area_paymentinfo .payinfo_blk a',function(e){		
		e.preventDefault();
		$(this).parents('.payinfo_blk').toggleClass('on');
		var privacyToggle = $(this).find('span');
		$(privacyToggle).text($(privacyToggle).text() == '보기' ? '닫기' : '보기');
		return false;
	});

	// 간편결제등록 > STEP1.이용약관 팝업열기
	$(document).on('click','.btn_addcard',function(e){
		$("#qPayAgree_pop").modal("show");
		return false;
	});

	// 간편결제등록 > STEP1.이용약관 체크
	$(document).on('click','.area_QpayCk .agr_select button',function(e){
		$(this).parents('.area_QpayCk').find('.info_agrQpay').toggle();
		var payagrToggle = $(this).find('span');
		$(payagrToggle).text($(payagrToggle).text() == '약관열기' ? '약관닫기' : '약관열기');
		return false;
	});

	// 간편결제등록 > STEP1.이용약관 체크박스 전체선택
	$(document).on('click','#chk-Qpay-agrAll',function(e){
		$(this).parents(".qPayAgree_pop").find('.agree_Qpay input').prop("checked", $(this).is(":checked"));
	});

	// 간편결제등록 > STEP1.이용약관 체크박스 개별선택
	$(document).on("click", ".agree_Qpay input",function(e){
		var is_checked = true;
		$(".agree_Qpay input").each(function(){
			is_checked = is_checked && $(this).is(":checked");
		});
		$("#chk-Qpay-agrAll").prop("checked", is_checked);
	});

	// 간편결제등록 > 본인인증 팝업열기
	$(document).on('click','#btn_qPayidConfirm_pop',function(e){
		$("#qPayidConfirm_pop").modal("show");
		return false;
	});
});
</script>

</th:block>
</body>
</html>