<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{/web/layout/homeLayout}">
<th:block layout:fragment="layout_css">
    <link rel="stylesheet" href="/css/web/app_notice.css?v1.1">
    <link rel="stylesheet" href="/css/web/modal_app_notice.css?v1.1">
    <link rel="stylesheet" href="/css/web/grid.css?v1.1">
</th:block>
<th:block layout:fragment="layout_top_script">
    <script src="/js/web/jquery.twbsPagination.js" type="text/javascript"></script>
    <script>
        let menuClass     = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";

        let selectUseYn   = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
        let insertUseYn   = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
        let updateUseYn   = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
        let deleteUseYn   = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
        let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";

        /* 검색 관련 변수 */
        let appNoticeSearchKeywordParam = "[[${param.appNoticeSearchKeywordParam}]]";
        let appNoticeSort               = "[[${param.appNoticeSort}]]";
        let appNoticeDir                = "[[${param.appNoticeDir}]]";
        let appNoticeStart              = "[[${param.appNoticeStart}]]"==""?0:"[[${param.appNoticeStart}]]";
        let appNoticeLimit              = "[[${param.appNoticeLimit}]]"==""?500:"[[${param.appNoticeLimit}]]";

        let appNoticeSearchStartDate    = "[[${param.appNoticeSearchStartDate}]]";
        let appNoticeSearchEndDate      = "[[${param.appNoticeSearchEndDate}]]";
        let appNoticeSearchDateType     = "[[${param.appNoticeSearchDateType}]]"==""?"A":"[[${param.appNoticeSearchDateType}]]";
    </script>
</th:block>
<th:block layout:fragment="layout_content">
    <!-- 센터쪽 -->
    <div class="center_box">
	<p class="page_title">공지사항</p>

	<div class="filter_box">
		<div class="form_box">
			<div class="select_box first dropdown">
				<div class="select_box dropdown">
					<button type="button" class="label dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">기간</button>
					<input type="hidden" id="appNoticeSearchDateType"></input>

					<ul class="select_option_list dropdown-menu">
						<li id="li_A" class="option_list_item first" >오늘</li>
						<li id="li_B" class="option_list_item">최근30일</li>
						<li id="li_C" class="option_list_item">최근90일</li>
						<li id="li_D" class="option_list_item">이번주</li>
						<li id="li_E" class="option_list_item">이번달</li>
						<li id="li_F" class="option_list_item">올해</li>
						<li id="li_G" class="option_list_item">지난주</li>
						<li id="li_H" class="option_list_item">지난달</li>
					</ul>
				</div>
			</div>


			<!-- 캘린더input -->
			<div class="calendar_box">
				<div class="date_box date" id="divAppNoticeSearchStartDate">
					<img src="/image/web/calendar.svg" alt="calendar"/>
					<input type="date" class="date_picker" id="appNoticeSearchStartDate">
				</div>

				<span class="slash">-</span>

				<div class="date_box last date" id="divAppNoticeSearchEndDate">
					<img src="/image/web/calendar.svg" alt="calendar"/>
					<input type="date" class="date_picker" id="appNoticeSearchEndDate">
				</div>
			</div>


			<!-- 검색input -->
			<div class="search_list">
				<div class="search_box">
					<img src="/image/web/search_G.svg" alt="search"/>
					<input type="text" id="appNoticeSearchKeyword" required placeholder="제목,내용">

					<div class="search_list"></div><!-- 검색내역 나오는곳 -->
				</div>
				<button id="btnSearchAppNotice" class="search_btn" style="transition: all 0.2s ease-in-out 0s;">조회</button>
			</div>


			<div class="right_btn_box">
				<button id="btnInsertAppNotice" class="notice_btn" style="transition: all 0.2s ease-in-out 0s;">
					<img src="/image/web/notice_btn_icon.svg" alt="공지사항 등록">공지사항 등록
				</button>
				<button id="btnDeleteAppNotice" class="delete_btn" style="transition: all 0.2s ease-in-out 0s;">
					<img src="/image/web/delete_btn_icon.svg" alt="삭제">삭제
				</button>
			</div>
		</div>
	</div>


    <div id="appNoticeGrid" class="table_box ag-theme-balham"></div>

        <!-- 페이지게이션 -->
        <div class="page_box">
            <nav aria-label="Page navigation" class="navigation">
                <ul class="pagination" id="appNoticePagination"></ul>
            </nav>
        </div>
    </div>
    <form id="appNoticeSelectListForm" method="POST" target="_blank"></form>
</th:block>
<th:block layout:fragment="layout_popup">
</th:block>
<th:block layout:fragment="layout_script">
    <script src="/js/web/ag-grid-community-29.3.5.min.js"></script>
    <script src="/js/web/appnotice/appNoticeSelectList.js"></script>

    <script src="/js/web/appnotice/popup/appNoticeInsertPop.js"></script>
    <script src="/js/web/appnotice/popup/appNoticeSelectPop.js"></script>
    <script src="/js/web/appnotice/popup/appNoticeUpdatePop.js"></script>
</th:block>
</html>