{% extends "touchtechnology/admin/workbook/edit.multiple.html" %}
{% load i18n common admin_workbook %}

{% block eyebrow %}{% trans "Schedule" %}{% endblock %}
{% block heading %}{% trans "Move match days" %}{% endblock %}
{% block lede %}<p class="wb-lede">{% trans "Give a day of unplayed matches a new date: every match on it moves together." %}</p>{% endblock %}
{% block form-title %}{% trans "Match days" %}{% endblock %}
{% block form-class %}{% endblock %}

{% block form-fieldset %}
	{{ formset.management_form }}
	<div class="wb-table-wrap">
		<table class="wb-table wb-table-cards">
			<thead>
				<tr>
					<th scope="col">{% trans "Original date" %}</th>
					<th scope="col" class="wb-num">{% trans "Matches" %}</th>
					<th scope="col">{% trans "New date" %}</th>
				</tr>
			</thead>
			<tbody>
				{% for form in formset.forms %}
					<tr>
						<td class="wb-title-cell"><label for="{{ form.date.id_for_label }}">{{ form.original }}</label></td>
						<td class="wb-num" data-label="{% trans "Matches" %}">{{ form.matches.count }}</td>
						<td>{% if form.date.errors %}<p class="wb-error">{{ form.date.errors|join:" " }}</p>{% endif %}{{ form.date|control }}{% for hidden in form.hidden_fields %}{{ hidden }}{% endfor %}</td>
					</tr>
				{% empty %}
					<tr class="wb-table-empty"><td colspan="3">{% trans "There are no unplayed matches to be rescheduled." %}</td></tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
{% endblock %}