<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<aside th:fragment="sidebarFragment"
	class="main-sidebar sidebar-dark-primary elevation-4">
	<!-- Brand Logo -->
	<a href="/" class="brand-link"> <img
		th:src="@{/dist/img/AdminLTELogo.png}" alt="AdminLTE Logo"
		class="brand-image img-circle elevation-3" style="opacity: .8">
		<span class="brand-text font-weight-light">Http Mock Server</span>
	</a>

	<!-- Sidebar -->
	<div class="sidebar">
		<!-- Sidebar user panel (optional) -->
		<div class="user-panel mt-3 pb-3 mb-3 d-flex">
			<!-- 
			<div class="image">
				<img th:src="@{/dist/img/user2-160x160.jpg}"
					class="img-circle elevation-2" alt="User Image">
			</div>
			<div class="info">
				<a href="#" class="d-block">Alexander Pierce</a>
			</div>
			-->
		</div>

		<!-- SidebarSearch Form -->
		<div class="form-inline">
			<div class="input-group" data-widget="sidebar-search">
				<input class="form-control form-control-sidebar" type="search"
					placeholder="Search" aria-label="Search">
				<div class="input-group-append">
					<button class="btn btn-sidebar">
						<i class="fas fa-search fa-fw"></i>
					</button>
				</div>
			</div>
		</div>

		<!-- Sidebar Menu -->
		<nav class="mt-2">
			<ul class="nav nav-pills nav-sidebar flex-column nav-child-indent"
				data-widget="treeview" role="menu" data-accordion="false">
				<!-- Add icons to the links using the .nav-icon class
               with font-awesome or any other icon font library -->
				<li class="nav-item">
					<a href="#" class="nav-link">
						<i class="nav-icon fas fa-th"></i>
						<p>
							API 관리 <i class="fas fa-angle-left right"></i>
						</p>
					</a>
					<ul class="nav nav-treeview">
						<li class="nav-item">
							<a th:href="@{/manage/findAllApis}" class="nav-link">
								<i class="far fa-circle nav-icon"></i>
								<p>API 관리</p>
							</a>
						</li>
						<li class="nav-item">
							<a th:href="@{/manage/findAllApiKeys}" class="nav-link">
								<i class="far fa-circle nav-icon"></i>
								<p>API 서비스키 관리</p>
							</a>
						</li>
					</ul>
				</li>
				
				<li class="nav-item">
					<a href="#" class="nav-link">
						<i class="nav-icon fas fa-columns"></i>
						<p>
							Echo Socket <i class="fas fa-angle-left right"></i>
						</p>
					</a>
					<ul class="nav nav-treeview">
						<li class="nav-item">
							<a th:href="@{/manage/findAllBytesMessageSpecs}" class="nav-link">
								<i class="far fa-circle nav-icon"></i>
								<p>Bytes Message 관리</p>
							</a>
						</li>
					</ul>
				</li>
				<li class="nav-item">
					<a href="#" class="nav-link">
						<i class="nav-icon fas fa-edit"></i>
						<p>
							부가 기능 <i class="fas fa-angle-left right"></i>
						</p>
					</a>
					<ul class="nav nav-treeview">
						<li class="nav-item">
							<a th:href="@{/manage/findAllHttpRequestInfos}" class="nav-link">
								<i class="far fa-circle nav-icon"></i>
								<p>HTTP 요청 관리</p>
							</a>
						</li>
						<li class="nav-item">
							<a th:href="@{/manage/findAllScriptInfos}" class="nav-link">
								<i class="far fa-circle nav-icon"></i>
								<p>Script 관리</p>
							</a>
						</li>
					</ul>
				</li>
			</ul>
		</nav>
		<!-- /.sidebar-menu -->
	</div>
	<!-- /.sidebar -->
</aside>
</html>