{% extends "touchtechnology/admin/workbook/list.html" %}
{% load i18n common admin_workbook %}

{% block page_title %}{% trans "Files" %}{% endblock %}
{% block heading %}{% trans "Files" %}{% endblock %}
{% block lede %}<p class="wb-lede">{% if path %}<span class="wb-code">/{{ path }}</span>{% else %}{% trans "Pictures and documents the site's pages use." %}{% endif %}</p>{% endblock %}

{% block nav-pills-list %}
	<form method="post" action="" enctype="multipart/form-data" class="wb-inline-form">
		<button type="button" class="wb-button wb-button-primary" data-wb-dialog="wb-upload">{% icon "upload" %}{% trans "Upload file" %}</button>
		<dialog class="wb-dialog" id="wb-upload" aria-labelledby="wb-upload-title">
			<div class="wb-dialog-body">
				{% csrf_token %}
				<h2 class="wb-dialog-title" id="wb-upload-title">{% trans "Upload file" %}</h2>
				<div class="wb-fields">{% for f in file_form %}{% field f %}{% endfor %}</div>
				<div class="wb-dialog-actions">
					<button type="button" class="wb-button wb-button-quiet" data-wb-dialog-close>{% trans "Cancel" %}</button>
					<button type="submit" class="wb-button wb-button-primary">{% trans "Upload file" %}</button>
				</div>
			</div>
		</dialog>
	</form>
	<form method="post" action="" class="wb-inline-form">
		<button type="button" class="wb-button" data-wb-dialog="wb-folder">{% icon "folder" %}{% trans "New folder" %}</button>
		<dialog class="wb-dialog" id="wb-folder" aria-labelledby="wb-folder-title">
			<div class="wb-dialog-body">
				{% csrf_token %}
				<h2 class="wb-dialog-title" id="wb-folder-title">{% trans "New folder" %}</h2>
				<div class="wb-fields">{% for f in folder_form %}{% field f %}{% endfor %}</div>
				<div class="wb-dialog-actions">
					<button type="button" class="wb-button wb-button-quiet" data-wb-dialog-close>{% trans "Cancel" %}</button>
					<button type="submit" class="wb-button wb-button-primary">{% trans "Create folder" %}</button>
				</div>
			</div>
		</dialog>
	</form>
{% endblock %}