<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : OrderCustemerInfoWeb.html
 * @desc    : 고객정보 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.02.01   jsh77b     최초 작성
 *******************************************************************************
 -->
 <!-- 주문고객정보 -->
<div class="fold_head">
	<a href="javascript:void(0)">
		<div>
			<div class="fold_tit">
				<span>주문고객</span>
			</div>
			<div class="data">
				<span th:text="${custemerInfo.custNm}"></span> 
				<span th:text="${custemerInfo.email}"></span> 
				<span th:text="${custemerInfo.cellPhnno}"></span>
			</div>
		</div>
	</a>
</div>
<div class="fold_cont" style="display: none;">
	<input type="hidden" name="custNm" 		th:value="${custemerInfo.custNm}"/>
	<input type="hidden" name="email" 		th:value="${custemerInfo.email}"/>
	<input type="hidden" name="cellPhnno" 	th:value="${custemerInfo.cellPhnno}"/>
	<input type="hidden" name="sexGb" 		th:value="${custemerInfo.sexGb}"/>
	<input type="hidden" name="birthYmd" 	th:value="${custemerInfo.birthYmd}"/>
	
	<div class="area_mbinfo">
		<dl>
			<div>
				<dt>
					<span class="sr-only">주문자명</span>
				</dt>
				<dd th:text="${custemerInfo.custNm}"></dd>
			</div>
			<div>
				<dt>
					<span class="sr-only">이메일</span>
				</dt>
				<dd th:text="${custemerInfo.email}"></dd>
			</div>
			<div>
				<dt>
					<span class="sr-only">휴대폰 번호</span>
				</dt>
				<dd th:text="${custemerInfo.cellPhnno}"></dd>
			</div>
		</dl>
	</div>
</div> <!-- //주문고객정보 -->
<script th:inline="javascript">
var dispYn = [[${order.dispYn}]]; // 노출여부

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

</html>
