%%[[if !edit]]%%
<div id="paperless%id%" class="paperless %[if %("%id=start_with_files_hidden%" == "true")% ]%start_hidden%[endif]%">

	%[if %("%id=manual_search_box%" == "true")% ]%
	<form action="" id="manualSearchBoxForm_%id%">
		<label for="manualSearchInput_%id%" id="paperless_manual_search_label_%id%" class="paperless_manual_search_label">%id=search_label%</label>
		<input type="text" id="manualSearchInput_%id%" class="paperless_manualSearchInput" placeholder="%id=manual_search_placeholder%" %id=manual_search_autocomplete% %id=manual_search_spellcheck%>
		<button type="submit" id="paperlessSearchButton_%id%" class="paperlessSearchButton">%id=search_button_label%</button>
		<button type="reset" id="paperlessResetButton_%id%" class="paperlessResetButton">%id=reset_button_label%</button>
	</form>
	%[endif]%


<?php
function listFiles_%id%($dir) {
	$output = '';  $outRows = '';  $files = array();
	if (is_dir($dir)) {
		if ($dirHandle = opendir($dir)) {
			$files = array_diff(scandir($dir), array('.', '..', '.htaccess'));
			$totalSize = (int) 0;

			foreach($files as $file) {

				// These files will be ignored
				$excludedFiles = array (
			    	%id=excluded_files%
			  	);

				// These file extensions will be ignored
				$excludedExtensions = array (
			    %id=excluded_extensions%
				);

				// Convert to lower case so we are not case-sensitive
  				for ($i = 0; isset($excludedFiles[$i]); $i++) $excludedFiles[$i] = strtolower(ltrim($excludedFiles[$i],'.'));
  				for ($i = 0; isset($excludedExtensions[$i]); $i++) $excludedExtensions[$i] = strtolower($excludedExtensions[$i]);

				// Make sure we ignore . and ..
  				$excludedFiles = array_merge($excludedFiles,array('.','..'));

				// Only echo links for files that don't match our rules
				$extn = explode('.',$file);
      			$extn = array_pop($extn);
      			if (!in_array(strtolower($file),$excludedFiles) && !in_array(strtolower($extn),$excludedExtensions)) {

					// Some simple cleaning of file names, to get them into a more 'human-readable' format
					$filenameremovehyphens = str_replace("-", " ", $file); // Remove hyphens
					$filenameremoveunderscores = str_replace("_", " ", $filenameremovehyphens); // Remove underscores
					$cleanedfiletitle = preg_replace('/\\.[^.\\s]{3,5}$/', '', $filenameremoveunderscores); // Remove file extensions

					// Get the file extension
					$extension = pathinfo($file, PATHINFO_EXTENSION);

					// Choose the correct Font Awesome icon or image icon to display

					// Image files

					%[if %("%id=image_icons%" == "true")% ]%
					if ($extension == "jpg") {
						$icon = '<div class="paperless-thumbnail">%[if %("%id=image_icon_behaviour%" == "download")% ]%<a href="'. $dir . '/' . $file . '" download class="paperless-thumbnail-download">%id=download_label%</a>%[endif]%%[if %("%id=image_icon_behaviour%" == "preview")% ]%<a href="'. $dir . '/' . $file . '" %id=new_tab% class="paperless-thumbnail-preview preview-type-' . $extension . '" %[if %("%id=lightbox_toggle%" == "true")% ]%title="' . $cleanedfiletitle . '"%[endif]%>%id=preview_label%</a>%[endif]%<img %[if %("%id=javascript_lazy_loading%" == "true")% ]%src="%assetPath%/lazy-loading/blank.gif" class="lazyload"%[endif]%%[if %("%id=javascript_lazy_loading%" == "false")% ]%src="'. $dir . '/' . $file . '"%[endif]% %[if %("%id=html5_lazy_loading%" == "true")% ]%loading="lazy" class="lazyload"%[endif]% data-src="'. $dir . '/' . $file . '"></div>';
					}
					elseif ($extension == "webp") {
						$icon = '<div class="paperless-thumbnail">%[if %("%id=image_icon_behaviour%" == "download")% ]%<a href="'. $dir . '/' . $file . '" download class="paperless-thumbnail-download">%id=download_label%</a>%[endif]%%[if %("%id=image_icon_behaviour%" == "preview")% ]%<a href="'. $dir . '/' . $file . '" %id=new_tab% class="paperless-thumbnail-preview preview-type-' . $extension . '" %[if %("%id=lightbox_toggle%" == "true")% ]%title="' . $cleanedfiletitle . '"%[endif]%>%id=preview_label%</a>%[endif]%<img %[if %("%id=javascript_lazy_loading%" == "true")% ]%src="%assetPath%/lazy-loading/blank.gif" class="lazyload"%[endif]%%[if %("%id=javascript_lazy_loading%" == "false")% ]%src="'. $dir . '/' . $file . '"%[endif]% %[if %("%id=html5_lazy_loading%" == "true")% ]%loading="lazy" class="lazyload"%[endif]% data-src="'. $dir . '/' . $file . '"></div>';
					}
					elseif ($extension == "heic") {
						$icon = '<div class="paperless-thumbnail">%[if %("%id=image_icon_behaviour%" == "download")% ]%<a href="'. $dir . '/' . $file . '" download class="paperless-thumbnail-download">%id=download_label%</a>%[endif]%%[if %("%id=image_icon_behaviour%" == "preview")% ]%<a href="'. $dir . '/' . $file . '" %id=new_tab% class="paperless-thumbnail-preview preview-type-' . $extension . '" %[if %("%id=lightbox_toggle%" == "true")% ]%title="' . $cleanedfiletitle . '"%[endif]%>%id=preview_label%</a>%[endif]%<img %[if %("%id=javascript_lazy_loading%" == "true")% ]%src="%assetPath%/lazy-loading/blank.gif" class="lazyload"%[endif]%%[if %("%id=javascript_lazy_loading%" == "false")% ]%src="'. $dir . '/' . $file . '"%[endif]% %[if %("%id=html5_lazy_loading%" == "true")% ]%loading="lazy" class="lazyload"%[endif]% data-src="'. $dir . '/' . $file . '"></div>';
					}
					elseif ($extension == "gif") {
						$icon = '<div class="paperless-thumbnail">%[if %("%id=image_icon_behaviour%" == "download")% ]%<a href="'. $dir . '/' . $file . '" download class="paperless-thumbnail-download">%id=download_label%</a>%[endif]%%[if %("%id=image_icon_behaviour%" == "preview")% ]%<a href="'. $dir . '/' . $file . '" %id=new_tab% class="paperless-thumbnail-preview preview-type-' . $extension . '" %[if %("%id=lightbox_toggle%" == "true")% ]%title="' . $cleanedfiletitle . '"%[endif]%>%id=preview_label%</a>%[endif]%<img %[if %("%id=javascript_lazy_loading%" == "true")% ]%src="%assetPath%/lazy-loading/blank.gif" class="lazyload"%[endif]%%[if %("%id=javascript_lazy_loading%" == "false")% ]%src="'. $dir . '/' . $file . '"%[endif]% %[if %("%id=html5_lazy_loading%" == "true")% ]%loading="lazy" class="lazyload"%[endif]% data-src="'. $dir . '/' . $file . '"></div>';
					}
					elseif ($extension == "png") {
						$icon = '<div class="paperless-thumbnail">%[if %("%id=image_icon_behaviour%" == "download")% ]%<a href="'. $dir . '/' . $file . '" download class="paperless-thumbnail-download">%id=download_label%</a>%[endif]%%[if %("%id=image_icon_behaviour%" == "preview")% ]%<a href="'. $dir . '/' . $file . '" %id=new_tab% class="paperless-thumbnail-preview preview-type-' . $extension . '" %[if %("%id=lightbox_toggle%" == "true")% ]%title="' . $cleanedfiletitle . '"%[endif]%>%id=preview_label%</a>%[endif]%<img %[if %("%id=javascript_lazy_loading%" == "true")% ]%src="%assetPath%/lazy-loading/blank.gif" class="lazyload"%[endif]%%[if %("%id=javascript_lazy_loading%" == "false")% ]%src="'. $dir . '/' . $file . '"%[endif]% %[if %("%id=html5_lazy_loading%" == "true")% ]%loading="lazy" class="lazyload"%[endif]% data-src="'. $dir . '/' . $file . '"></div>';
					}
					elseif ($extension == "bmp") {
						$icon = '<div class="paperless-thumbnail">%[if %("%id=image_icon_behaviour%" == "download")% ]%<a href="'. $dir . '/' . $file . '" download class="paperless-thumbnail-download">%id=download_label%</a>%[endif]%%[if %("%id=image_icon_behaviour%" == "preview")% ]%<a href="'. $dir . '/' . $file . '" %id=new_tab% class="paperless-thumbnail-preview preview-type-' . $extension . '" %[if %("%id=lightbox_toggle%" == "true")% ]%title="' . $cleanedfiletitle . '"%[endif]%>%id=preview_label%</a>%[endif]%<img %[if %("%id=javascript_lazy_loading%" == "true")% ]%src="%assetPath%/lazy-loading/blank.gif" class="lazyload"%[endif]%%[if %("%id=javascript_lazy_loading%" == "false")% ]%src="'. $dir . '/' . $file . '"%[endif]% %[if %("%id=html5_lazy_loading%" == "true")% ]%loading="lazy" class="lazyload"%[endif]% data-src="'. $dir . '/' . $file . '"></div>';
					}
					elseif ($extension == "tiff") {
						$icon = '<div class="paperless-thumbnail">%[if %("%id=image_icon_behaviour%" == "download")% ]%<a href="'. $dir . '/' . $file . '" download class="paperless-thumbnail-download">%id=download_label%</a>%[endif]%%[if %("%id=image_icon_behaviour%" == "preview")% ]%<a href="'. $dir . '/' . $file . '" %id=new_tab% class="paperless-thumbnail-preview preview-type-' . $extension . '" %[if %("%id=lightbox_toggle%" == "true")% ]%title="' . $cleanedfiletitle . '"%[endif]%>%id=preview_label%</a>%[endif]%<img %[if %("%id=javascript_lazy_loading%" == "true")% ]%src="%assetPath%/lazy-loading/blank.gif" class="lazyload"%[endif]%%[if %("%id=javascript_lazy_loading%" == "false")% ]%src="'. $dir . '/' . $file . '"%[endif]% %[if %("%id=html5_lazy_loading%" == "true")% ]%loading="lazy" class="lazyload"%[endif]% data-src="'. $dir . '/' . $file . '"></div>';
					}
					%[endif]%

					%[if %("%id=image_icons%" == "false")% ]%
					if ($extension == "jpg") {
						$icon = '%id=icon_jpg%';
					}
					elseif ($extension == "webp") {
						$icon = '%id=icon_webp%';
					}
					elseif ($extension == "heic") {
						$icon = '%id=icon_heic%';
					}
					elseif ($extension == "gif") {
						$icon = '%id=icon_gif%';
					}
					elseif ($extension == "png") {
						$icon = '%id=icon_png%';
					}
					elseif ($extension == "bmp") {
					 	$icon = '%id=icon_bmp%';
					}
					elseif ($extension == "tiff") {
					 	$icon = '%id=icon_tiff%';
					}
					%[endif]%

					// Other file types

					elseif ($extension == "pdf") {
						$icon = '%id=icon_pdf%';
					}
					elseif ($extension == "psd") {
						$icon = '%id=icon_psd%';
					}
					elseif ($extension == "svg") {
						$icon = '%id=icon_svg%';
					}
					elseif ($extension == "mp3") {
						$icon = '%id=icon_mp3%';
					}
					elseif ($extension == "wav") {
						$icon = '%id=icon_wav%';
					}
					elseif ($extension == "ogg") {
						$icon = '%id=icon_ogg%';
					}
					elseif ($extension == "flac") {
						$icon = '%id=icon_flac%';
					}
					elseif ($extension == "alac") {
						$icon = '%id=icon_alac%';
					}
					elseif ($extension == "aac") {
						$icon = '%id=icon_aac%';
					}
					elseif ($extension == "aiff") {
						$icon = '%id=icon_aiff%';
					}
					elseif ($extension == "wma") {
						$icon = '%id=icon_wma%';
					}
					elseif ($extension == "mov") {
						$icon = '%id=icon_mov%';
					}
					elseif ($extension == "mp4") {
						$icon = '%id=icon_mp4%';
					}
					elseif ($extension == "ogv") {
						$icon = '%id=icon_ogv%';
					}
					elseif ($extension == "wmp") {
						$icon = '%id=icon_wmp%';
					}
					elseif ($extension == "swf") {
						$icon = '%id=icon_swf%';
					}
					elseif ($extension == "m4v") {
						$icon = '%id=icon_m4v%';
					}
					elseif ($extension == "webm") {
						$icon = '%id=icon_webm%';
					}
					elseif ($extension == "hevc") {
						$icon = '%id=icon_hevc%';
					}
					elseif ($extension == "zip") {
						$icon = '%id=icon_zip%';
					}
					elseif ($extension == "dmg") {
						$icon = '%id=icon_dmg%';
					}
					elseif ($extension == "tar") {
						$icon = '%id=icon_tar%';
					}
					elseif ($extension == "rar") {
						$icon = '%id=icon_rar%';
					}
					elseif ($extension == "gz") {
						$icon = '%id=icon_gz%';
					}
					elseif ($extension == "doc") {
						$icon = '%id=icon_doc%';
					}
					elseif ($extension == "docx") {
						$icon = '%id=icon_docx%';
					}
					elseif ($extension == "ppt") {
						$icon = '%id=icon_ppt%';
					}
					elseif ($extension == "pptx") {
						$icon = '%id=icon_pptx%';
					}
					elseif ($extension == "xls") {
						$icon = '%id=icon_xls%';
					}
					elseif ($extension == "xlsx") {
						$icon = '%id=icon_xlsx%';
					}
					elseif ($extension == "pages") {
						$icon = '%id=icon_pages%';
					}
					elseif ($extension == "key") {
						$icon = '%id=icon_key%';
					}
					elseif ($extension == "numbers") {
						$icon = '%id=icon_numbers%';
					}
					elseif ($extension == "odt") {
						$icon = '%id=icon_odt%';
					}
					elseif ($extension == "rtf") {
						$icon = '%id=icon_rtf%';
					}
					elseif ($extension == "txt") {
						$icon = '%id=icon_txt%';
					}
					elseif ($extension == "csv") {
						$icon = '%id=icon_csv%';
					}
					elseif ($extension == "tsv") {
						$icon = '%id=icon_tsv%';
					}
					elseif ($extension == "md") {
						$icon = '%id=icon_md%';
					}
					elseif ($extension == "html") {
						$icon = '%id=icon_html%';
					}
					elseif ($extension == "htm") {
						$icon = '%id=icon_htm%';
					}
					elseif ($extension == "xml") {
						$icon = '%id=icon_xml%';
					}
					elseif ($extension == "sql") {
						$icon = '%id=icon_sql%';
					}
					elseif ($extension == "db") {
						$icon = '%id=icon_db%';
					}
					elseif ($extension == "json") {
						$icon = '%id=icon_json%';
					}
					elseif ($extension == "css") {
						$icon = '%id=icon_css%';
					}
					elseif ($extension == "js") {
						$icon = '%id=icon_js%';
					}
					elseif ($extension == "custom1") {
						$icon = '%id=custom1_icon%';
					}
					elseif ($extension == "custom2") {
						$icon = '%id=custom2_icon%';
					}
					elseif ($extension == "custom3") {
						$icon = '%id=custom3_icon%';
					}
					elseif ($extension == "custom4") {
						$icon = '%id=custom4_icon%';
					}
					elseif ($extension == "custom5") {
						$icon = '%id=custom1_icon%';
					}
					else {
						$icon = '%id=icon_other%';
					}

					// Get the file permissions
					$permissions = substr(sprintf('%o', fileperms($dir . '/' . $file)), -4);

					// Get the file change sort stamp
					$fileChangeSortStamp = @date("Ymd", filectime($dir . '/' . $file)) . '' . @date("his", filectime($dir . '/' . $file));

					// Get the file change date
					$fileChangeDate = @date("%id=change_date_format%", filectime($dir . '/' . $file)) . ' ' . @date("%id=change_time_format%", filectime($dir . '/' . $file));

					// Get the file modification sort stamp
					$fileModificationSortStamp = @date("Ymd", filemtime($dir . '/' . $file)) . '' . @date("his", filemtime($dir . '/' . $file));

					// Get the file modification date
					$fileModificationDate = @date("%id=date_format%", filemtime($dir . '/' . $file)) . ' ' . @date("%id=time_format%", filemtime($dir . '/' . $file));

					// Get the file size and convert it into a more 'human-readable' format
					$totalSize += filesize($dir . '/' . $file);
					$fileSize = @byte_convert_%id%(filesize($dir . '/' . $file));

					// Construct the table
					$cellIcon = '<td class="icon-cell file-type-' . $extension . '">' . $icon . '<div class="subIconExtension">' . $extension . '</div></td>';
					$cellLinkedTitle = '<td class="title-cell linked-title-cell"><a href="'. $dir . '/' . $file . '" %id=open_titles_in_new_tab%>' . $cleanedfiletitle . '</a></td>';
					// Or
					$cellTitle = '<td class="title-cell">' . $cleanedfiletitle . '</td>';
					$cellType = '<td class="type-cell file-type-' . $extension . '">' . $extension . '</td>';
					$cellpermissions = '<td class="permissions-cell">' . $permissions . '</td>';
					$changeTime = '<td class="change-date-cell"><span class="dateTimeHiddenStamp">' . $fileChangeSortStamp .'</span>' . $fileChangeDate . '</td>';
					$modifiedTime = '<td class="date-cell"><span class="dateTimeHiddenStamp">' . $fileModificationSortStamp .'</span>' . $fileModificationDate . '</td>';
					$cellSize = '<td class="size-cell" data-file-size-pre="' . $totalSize . '">' . $fileSize . '</td>';
					$previewButton = '<td class="preview-cell"><a href="'. $dir . '/' . $file . '" %id=new_tab% class="paperlessPreviewButton preview-type-' . $extension . '" %[if %("%id=lightbox_toggle%" == "true")% ]%title="' . $cleanedfiletitle . '"%[endif]%>%id=preview_label%</a></td>';
					$printbutton = '<td class="print-cell"><a href="'. $dir . '/' . $file . '" class="paperlessPrintButton">%id=print_label%</a></td>';
					$downloadbutton = '<td class="download-cell"><a href="'. $dir . '/' . $file . '" download %id=downloads_in_new_tab% class="paperlessDownloadButton">%id=download_label%</a></td>';
					// Output each file as a new row
					$outRows .= '<tr>' . "\n" . $cellIcon . "\n" . %id=title_make_link% . "\n" . $cellType . "\n" . $cellpermissions . "\n " . $changeTime . "\n " . $modifiedTime . "\n " . $cellSize . "\n" . $previewButton . "\n" . $printbutton . "\n" . $downloadbutton . "\n" . '</tr>' . "\n";
				}
			}
			closedir($dirHandle);
		}
	}

	// Table markup
	$output = '<table id="table%id%" class="table paperlessTable %id=responsive_support% %id=nowrap_support%">' . "\n";
	$output .= '<thead><tr><th class="%id=icon_column_sortable% icon-header">%id=icon_cell_title%</th><th id="downloadFileName" class="%id=title_column_sortable% filename-header">%id=title_cell_title%</th><th id="downloadType" class="%id=type_column_sortable% type-header">%id=type_cell_title%</th><th id="downloadPermissions" class="%id=permissions_column_sortable% permissions-header">%id=permissions_cell_title%</th><th id="changeDate" class="%id=change_column_sortable% change-date-header">%id=change_cell_title%</th><th id="downloadDate" class="%id=date_column_sortable% date-header">%id=date_cell_title%</th><th id="downloadSize" class="file-size %id=size_column_sortable% size-header">%id=size_cell_title%</th><th class="no-sort preview-header">%id=preview_cell_title%</th><th class="no-sort print-header">%id=print_cell_title%</th><th class="no-sort download-header">%id=download_cell_title%</th></tr></thead>' . "\n";
	$output .= '<tbody>' . "\n";
	$output .= $outRows;
	$output .= '</tbody>' . "\n";
	$output .= '</table>';
	$output .= '<div class="stats" hidden> Number of files: ' . count($files) . '<br>Combined size: ' . @byte_convert_%id%($totalSize) . '</div><br>' . "\n";

	return $output;
}

// Function to reprocess file sizes into a more 'human-readable' format
function byte_convert_%id%($bytes) {
	$symbol = array('B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB');
	$exp = (int) 0;
	$converted_value = (int) 0;
	if ($bytes > 0) {
		$exp = floor(log($bytes)/log(1024));
		$converted_value = ($bytes/pow(1024,floor($exp)));
	}
	return sprintf('%.0f ' . $symbol[$exp], $converted_value);
}

// Echo the completed table out onto the webpage
echo listFiles_%id%('%id=relative_path%');
?>

</div>
%%[[endif]]%%

%[if %("%id=javascript_lazy_loading%" == "true")% ]%
<!-- Javascript required for lazy loading of thumbnail icons. This Javascript has to come after the images. Lazy-loading can be disabled in Image Icons > Settings within Paperless -->
<script src="%assetPath%/lazy-loading/jquery-2.2.4.min.js"></script>
<script src="%assetPath%/lazy-loading/lazyload.min.js"></script>
<script src="%assetPath%/lazy-loading/lazyload-config.js"></script>
<script>
jQuery(function($) {
    console.log($, 'jquery works');
    console.log($("img.lazyload").length);
		$("img.lazyload").lazyload();
});
</script>
%[endif]%

%%[[if !edit]]%% 
<!-- Demo stack. Credit to remain on display at ALL times. If you like this stack, then please buy a copy of it. -->
<div style="position:fixed;bottom:0;left:0;z-index:999999;font-family:monospace;font-size:13px;color:#fff;background:#000;padding:0.5rem;">This webpage uses the free demo version of %stackTitle% v%stackVersion%</div>
%%[[endif]]%%