<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
	<!-- sidebar: style can be found in sidebar.less -->
	<section class="sidebar">
		<!-- Sidebar user panel -->
		<div class="user-panel">
			<div class="pull-left image">
				<img src="<%= user.displayAvatarURL %>" class="img-circle" alt="User Image">
			</div>
			<div class="pull-left info">
				<p><%= user.tag %></p>
				<!-- <a href="#"><i class="fa fa-circle text-<%=// user.status === "dnd" ? "danger" : user.status === "idle" ? "warning" : user.status === "online" ? "success" : ""%>"></i>
					<%=// translate("common:STATUS_" + user.status.toUpperCase()) %>
				</a> -->
			</div>
		</div>
		<!-- sidebar menu: style can be found in sidebar.less -->
		<ul class="sidebar-menu" data-widget="tree">
			<li class="header"><%= translate("dashboard:SERVERS_MANAGEMENT").toUpperCase() %></li>
			<li class="treeview menu-open">
			<li><a href="/selector"><i class="fa fa-home"></i> <span><%= translate("dashboard:SELECTOR") %></span></a>
			</li>
			</li>
			<li class="treeview">
				<a href="/manage/">
					<i class="fa fa-server"></i>
					<span><%= translate("dashboard:SERVERS_LIST") %></span>
					<span class="pull-right-container">
						<i class="fa fa-angle-left pull-right"></i>
					</span>
				</a>
				<% if (user.displayedGuilds) { %>
				<ul class="treeview-menu">
					<% user.displayedGuilds.forEach((guild) => { %>
					<li><a href="<%= guild.settingsUrl %>"><i
								class="fa fa-circle-o text-<%= guild.owner ? "green" : "grey" %>"></i>
							<%= guild.name %></a></li>
					<% }); %>
				</ul>
				<% } %>
			</li>
		</ul>
		<ul class="sidebar-menu" data-widget="tree">
			<li class="header"><%= translate("common:PROFILE").toUpperCase() %></li>
			<li class="treeview menu-open">
			<li><a href="/docs"><i class="fa fa-file"></i> <span>Документация</span></a></li>
			<li><a href="/profile"><i class="fa fa-user"></i> <span><%= translate("common:PROFILE") %></span></a></li>
			</li>
		</ul>
	</section>
	<!-- /.sidebar -->
</aside>

<script>
	$(document).ready(function () {
		// get current URL path and assign "active" class
		let pathname = window.location.pathname;
		$(`.sidebar-menu > li > a[href="${pathname}"]`).parent().addClass("active");
		$(`.sidebar-menu > li > ul > li > a[href="${window.location.pathname}"]`).parent().addClass("active");
		$(`.sidebar-menu > li > a[href="/${window.location.pathname.split("/")[1]}/"]`).parent().addClass(
			"active");
	});
</script>