{% extends "touchtechnology/admin/workbook/base.html" %}
{% load i18n common mvp_tags admin_workbook guardian_tags %}
{% comment %}
	A list page: its heading with the button that adds another, a search box
	when the list is long, then the list itself (``list_template``).

	Blocks: page-head, head-actions, nav-pills-list (more buttons beside Add),
	list-tools, list.
{% endcomment %}

{% block page_title %}{{ model|types|capfirst }}{% endblock %}

{% block content %}
	{% block page-head %}
		<header class="wb-head">
			<div class="wb-head-text">
				{% block eyebrow-wrap %}{% if component %}<p class="wb-eyebrow">{{ component.verbose_name }}</p>{% endif %}{% endblock %}
				<h1>{% block heading %}{{ model|types|capfirst }}{% endblock %}</h1>
				{% block lede %}{% if paginator %}<p class="wb-lede">{% blocktrans count counter=paginator.count %}{{ counter }} in all{% plural %}{{ counter }} in all{% endblocktrans %}{% if search %} {% blocktrans %}matching “{{ search }}”{% endblocktrans %}{% endif %}</p>{% endif %}{% endblock %}
			</div>
			<div class="wb-head-actions">
				{% block head-actions %}
					{% with model_perms=model|hasperm:user %}
						{% block nav-pills-list %}
							{% if add_perm in model_perms and create_url %}
								<a class="wb-button wb-button-primary" href="{{ create_url }}">{% icon "plus" %}{% blocktrans with type=model|type %}Add {{ type }}{% endblocktrans %}</a>
							{% endif %}
						{% endblock nav-pills-list %}
					{% endwith %}
				{% endblock head-actions %}
			</div>
		</header>
	{% endblock page-head %}

	{% include "touchtechnology/admin/workbook/_sections.html" %}

	{% block list-tools %}
		{% if searchable %}
			<div class="wb-list-tools">
				<form class="wb-search" role="search" method="get" action="">
					{% icon "search" %}
					<label class="wb-sr" for="wb-list-search">{% blocktrans with types=model|types %}Search {{ types }}{% endblocktrans %}</label>
					<input class="wb-input" id="wb-list-search" type="search" name="search" value="{{ search }}" placeholder="{% blocktrans with types=model|types %}Search {{ types }}{% endblocktrans %}">
					<button type="submit" class="wb-button">{% trans "Search" %}</button>
				</form>
				{% if search %}<a class="wb-button wb-button-quiet" href="?">{% trans "Show all" %}</a>{% endif %}
			</div>
		{% endif %}
	{% endblock list-tools %}

	{% block list %}
		<div class="wb-sheet wb-sheet-flush">
			{% include list_template|default:"touchtechnology/admin/workbook/mvp/list.inc.html" %}
		</div>
	{% endblock list %}
{% endblock %}