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

{% block title %}{{ file.filename }}{% end block %}

{% block main %}
	<div class="card mb-4">
		<div class="card-body">
			{% if file.is_image() %}
				<p class="text-center">
					<img class="img-fluid img-thumbnail" src="{{ file.url }}?s=768" alt="{{ file.filename }}">
				</p>
			{% elif file.is_pdf() %}
				<object class="pdf-viewer" data="{{ file.url }}"
						title="{{ file.filename }}" type="{{ file.mimetype }}">
					<p>
						{{ _("This PDF attachment could not be displayed.") }}
						<a href="{{ file.url }}">{{ _("Click here to download") }}</a>
					</p>
				</object>
			{% end %}

			<a class="btn btn-primary btn-lg btn-block my-3" href="{{ file.url }}">
				<span class="fas fa-file-download"></span>
				{{ _("Download") }} ({{ format_size(file.size) }})
			</a>

			<dl class="row">
				<dt class="col-sm-3">{{ _("Filename") }}</dt>
				<dd class="col-sm-9">{{ file.filename }}</dd>

				{% if file.author %}
					<dt class="col-sm-3">{{ _("Author") }}</dt>
					<dd class="col-sm-9">
						<a href="/users/{{ file.author.uid }}">{{ file.author }}</a>
					</dd>
				{% end %}

				<dt class="col-sm-3">{{ _("Uploaded at") }}</dt>
				<dd class="col-sm-9">{{ locale.format_date(file.created_at) }}</dd>
			</dl>

			{% if file.is_image() %}
				<h6>{{ _("Usage") }}</h6>

				<pre><code>![{{ _("Caption")}}]({{ file.filename }})</code></pre>
			{% end %}
		</div>
	</div>
{% end block %}