<%@ 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">
	<title>시스템 관리</title>
	<sec:authorize access="hasAuthority('N')">
		<script>
			document.isN = true;
		</script>
	</sec:authorize>
	<sec:authorize access="hasAuthority('B')">
		<script>
			document.isB = true;
		</script>
	</sec:authorize>



	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<link rel="stylesheet" href="/css/header.css">
	<link rel="stylesheet" href="/css/systemManagement.css">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
	<script type="text/javascript" src="/js/header.js"></script>
	<script type="text/javascript" src="/js/systemManagement.js"></script>
	<!-- <script type="text/javascript" src="/js/ext/html2canvas.js"></script>  -->
	<script type="text/javascript" src="/js/ext/jspdf.min.js"></script>
	<script src="https://cdn.sheetjs.com/xlsx-0.20.0/package/dist/shim.min.js"></script>
	<script src="https://cdn.sheetjs.com/xlsx-0.20.0/package/dist/xlsx.full.min.js"></script>
	<script type="text/javascript" src="/js/ext/xlsx.bundle.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.3/html2pdf.bundle.min.js" integrity="sha512-YcsIPGdhPK4P/uRW6/sruonlYj+Q7UHWeKfTAkBW+g83NKM+jMJFJ4iAPfSnVp7BKD4dKMHmVSvICUbE/V1sSw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
<jsp:include page="header.jsp"></jsp:include>
<div class="container">
	<div class="systemManagement-container">
		<div>
			<sec:authorize access="hasAnyAuthority('I','M','N')">
				<div class="manager-on node">노드 관리</div>
				<div class="manager-off consummer">Consumer 관리</div>
				<div class="manager-off alarm">알람 정책 관리</div>
				<div class="manager-off base">기반정보 관리</div>
			</sec:authorize>
			<sec:authorize access="hasAuthority('B')">
				<div class="manager-on base">기반정보 관리</div>
			</sec:authorize>
			<sec:authorize access="hasAuthority('I')">
				<div class="manager-off user">사용자 관리</div>
			</sec:authorize>
		</div>
		<div class="result-box">
			<div class="node-search">
				<div>
					지역(시): <select class="city-select">
					<option value="">지역(시)를 선택해주세요</option>
				</select>
				</div>
				<div>
					군/구 : <select class="gu-select">
					<option value="">군/구를 선택해주세요</option>
				</select>
				</div>
				<div>
					교차로 : <select class="intersection-select">
					<option value="">교차로를 선택해주세요</option>
				</select>
				</div>
				<div class="search-button button">
					<i class="fa fa-search" style="font-size: 15px;" aria-hidden='true'></i>조 회
				</div>
				<div class="batch-button button">
					<i class='fa fa-upload' style="font-size: 15px;" aria-hidden='true'></i> 일괄등록
				</div>
				<div class="excel-button button">
					<i class='fa fa-file-excel-o' style="font-size: 15px;" aria-hidden='true'></i> 엑 셀
				</div>
				<div class="add-button button">
					<i class="fa fa-plus" style="font-size: 15px;" aria-hidden='true'></i> 추 가
				</div>
				<div class="cancle-button button">
					<i class="fa fa-times-circle-o" style="font-size: 15px;" aria-hidden='true'></i>
					취 소
				</div>
				<div class="update-button button">
					<i class="fa fa-pencil-square-o" style="font-size: 15px;" aria-hidden='true'></i>
					수 정
				</div>
				<div class="save-button button">
					<i class="fa fa-floppy-o" style="font-size: 15px;" aria-hidden='true'></i>
					저 장
				</div>
				<div class="delete-button button">
					<i class="fa fa-trash-o" style="font-size: 15px;" aria-hidden='true'></i> 삭
					제
				</div>
			</div>

			<%--Consumer 관리 클릭시에만 나옴 --%>
			<div class="consumer-search">
				<div>
					업체명 : <input type="text" placeholder="조회하실 업체를 입력해주세요">
				</div>
				<div class="consumer-search-button button">
					<i class="fa fa-search" style="font-size: 15px;" aria-hidden='true'></i>조 회
				</div>
				<div class="consumer-excel-button button">
					<i class='fa fa-file-excel-o' style="font-size: 15px;" aria-hidden='true'></i> 엑 셀
				</div>
				<div class="consumer-add-button button">
					<i class="fa fa-plus" style="font-size: 15px;" aria-hidden="true"></i> 추 가
				</div>
				<div class="consumer-cancle-button button">
					<i class="fa fa-times-circle-o" style="font-size: 15px;" aria-hidden="true"></i>
					취 소
				</div>
				<div class="consumer-update-button button">
					<i class="fa fa-pencil-square-o" style="font-size: 15px;" aria-hidden="true"></i>
					수 정
				</div>
				<div class="consumer-save-button button">
					<i class="fa fa-floppy-o" style="font-size: 15px;" aria-hidden="true"></i>
					저 장
				</div>
				<div class="consumer-delete-button button">
					<i class="fa fa-trash-o" style="font-size: 15px;" aria-hidden="true"></i> 삭
					제
				</div>
			</div>

			<%--ApiToken 정책관리 클릭시에만 나옴 --%>
			<div class="alarm-search">
				<div class="alarm-cancel-button button">
					<i class="fa fa-times-circle-o" style="font-size: 15px;" aria-hidden="true"></i>
					취 소
				</div>
				<div class="alarm-update-button button">
					<i class="fa fa-pencil-square-o" style="font-size: 15px;" aria-hidden="true"></i>
					수 정
				</div>
				<div class="alarm-save-button button">
					<i class="fa fa-floppy-o" style="font-size: 15px;" aria-hidden="true"></i>
					저 장
				</div>
			</div>

			<div class="base-search">
				<div>
					<label>지역(시): <select class="base-city-select">
						<option value="">지역(시)를 선택해주세요</option>
					</select></label>
				</div>
				<div>
					<label>군/구 : <select class="base-gu-select">
						<option value="">군/구를 선택해주세요</option>
					</select></label>
				</div>
				<div>
					<label>교차로 : <select class="base-intersection-select">
						<option value="">교차로를 선택해주세요</option>
					</select></label>
				</div>
				<div>
					<label>노드ID : <select class="base-nodeid-select">
						<option value="">노드ID를 선택해주세요</option>
					</select></label>
				</div>
				<div class="base-search-button button">
					<i class="fa fa-search" style="font-size: 15px;" aria-hidden='true'></i>조 회
				</div>
				<div class="base-batch-button button">
					<i class='fa fa-upload' style="font-size: 15px;" aria-hidden='true'></i> 일괄등록
				</div>
				<div class="base-export-button button">
					<i class='fa fa-file-o' style="font-size: 15px;" aria-hidden='true'></i> 내보내기
					<div class="dropdown-content">
						<div class="base-excel-button button">
							<i class='fa fa-upload' style="font-size: 15px;" aria-hidden='true'></i> 엑셀출력
						</div>
						<div class="base-pdf-button button">
							<i class='fa fa-upload' style="font-size: 15px;" aria-hidden='true'></i> PDF출력
						</div>
					</div>
				</div>
				<div class="base-add-button button">
					<i class="fa fa-plus" style="font-size: 15px;" aria-hidden='true'></i> 추 가
				</div>
				<div class="base-cancle-button button">
					<i class="fa fa-times-circle-o" style="font-size: 15px;" aria-hidden='true'></i>
					취 소
				</div>
				<div class="base-update-button button">
					<i class="fa fa-pencil-square-o" style="font-size: 15px;" aria-hidden='true'></i>
					수 정
				</div>
				<div class="base-save-button button">
					<i class="fa fa-floppy-o" style="font-size: 15px;" aria-hidden='true'></i>
					저 장
				</div>
				<div class="base-delete-button button">
					<i class="fa fa-trash-o" style="font-size: 15px;" aria-hidden='true'></i> 삭 제
				</div>
			</div>

			<div class="user-search">
				<div class="user-search-button button">
					<i class="fa fa-search" style="font-size: 15px;" aria-hidden='true'></i>조 회
				</div>
				<div class="user-add-button button">
					<i class="fa fa-plus" style="font-size: 15px;" aria-hidden='true'></i>추 가
				</div>
				<div class="user-cancle-button button">
					<i class="fa fa-times-circle-o" style="font-size: 15px;" aria-hidden='true'></i>
					취 소
				</div>
				<div class="user-update-button button">
					<i class="fa fa-pencil-square-o" style="font-size: 15px;" aria-hidden='true'></i>
					수 정
				</div>
				<div class="user-save-button button">
					<i class="fa fa-floppy-o" style="font-size: 15px;" aria-hidden='true'></i>
					저 장
				</div>
				<div class="user-delete-button button">
					<i class="fa fa-trash-o" style="font-size: 15px;" aria-hidden='true'></i>삭제
				</div>
			</div>

			<%--Table 표출 할 곳--%>
			<div class="table-box">
				<div class="data-table-box">
					<table class="data-table">
					</table>
				</div>
			</div>
			<div class="consumer-box2">
				<div class="data-table-box">
					<table class="consumer-info">
					</table>
					<table class="config-table">
					</table>
					<table class="api-acl-table"></table>
				</div>
			</div>
			<div class="consumer-box3">
				<div class="data-table-box">
					<table class="link-info">
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>