{% extends base %}
{% load i18n common admin_workbook %}

{% block page_title %}{% trans "Officials" %} · {{ club.title }}{% endblock %}

{% block content %}
	{% blocktrans asvar eyebrow with club=club.title %}{{ club }} officials{% endblocktrans %}{% blocktrans asvar title with competition=season.competition.title season=season.title %}{{ competition }}, {{ season }}{% endblocktrans %}{% trans "The people who represent the club this season, and what each of them does." as lede %}
	{% include "tournamentcontrol/competition/admin/workbook/_page_head.html" %}

	<form class="wb-sheet wb-form" action="" method="post" data-wb-formset>
		{% csrf_token %}
		{{ formset.management_form }}
		<div class="wb-formbar">
			<h2 class="wb-formbar-title">{% trans "Officials" %}</h2>
			<div class="wb-formbar-actions">
				<a class="wb-button wb-button-quiet" href="{% url 'admin:competition:club:edit' club.pk %}">{% trans "Cancel" %}</a>
				<button type="submit" class="wb-button wb-button-primary">{% trans "Save" %}</button>
			</div>
		</div>
		{% include "touchtechnology/admin/workbook/_problems.html" with form=None %}

		<div class="wb-rows" data-wb-formset-rows>
			{% for form in formset %}
				<div class="wb-row-form">
					{{ form.id }}
					{% field form.person %}
					{% field form.roles %}
					{% field form.DELETE %}
				</div>
			{% empty %}
				<p class="wb-empty" data-wb-formset-none>{% trans "There are no officials of this club." %}</p>
			{% endfor %}
		</div>
		<template data-wb-formset-empty>
			{% with form=formset.empty_form %}
				<div class="wb-row-form">
					{{ form.id }}
					{% field form.person %}
					{% field form.roles %}
					{% field form.DELETE %}
				</div>
			{% endwith %}
		</template>
		<p class="wb-actions"><button type="button" class="wb-button" data-wb-formset-add>{% icon "plus" %}{% trans "Add another official" %}</button></p>
	</form>
{% endblock %}