{% extends "touchtechnology/admin/explorer/form_page.html" %}
{% load i18n common admin admin_explorer %}

{% block page_title %}{% trans "Time slots" %}{% endblock %}
{% block page_kind %}{{ season }}{% endblock %}
{% block page_icon %}<span class="title-icon">{% icon "clock" %}</span>{% endblock %}
{% block cancel-url %}..{% endblock %}

{% block form-body %}
	{{ formset.management_form }}
	<p class="muted">{% trans "Each rule gives the kick-off times of a run of days: the first, how far apart, and how many in a day." %}</p>
	<div class="table-wrap">
		<table class="listing formset-table" data-formset="{{ formset.prefix }}">
			<thead>
				<tr>
					<th>{% trans "From" %}</th>
					<th>{% trans "Until" %}</th>
					<th>{% trans "First kick-off" %}</th>
					<th>{% trans "Minutes apart" %}</th>
					<th>{% trans "A day" %}</th>
					<th>{% trans "Remove" %}</th>
				</tr>
			</thead>
			<tbody>
				{% for form in formset %}
					<tr>
						{% for f in form.visible_fields %}{% if f.name != "DELETE" %}<td><label class="visually-hidden" for="{{ f.id_for_label }}">{{ f.label }} ({% blocktrans with n=forloop.parentloop.counter %}rule {{ n }}{% endblocktrans %})</label>{{ f|widget }}{% if f.errors %}<ul class="field-errors">{% for e in f.errors %}<li>{{ e }}</li>{% endfor %}</ul>{% endif %}</td>{% endif %}{% endfor %}
						<td>{{ form.id }}{% if form.DELETE %}{{ form.DELETE|widget }}{% endif %}</td>
					</tr>
				{% empty %}
					<tr><td colspan="6" class="empty-state">{% blocktrans with title=season.title %}{{ title }} has no time slots yet.{% endblocktrans %}</td></tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
	<template id="{{ formset.prefix }}-empty-row">
		{% with form=formset.empty_form %}
			<tr>
				{% for f in form.visible_fields %}{% if f.name != "DELETE" %}<td><label class="visually-hidden" for="{{ f.id_for_label }}">{{ f.label }}</label>{{ f|widget }}</td>{% endif %}{% endfor %}
				<td>{{ form.id }}{% if form.DELETE %}{{ form.DELETE|widget }}{% endif %}</td>
			</tr>
		{% endwith %}
	</template>
	<p class="add-row-line"><button type="button" class="button compact quiet" data-add-row="{{ formset.prefix }}">{% icon "plus" %}<span>{% trans "Another rule" %}</span></button></p>
{% endblock %}