{% extends "../base.html" %}

{% block title %}{{ _("Files") }}{% end block %}

{% block sidebar %}
	{% set help = backend.wiki.get_page("/wiki/media") %}

	{% if help %}
		{% raw help.html %}
	{% end %}
{% end block %}

{% block main %}
	{% if files %}
		<div class="card mb-4">
			<div class="card-body">
				<h4 class="card-title">{{ _("Files") }}</h4>

				<div class="row">    
					{% for f in files %}
						{% if f.is_image() %}
							<div class="col-sm-6 col-md-4">
								<figure class="figure">
									<img class="figure-img img-fluid img-thumbnail" src="{{ f.url }}?s=256" alt="{{ f.filename }}">
									<figcaption class="figure-caption">{{ f.filename }}</figcaption>
								</figure>     
							</div>
						{% end %}
					{% end %}
				</div>

				<ul class="list-inline">
					{% for f in files %}
						{% if not f.is_image() %}
							<li class="list-inline-item">
								{% if "pdf" in f.mimetype %}
									<span class="fas fa-file-pdf fa-fw"></span>
								{% else %}
									<span class="fas fa-file fa-fw"></span>
								{% end %}

								<a href="{{ f.url }}">{{ f.filename }}</a>
							</li>
						{% end %}
					{% end %}
				</ul>
			</div>
		</div>
	{% end %}

	<div class="card">
		<div class="card-body">
			<h6 class="card-title">{{ _("Upload File") }}</h6>

			<form method="POST" action="/actions/upload" enctype="multipart/form-data">
				{% raw xsrf_form_html() %}

				<input type="hidden" name="path" value="{{ path }}">

				<div class="form-group">
					<input type="file" class="form-control-file" name="file" required>

					<small class="form-text text-muted">
						{{ _("Choose a file to upload") }}
					</small>
				</div>

				<input class="btn btn-primary btn-block" type="submit" value="{{ _("Upload") }}">
			</form>
		</div>
	</div>
{% end block %}