{% extends '@RapsysTree/_base.html.twig' %}
{% block content %}
	{% if element is defined and element %}
		<article>
			<header>
				<h2>
					{% for breadcrumb in element.breadcrumbs %}
						<a href="{{ breadcrumb.link }}">{{ breadcrumb.name }}</a>
					{% endfor %}
				</h2>
			</header>
			<section>
				{% if ( element.directories is defined and element.directories ) or ( element.files is defined and element.files ) %}
					<ul>
						{% if element.directories is defined and element.directories %}
							{% for name, link in element.directories %}
								<li><a href="{{ link }}">{{ name }}</a></li>
							{% endfor %}
						{% endif %}
						{% if element.files is defined and element.files %}
							{% for name, infos in element.files %}
								<li><a href="{{ infos.link }}">{{ name }}</a></li>
							{% endfor %}
						{% endif %}
					</ul>
				{% endif %}
				{% if element.file is defined and element.file %}
					<dl>
						<dt>{% trans %}Size{% endtrans %}</dt>
						<dd title="{{ element.file.size }}">{{ element.file.intlsize }} {{ element.file.intlunit }}</dd>
					</dl>
					<dl>
						<dt>{% trans %}Mime type{% endtrans %}</dt>
						<dd>{{ element.file.mimetype }}</dd>
					</dl>
					{% if element.file.preview is defined and element.file.preview %}
						<dl>
							<dt>{% trans %}Preview{% endtrans %}</dt>
							<dd>element.file.preview</dd>
						</dl>
					{% endif %}
				{% endif %}
			</section>
		</article>
		{# TODO: XXX: add next, prev and parent links ? #}
	{% endif %}
{% endblock %}