<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : NoticePopupForm.html
 * @desc    : 공지사항 팝업 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2020.12.29   gagamel     최초 작성
 *******************************************************************************
 -->
<div class="modalPopup" data-width="800" id="popupNotice">
	<div class="noticeWrap" style="width:800px;">
		<!-- 이동 버튼 -->
		<div class="swipeControl">
			<button type="button" class="arr prev swiper-button-prev">이전</button>
			<div class="swiper-pagination"></div>
			<button type="button" class="arr next swiper-button-next">다음</button>
		</div>
		<!-- //이동 버튼 -->
		
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide" th:if="${noticeList}" th:each="oneData, status : ${noticeList}">
					<div class="title" th:text="${oneData.noticeTitle}">연휴 배송 마감안내</div>
					<div class="content" th:utext="${#strings.replace(#strings.replace(oneData.noticeContent,'&amplt;','<'),'&ampgt;','>')}">
						배송마감일 : 12월 21일(금) 오후 5시<br/>
						12월 21일(금) 오후 5시까지 결제완료(입금/결제완료) 주문 건에 한해 명절 연휴 전 발송이 가능하며, 그 이후 주문 건은 12월 26일(수)부터 순차적으로 발송됩니다.<br/><br/>
						<img src="/image/@notice_popup01.jpg"/>
					</div>
					<ul class="download" th:if="${oneData.fileList}">
						<li th:each="oneData2, status2 : ${oneData.fileList}">
							<i class="fa fa-download" aria-hidden="true"></i><a href="#" th:href="@{@environment.getProperty('upload.default.view') + '/notice' + oneData2.sysFileNm}" th:text="${oneData2.orgFIleNm}"></a>
						</li>
					</ul>
				</div>
<!-- 				<div class="swiper-slide"> -->
<!-- 					<div class="title">긴 제목 : 코로나19 관련 일부 배송지연 안내 코로나19 관련 일부 배송지연 안내 코로나19 관련 일부 배송지연 안내 코로나19 관련 일부 배송지연 안내</div> -->
<!-- 					<div class="content"> -->
<!-- 						코로나19 확산으로 인한 온라인 물량 증가로 택배배송이 일부 지연되고 있는 점 사과의 말씀을 드립니다.<br/> -->
<!-- 						최근 코로나19가 심각단계로 격상되면서 국민생활의 불편은 물론 소상공인, 기업 등 모두가 큰 타격을 받고 있습니다.<br/> -->
<!-- 						정부에서도 코로나19 확산방지를 위해 사회적 거리두기를 권장하고 있습니다.<br/> -->
<!-- 						이러한 상황에서 많은 국민들이 외부활동을 자제하면서 식품, 생필품, 위생용품 등 온라인 구매 중심으로<br/> -->
<!-- 						급격히 변화하면서 택배주문 물량도 일시적으로 크게 증가되고 있습니다.<br/><br/> -->
<!-- 						당사에서는 증가한 택배물량을 안전하고 신속하게 배송하기 위해 비상체제에 돌입하여<br/> -->
<!-- 						허브터미널, 서브터미널, 배송 등 각 부분에 추가적인 자원과 인력을 투입하여<br/> -->
<!-- 						고객 불편 해소 및 피해 최소화에 최선의 노력을 기울이고 있습니다. -->
<!-- 					</div> -->
<!-- 					<ul class="download"> -->
<!-- 						<li><i class="fa fa-download" aria-hidden="true"></i><a href="">파일첨부1.pdf</a></li> -->
<!-- 						<li><i class="fa fa-download" aria-hidden="true"></i><a href="">파임첨부2.pdf</a></li> -->
<!-- 					</ul> -->
<!-- 				</div> -->
			</div>
		</div>
		<div class="btnArea">
			<span><button type="button" id="btnCloseNotice">오늘 하루 이 창을 열지 않기</button></span>
			<span><button type="button" onclick="uifnPopupClose('popupNotice');">닫기</button></span>
		</div>
	</div>
</div>

<script type="text/javascript" src="/ux/plugins/swiper/swiper.min.js"></script>
<script th:inline="javascript">
/*<![CDATA[*/
	let noticeCnt = [[${noticeCnt}]];
	
	if (noticeCnt > 1) {
		// 공지팝업 : SWIPE(공지가 한장일 경우 해당 객체 선언 금지)
		let swiper = new Swiper('#popupNotice .swiper-container', {
			loop: true,
			paginationClickable :true,
			pagination: {
				el: '.swiper-pagination',
				type: 'fraction', /* 201125 */
			},
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},
		});
	}
	
	$('#btnCloseNotice').on('click', function() {
		gagajf.setCookie("CK_NOTICE_CLOSE", "Y", 1);
		uifnPopupClose('popupNotice');
	});
	
	$(document).ready(function() {

	});
/*]]>*/
</script>

</html>