{% 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 %}
	{% if perms.content.add_file %}
		<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>
	{% endif %}
{% endblock %}