{% extends "touchtechnology/admin/explorer/list.html" %}
{% load i18n common admin admin_explorer %}

{% block page_title %}{% trans "Media" %}{% endblock %}
{% block page_kind %}{% if path %}{{ path }}{% else %}{% trans "The site's files" %}{% endif %}{% endblock %}
{% block page_icon %}<span class="title-icon">{% icon "image" %}</span>{% endblock %}

{% block nav-pills-list %}
	<button type="button" class="button" data-add-many="folder-dialog">{% icon "folder" %}<span>{% trans "New folder" %}</span></button>
	<button type="button" class="button primary" data-add-many="file-dialog">{% icon "upload" %}<span>{% trans "Upload file" %}</span></button>
{% endblock %}

{% block content %}
	{% if path %}<p><a class="button compact quiet" href="..">{% icon "up" %}<span>{{ parent }}</span></a></p>{% endif %}
	{% include list_template|default:"touchtechnology/admin/explorer/list.inc.html" %}

	<dialog class="add-many-dialog" id="folder-dialog" aria-labelledby="folder-dialog-title">
		<form action="" method="post">
			{% csrf_token %}
			<h2 id="folder-dialog-title">{% trans "New folder" %}</h2>
			<div class="fields">{% for f in folder_form %}{% field f %}{% endfor %}</div>
			<div class="confirm-actions">
				<button type="button" class="button" data-close>{% trans "Cancel" %}</button>
				<button type="submit" class="button primary">{% trans "Make the folder" %}</button>
			</div>
		</form>
	</dialog>
	<dialog class="add-many-dialog" id="file-dialog" aria-labelledby="file-dialog-title">
		<form action="" method="post" enctype="multipart/form-data">
			{% csrf_token %}
			<h2 id="file-dialog-title">{% trans "Upload file" %}</h2>
			<div class="fields">{% for f in file_form %}{% field f %}{% endfor %}</div>
			<div class="confirm-actions">
				<button type="button" class="button" data-close>{% trans "Cancel" %}</button>
				<button type="submit" class="button primary">{% trans "Upload" %}</button>
			</div>
		</form>
	</dialog>
	<noscript>
		<section class="form-section">
			<form action="" method="post" enctype="multipart/form-data">
				{% csrf_token %}
				<div class="fields">{% for f in folder_form %}{% field f %}{% endfor %}{% for f in file_form %}{% field f %}{% endfor %}</div>
				<p><button type="submit" class="button primary">{% trans "Save" %}</button></p>
			</form>
		</section>
	</noscript>
{% endblock %}