<!DOCTYPE html>
<html>
	<head>
		<title>VTi - Download</title>
		<link rel="shortcut icon" href="<?php echo THEMEPATH; ?>/img/folder.png">
		<!-- STYLES -->
		<link rel="stylesheet" href="resources/css/base.css">
		<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="<?php echo THEMEPATH; ?>/css/style.css">
		<!-- SCRIPTS -->
		<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="<?php echo THEMEPATH; ?>/js/directorylister.js"></script>
		<!-- FONTS -->
		<link rel="stylesheet" type="text/css"  href="//fonts.googleapis.com/css?family=Cutive+Mono">
		<!-- META -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta charset="utf-8">
		<?php file_exists('analytics.inc') ? include('analytics.inc') : false; ?>
	</head>
	<body>
		<div id="page-navbar" class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<?php $breadcrumbs = $lister->listBreadcrumbs(); ?>
				<p class="navbar-text">
					<a href="https://www.vuplus-support.org"><i class="fa fa-home fa-lg"></i></a>
					<?php foreach($breadcrumbs as $breadcrumb): ?>
						<?php if ($breadcrumb != end($breadcrumbs)): ?>
								<a href="<?php echo $breadcrumb['link']; ?>"><?php echo $breadcrumb['text']; ?></a>
								<span class="divider">/</span>
						<?php else: ?>
							<?php echo $breadcrumb['text']; ?>
						<?php endif; ?>
					<?php endforeach; ?>
				</p>
				<div class="navbar-right">
					<ul id="page-top-nav" class="nav navbar-nav">
						<li>
							<a href="javascript:void(0)" id="page-top-link">
								<i class="fa fa-arrow-circle-up fa-lg"></i>
							</a>
						</li>
					</ul>
					<?php  if ($lister->isZipEnabled()): ?>
						<ul id="page-top-download-all" class="nav navbar-nav">
							<li>
								<a href="?zip=<?php echo $lister->getDirectoryPath(); ?>" id="download-all-link">
									<i class="fa fa-download fa-lg"></i>
								</a>
							</li>
						</ul>
					<?php endif; ?>
				</div>
			</div>
		</div>
		<div id="page-content" class="container">
			<?php file_exists('header.php') ? include('header.php') : include($lister->getThemePath(true) . "/default_header.php"); ?>
			<?php if($lister->getSystemMessages()): ?>
				<?php foreach ($lister->getSystemMessages() as $message): ?>
					<div class="alert alert-<?php echo $message['type']; ?>">
						<?php echo $message['text']; ?>
						<a class="close" data-dismiss="alert" href="#">&times;</a>
					</div>
				<?php endforeach; ?>
			<?php endif; ?>
			<div id="directory-list-header">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-10">File</div>
					<div class="col-md-1 hidden-sm hidden-xs text-right">Downloads</div>
					<div class="col-md-2 col-sm-2 col-xs-2 text-right">Size</div>
					<div class="col-md-3 col-sm-4 hidden-xs text-right">Last Modified</div>
				</div>
			</div>
			<ul id="directory-listing" class="nav nav-pills nav-stacked">
				<?php foreach($dirArray as $name => $fileInfo): ?>
					<li data-name="<?php echo $name; ?>" data-href="<?php echo $fileInfo['url_path']; ?>">
					<?php if (is_file($fileInfo['file_path'])): ?>
						<a href="download.php?file=<?php echo $fileInfo['url_path']; ?>" class="clearfix" data-name="<?php echo $name; ?>">
					<?php else: ?>
						<a href="<?php echo $fileInfo['url_path']; ?>" class="clearfix" data-name="<?php echo $name; ?>">
					<?php endif; ?>
							<div class="row">
								<span class="file-name col-md-6 col-sm-6 col-xs-9">
									<i class="fa <?php echo $fileInfo['icon_class']; ?> fa-lg"></i>
									<?php echo $name; ?>
								</span>
								<span class="file-size col-md-1 hidden-sm hidden-xs text-right">
								<?php if (is_file($fileInfo['file_path'])): ?>
										<?php echo getDownloadCounter($fileInfo['url_path']); ?>
									<?php else: ?>
										-
									<?php endif; ?>
								</span>
								<span class="file-size col-md-2 col-sm-2 col-xs-3 text-right">
									<?php echo $fileInfo['file_size']; ?>
								</span>
								<span class="file-modified col-md-3 col-sm-4 hidden-xs text-right">
									<?php echo $fileInfo['mod_time']; ?>
								</span>
							</div>
						</a>
						<?php if (is_file($fileInfo['file_path'])): ?>
							<a href="javascript:void(0)" class="file-info-button">
								<i class="fa fa-info-circle"></i>
							</a>
						<?php endif; ?>
					</li>
				<?php endforeach; ?>
			</ul>
		</div>
		<?php file_exists('footer.php') ? include('footer.php') : include($lister->getThemePath(true) . "/default_footer.php"); ?>
		<div id="file-info-modal" class="modal fade">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title">{{modal_header}}</h4>
					</div>
					<div class="modal-body">
						<table id="file-info" class="table table-bordered">
							<tbody>
								<tr>
									<td class="table-title">MD5</td>
									<td class="md5-hash">{{md5_sum}}</td>
								</tr>
								<tr>
									<td class="table-title">SHA256</td>
									<td class="sha256-hash">{{sha256_sum}}</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
