<?php

$filelist = `ls -1 *.bsp`;
$list = explode("\n", $filelist);
?>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">

<div class="row">
<div class="col-xs-4 col-sm-6 col-md-8 col-lg-8 col-xl-8">Filename</div>
<div class="col-xs-4 col-sm-4 col-md-2 col-lg-2 col-xl-2" style="align: right;">Size</div>
<div class="col-xs-4 col-sm-2 col-md-2 col-lg-2 col-xl-2" style="align: right;">Date</div>
</div>

<?php 
foreach ($list AS $file) {
	if ($file == "") {
		continue;
	}
	$stats = stat($file);
?>
<div class="row">
<div class="col-xs-4 col-sm-6 col-md-8 col-lg-8 col-xl-8"><a href="<?=$file?>"><?=$file?></a></div>
<div class="col-xs-4 col-sm-4 col-md-2 col-lg-2 col-xl-2" style="align: right;"><?=human_filesize($stats['size'], 2)?></div>
<div class="col-xs-4 col-sm-2 col-md-2 col-lg-2 col-xl-2" style="align: right;"><?=date("Y M j", $stats['mtime'])?></div>
</div>
<?php } ?>

</div>
</body>
</html>

<?php
function human_filesize($bytes, $decimals = 2) {
	$sz = 'BKMGTP';
	$factor = floor((strlen($bytes) - 1) / 3);
	return sprintf("%.{$decimals}f", $bytes / pow(1024, $factor)) . @$sz[$factor];
}
?>