<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : GoodsQnaDetailFormWeb.html
 * @desc    : 상품 문의 등록 팝업
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.03.05   eskim        최초 작성
 *******************************************************************************
 -->
 <div class="modal-dialog" role="document">
	<div class="modal-content">
		<div class="modal-header">
			<h5 class="modal-title" id="pdQnaWriteLabel">상품 문의하기</h5>
		</div>
		<div class="modal-body">
		<form id="goodsQnaDetailForm" name="goodsQnaDetailForm" action="#" th:action="@{'/callcenter/goods/qna/create'}">
		<input type="hidden" name="relGoodsCd" th:value ="${goodsCd}"/>
			<div class="pop_cont">
				<div class="info_txt">
					<ul>
						<li>배송, 주문/결제, 취소/반품/교환/환불, 회원, 쿠폰/포인트, 이벤트 등의 자세한 문의사항은 고객센터 > 1:1문의를 이용하여 주시기 바랍니다.</li>
						<li>상품문의에 부합하지 않는 광고, 이유없는 비방, 욕설 및 오해의 소지가 있는 문의건에 대해서는 사전 통보 없이 삭제 될 수 있습니다.</li>
						<li>답변은 마이페이지 > 상품 문의에서 확인 하실 수 있습니다.</li>
					</ul>
				</div>
				<div class="form_field">
					<div class="input_box">
						<textarea class="doc_itemqna" name="questContent" id="questContent" cols="30" rows="10" maxlength="500" placeholder="문의내용 입력(500자 이내)" style="resize: none;"></textarea>
						<p class="txt_cnt">
							<span id="itemqna_cnt" class="itemqna_cnt">(<em class="c_primary">0</em>/500자)</span>
						</p>			  
						<div class="secret_box">
							<input id="wr_secret" type="checkbox" name="secretYn" value="Y"><label for="wr_secret"><span>비밀글설정</span></label>
						</div>
					</div> 
				</div>
				<div class="push_box">
					<dl>
						<div>
							<dt>알림톡 수신 여부</dt>
							<dd>
								<div class="form_field">
									<div>
										<input type="radio" name="smsReqYn" id="rdi-push1" value="Y" checked="checked">
										<label for="rdi-push1"><span>수신</span></label>
									</div>
									<div>
										<input type="radio" name="smsReqYn" id="rdi-push2" value="N">
										<label for="rdi-push2"><span>미수신</span></label>
									</div>
								</div>
							</dd>
						</div>
					</dl>
				</div>
			</div>
		</form>	
		</div>
		<div class="modal-footer">
			<button type="button" class="btn btn_dark" id="btnGoodsQnaSave"><span>등록</span></button>
		</div>
	</div>
</div>
<a href="javascript:void(0);" rel="modal:close" onclick="cfCloseLayer('layer_goods_qna_reg')" class="close-modal">Close</a> 	
<script th:inline="javascript">
/*<![CDATA[*/

	// 상품문의 작성 > 글자수 체크
	$('.pd_qnawrite_pop .doc_itemqna').keyup(function (e){
		let contentQna = $(this).val();
		$('#itemqna_cnt').html("(<em class='c_primary'>"+contentQna.length+"</em>/500자)");  
		if (contentQna.length > 500){
			$(this).val(contentQna.substring(0, 500));
			$('#itemqna_cnt').html("(<em class='c_primary'>500</em>/500자)");
			//mcxDialog.alert("최대 500자까지 입력 가능합니다.");
			return false;
			
		}
	});
	
	// 저장
	$('#btnGoodsQnaSave').on('click', function() {
		
		// 테스트용
/* 		gagajf.ajaxFormSubmit($('#goodsQnaDetailForm').prop('action')
				, $('#goodsQnaDetailForm')
				, function() {
					mcxDialog.alert("상품 문의가 등록되었습니다. 빠른 시일 내에 답변드리겠습니다.");
				}
		); */
		
		// 입력 값 체크
		if (gagajf.isNull($("#goodsQnaDetailForm  textarea[name=questContent]").val())){
			mcxDialog.alert("문의내용을 입력해주세요.");
			return false;
		}
		/* if($('#goodsQnaDetailForm textarea[name=questContent]').val().length<20){
			mcxDialog.alert("문의내용을 20자 이상 입력해주세요.");
			return;
		} */
		
		gagajf.ajaxFormSubmit($('#goodsQnaDetailForm').prop('action') , $('#goodsQnaDetailForm'), btnGoodsQnaSaveCallBack());
		
		/* mcxDialog.confirm("저장하시겠습니까?", {
			cancelBtnText: "취소",
			sureBtnText: "확인",
			sureBtnClick: function() {
				gagajf.ajaxFormSubmit($('#goodsQnaDetailForm').prop('action')
						, $('#goodsQnaDetailForm')
						, fnGetList()
				);
			}
		}); */
	
	});
	
	var btnGoodsQnaSaveCallBack = function(){
		setTimeout(fnGoodsQnaList, 100);
	}

/*]]>*/
</script>
 </html>