{{ template "header" . }}

	<div >

		<!-- <h1>services</h1> -->

		<table data-toggle="table" class="table table-hover">
			<tbody id="table">
				<thead>
					<tr>
						<th data-sortable="true" scope="col" width="5%">Index</th>
						<th data-sortable="true" scope="col">Filename</th>
						<th data-sortable="true" scope="col">URL</th>
						<th data-sortable="true" scope="col">Status</th>
						<th scope="col">Actions</th>
					</tr>
				</thead>

				{{ range $idx, $request := .History }}
				<tr class="download">
					<th scope="row">{{ $idx }}</th>
					<td class="lastlog">
						{{ printf "%s/%s" $request.Subdir $request.Filename }}
					</td>
					<td>
						{{ $request.URL }}
					</td>
					<td>
						{{ printf "%v" $request.Status }}
						{{ if $request.Error }}
							{{ $request.Error }}
						{{ end }}
					</td>
					<td class="dropdown">
						<button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown">Actions</button>
						<div class="dropdown-menu">
							<a class="dropdown-item" href="#" onclick="if (confirm('confirm deletion of ' + {{ printf "%s/%s" $request.Subdir $request.Filename }})) { deleteDownload([{index: {{ $idx }}, history: true }])}">Delete</a>
							<a class="dropdown-item" href="#" onclick='setDownload([{ index: {{ $idx }}, status: "Queue", priority: {{ $request.Priority }} }])'>Resume</a>
							<a class="dropdown-item" href="#" onclick='setDownload([{ index: {{ $idx }}, status: "Stop", priority: {{ $request.Priority }} }])'>Stop</a>
							<a class="dropdown-item" title="{{ printf "%s/%s" $request.Subdir $request.Filename }}" href="/get/{{ printf "%s/%s" $request.Subdir $request.Filename }}">Retrieve</a>
						</div>
					</td>
				</tr>
				{{ end }}
			</tbody>
		</table>

	</div>

<script src="/downloads.js"></script>

{{ template "footer" . }}