<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : MktmailmanagementPreviewForm.html
 * @desc    : MktmailmanagementPreviewForm MKT메일 미리보기 화면
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021. 02. 19   csh9191     최초 작성
 *******************************************************************************
 -->
<div class="modalPopup" data-width="1200" id="popupMktMailPreview">
	<div class="panelStyle">
  		<!-- Header  -->
 		<header th:if="${mktmailPreviewHeader}">
			<th:block th:utext="${mktmailPreviewHeader.mailhfContent}"></th:block>
		</header>
		
		<!-- content -->
		<div th:if="${mktmailPreviewContent}">
 			<th:block th:utext="${mktmailPreviewContent.mailContent}"></th:block> 
		</div>

		<!-- 링크/상품이미지 -->
		<div th:if="${mktmailPreviewGoods}">
			<th:block th:each="oneData, status : ${mktmailPreviewGoods}">
				
				<!-- 메일 코너 링크표시  -->
				<div th:if="${oneData.tc.mailtcLink != null && oneData.tc.mailtcLink != ''}">
					<a th:href="@{${oneData.tc.mailtcLink}}" target="_blank">상품 상세보기</a>
				</div><br>
					
				<!-- 상품이미지 -->
				<th:block th:each="goodsData, status : ${oneData.goodsList}">
					<img th:src="@{/image/imgoodsData.sysImgNm}"/>
					<!-- goodsCpr -->
					<th:block th:if="${status.count  % oneData.tc.goodsCpr == 0}">
						<br>
					</th:block>
				</th:block><br><!-- 구분자별 br -->
		</div><br>
			
		<!-- Footer -->
		 <footer th:if="${mktmailPreviewFooter}">
			<th:block th:utext="${mktmailPreviewFooter.mailhfContent}"></th:block>
		</footer>
	</div>
</div>
</html>