<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title><%= curr.name %></title>
	<link rel="stylesheet" href="/viewer.css">
	<style id="hide-cursor-style">
		::-webkit-scrollbar {
			display: none;
		}
	</style>
	<script src="/mousetrap-js/mousetrap.js"></script>
	<script src="/fetchival/index.js"></script>
	<script>
		var cv = <%- comicViewer %>,
			match;
		
		// check isfile
		if (cv.isFile) {
			location.href = "/view?path=" + encodeURIComponent(cv.curr.dir) + "#" + cv.curr.name;
		}
	</script>
	<script src="/viewer.js"></script>
</head>
<body>
	<div class="container">
		<div class="container-inner">
			<div class="nav">
				<a class="title main"><%= curr.name %></a>
				<div class="right">
					<a class="command-explorer">Explorer</a>
					<a class="command-bookmarks">Bookmarks</a>
					<div class="bookmark-menu"></div>
				</div>
			</div>
			<div class="images">
				<% files.forEach(function(file){ 
					if (/\.(jpg|jpeg|png|gif)$/i.test(file.name)) { %>
						<img src="/src?path=<%= encodeURIComponent(file.full) %>" id="<%= file.name %>">
					<% }
				}) %>
			</div>
			<% if (dirs.length) { %>
				<div class="dir-controls">
					<input type="text" class="dir-search-box">
				</div>
			<% } %>
			<div class="dirs">
				<% dirs.forEach(function(file){ %>
					<a href="/view?path=<%= encodeURIComponent(file.full) %>" id="<%= file.name %>"><%= file.name %></a>
				<% }) %>
			</div>
			<div class="controls">
				<% if (prev) { %>
					<a href="/view?path=<%= encodeURIComponent(prev.full) %>" id="prev" title="<%= prev.name %>">Prev</a>
				<% } %>
				<% if (curr.dir) { %>
					<a href="/view?path=<%= encodeURIComponent(curr.dir) + "#" + curr.name %>" title="<%= curr.dirname %>">..</a>
				<% } %>
				<% if (next) { %>
					<a href="/view?path=<%= encodeURIComponent(next.full) %>" id="next" title="<%= next.name %>">Next</a>
				<% } %>
			</div>
		</div>
	</div>
	<div class="layers">
		<div class="notify"></div>
	</div>
</body>
</html>