{{ define "main" }}
{{ $location := .File.URI }}
{{ $path := .File.Path }}
<form id="file_manager" name="file_manager" enctype="multipart/form-data" method="post">

	<div class="form-header">
		<h4 class="html-path clickable">{{ .File.HTMLPath }}</h4>
		<div class="form-actions clickable">
			<button class="back-button" formaction="/view/{{$location}}/.."> <img src="/static/icons/bs/actions/arrow-left-short.svg"> <b>Back</b> </button>
			<button class="cut-button" formaction="?action=cut"> <img src="/static/icons/bs/actions/scissors.svg"> <b>Cut</b> </button>
			<button class="copy-button" formaction="?action=copy"> <img src="/static/icons/bs/actions/copy.svg"> <b>Copy</b> </button>
			<button class="delete-button" onclick="deleteAction(this)"> <img src="/static/icons/bs/actions/trash.svg"> <b>Delete</b> </button>
			<button class="download-button" formaction="/download/{{$location}}"> <img src="/static/icons/bs/actions/download.svg"> <b>Download</b> </button>
			<input type="checkbox" id="upload-button">
			<label for="upload-button"><img src="/static/icons/bs/actions/upload.svg"> <b>Upload</b> </label>
			<div id="file-upload-box">
				<input type="file" name="attachments" multiple>
				<span class="actions">
					<button formaction="/upload/{{$location}}"><img src="/static/icons/bs/actions/upload.svg"> <b>Submit</b> </button>
				</span>
			</div>
		</div>

		{{ if .CutCount }}
		<details id="cut-buffer">
			<summary class="clickable">
				<span> <img src="/static/icons/bs/actions/scissors.svg"> Files in Cut Buffer ({{ .CutCount }}) </span>
				<span class="actions">
					<button type="submit" class="paste-button" formaction="?action=cut-paste">
						<img src="/static/icons/bs/actions/clipboard.svg"> <b>Paste</b>
					</button>
					<button type="submit" class="clear-button" formaction="?action=cancel-cut">
						<img src="/static/icons/bs/actions/backspace.svg"> <b>Clear</b>
					</button>
				</span>
			</summary>
			<div class="content">
				{{ range .CutBuffer }} <div>{{ . }}</div> {{ end }}
			</div>
		</details>
		{{ end }}

		{{ if .CopyCount }}
		<details id="copy-buffer">
			<summary class="clickable">
				<span> <img class="icon" src="/static/icons/bs/actions/copy.svg"> Files in Copy Buffer ({{ .CopyCount }}) </span>
				<span class="actions">
					<button type="submit" class="paste-button" formaction="/view/{{$location}}?action=copy-paste"> <img src="/static/icons/bs/actions/clipboard.svg"> <b>Paste</b> </button>
					<button type="submit" class="clear-button" formaction="/view/{{$location}}?action=cancel-copy"> <img src="/static/icons/bs/actions/backspace.svg"> <b>Clear</b> </button>
				</span>
			</summary>
			<div class="content">
				{{ range .CopyBuffer }} <div>{{ . }}</div> {{ end }}
			</div>
		</details>
		{{ end }}
	</div>

	<div class="table clickable" id="file-list">
		<div class="thead">
			<label class="tr" for="file-list-header">
				<input class="th" type="checkbox" id="file-list-header" name="file-list-header" onchange="toggleAll(this)">
				<span class="th"></span>
				<span class="th">File</span>
				<span class="th">Size</span>
				<span class="th">Date</span>
				<span class="th">Time</span>
				<span class="th">Info</span>
			</label>
		</div>
		<div class="tbody">
			{{ range .File.Data }}
			{{ $name := .Info.Name }}
			<label class="tr mode-{{.Mode}}" for="-file-entry--{{$name}}">
				<input class="td" type="checkbox" id="-file-entry--{{$name}}" name="-file-entry--{{$name}}">
				<span class="td"><img src="{{.IconPath}}"></span>
				<span class="td"><a href="/view/{{$location}}/{{$name}}">{{$name}}</a></span>
				<span class="td">{{ .Size }}</span>
				<span class="td">{{ .ModDate }}</span>
				<span class="td">{{ .ModTime }}</span>
				<span class="td">{{ .Details }}</span>
			</label>
			{{ end }}
		</div>
	</div>

	{{ if .FileCount }}
	<p class="info hint">Hint: aestrik (*) indicates mime-type (media type) of file in Info section.</p>
	{{ else }}
	<p class="info empty-folder-msg">Empty Folder</p>
	{{ end }}
</form>

<form action="?action=newdir" method="post">
	<input type="checkbox" id="newdir-cb" name="newdir-cb">
	<label for="newdir-cb"><img src="/static/icons/bs/actions/folder-plus.svg"></label>
	<div id="newdir-bg" onclick="document.getElementById('newdir-cb').checked = false;"></div>
	<div id="newdir-box">
		<p><b>Create New Folder</b></p>
		<p>
			<input type="text" name="newdir" placeholder="Folder Name" required>
			<button formaction="?action=newdir"><img src="/static/icons/bs/actions/check.svg"></button>
		</p>
	</div>
</form>
{{ end }}