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

{% block table-headings %}<th scope="col">{% trans "Name" %}</th>{% endblock %}

{% block table-row-empty %}
	{% if path %}
		<tr><td class="wb-title-cell">{% icon "arrow-up" %} <a href="..">{{ parent }}</a></td><td></td></tr>
	{% endif %}
	<tr class="wb-table-empty"><td colspan="2">{% trans "This folder is empty. Upload a file or make a folder." %}</td></tr>
{% endblock %}

{% block table-row %}
	{% if forloop.first and path %}
		<tr><td class="wb-title-cell">{% icon "arrow-up" %} <a href="..">{{ parent }}</a></td><td></td></tr>
	{% endif %}
	<tr>
		{% block table-columns %}
			<td class="wb-title-cell">
				{% if obj.icon == "folder" %}{% icon "folder" %}{% else %}{% icon "file" %}{% endif %}
				{% if obj.urls.detail %}<a href="{{ obj.urls.detail }}">{{ obj }}</a>{% elif obj.urls.edit %}<a href="{{ obj.urls.edit }}">{{ obj }}</a>{% else %}<span>{{ obj }}</span>{% endif %}
			</td>
		{% endblock table-columns %}
		<td class="wb-row-actions">
			<div class="wb-row-buttons">
				<button type="button" class="wb-button wb-button-quiet wb-button-icon wb-button-small" popovertarget="wbm-file-{{ forloop.counter }}" aria-expanded="false" aria-label="{% blocktrans with name=obj %}More actions for {{ name }}{% endblocktrans %}">{% icon "ellipsis" %}</button>
				<div class="wb-menu" popover id="wbm-file-{{ forloop.counter }}">
					<ul>
						{% block row-buttons-items %}
							{% if obj.urls.detail %}<li><a href="{{ obj.urls.detail }}">{% icon "eye" %}{% trans "View" %}</a></li>{% endif %}
							{% if obj.urls.edit %}<li><a href="{{ obj.urls.edit }}">{% icon "folder-open" %}{% trans "Open" %}</a></li>{% endif %}
							{% if obj.urls.delete and perms.content.delete_file %}
								{% if obj.icon == "folder" %}{% trans "folder" as kind %}{% else %}{% trans "file" as kind %}{% endif %}
								<li>{% include "touchtechnology/admin/workbook/_delete.html" with action=obj.urls.delete thing=obj %}</li>
							{% endif %}
						{% endblock row-buttons-items %}
					</ul>
				</div>
			</div>
		</td>
	</tr>
{% endblock %}