<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta id="_csrf" name="_csrf" content="${_csrf.token}"/>
<meta id="_csrf_header" name="_csrf_header" content="${_csrf.headerName}"/>
 <title>History</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <link rel="stylesheet" href="/css/history.css">
    <link rel="stylesheet" href="/css/header.css">
    <script type="text/javascript" src="/js/header.js"></script>
    <script type="text/javascript" src="/js/history.js"></script>
</head>
<body>
<div class="menu">
    <div></div>
    <div class="unselect-dashboard"></div>
    <div class="select-record"></div>
    <div class="unselect-statistics"></div>
    <div class="unselect-system-manager"></div>
    <sec:authorize access="isAuthenticated()"><div>Log-Out</div></sec:authorize>
</div>
<br>
<div class="container">

    <div class="search-box">
        <div class="search-header">
        	&nbsp;&nbsp;검색 조건
        </div>
        <div class="search-flex-container">
            <div class="search-select-title">
            	이력 조회 항목 : 
            </div>
            <div>
                <select name="serachCategory" class="search-select">
                    <option value="">조회할 이력을 선택 해주세요</option>
                    <option value="apiInvoke">API 호출 / API Token 인증</option>
                    <option value="systemResuource">시스템 리소스 정보</option>
                </select>
            </div>
            <div class="search-during"> 
                조회 조건 :
            </div>
                    <select class="search-condition">
                        <option value="">조회 조건을 선택해 주세요</option>
                        <option value="joinDateSearch">일자별 조회</option>
                        <option value="userIdSearch">사용자별 조회</option>
                    </select>
                    
                    <div class="search-date-select">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;접속 기간 선택 :
                        <input type="date" name="searchStartDate" class="searchStartDate">
                       	~
                        <input type="date" name="searchEndDate" class="searchEndDate">
                    </div>
                    
                     <div class="search-user-select">
							&nbsp;&nbsp;&nbsp;&nbsp; 사용자 목록: 
							<select  name="userId" class="userId">
								<option value="">사용자를 선택해주세요</option>
							</select>
                    </div>
                    
                    <div class="select-button">
                    </div>
        </div>
    </div>
    
    <div class="result-box">
        <div>
        	&nbsp;&nbsp;검색 결과
        </div>
        <div>
            <table class="search-table">
            
            </table>
        </div>
    </div>
    
</div>


</body>
</html>