{% extends "touchtechnology/admin/explorer/print.html" %}
{% load i18n common content %}

{% block title %}{% trans "Registration forms" %} – {{ club.title }}{% endblock %}
{% block heading %}{% trans "Registration forms" %}{% endblock %}
{% block subheading %}{{ club.title }} – {{ competition.title }}, {{ season.title }}{% endblock %}
{% block tools %}<a href="{% url 'admin:fixja:club:edit' club.pk %}">{% trans "Back to the club" %}</a>{% endblock %}

{% block extracss %}
	<style>
		@page { size: A4 landscape; margin: 12mm; }
		.disclaimer { margin-bottom: 18px; color: var(--muted); }
		.team-sheet { break-before: page; }
		.team-sheet:first-of-type { break-before: auto; }
		.team-sheet header { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
		.team-sheet h2 { margin: 0; }
		.team-sheet .staff { width: auto; min-width: 280px; }
		.players td { height: 28px; }
		.players .signature { width: 25%; }
	</style>
{% endblock %}

{% block content %}
	<div class="disclaimer">{% block logos_outer %}{% block logos_img %}{% endblock %}{% endblock %}{% chunk "registration-form-disclaimer" %}</div>

	{% for team, sheet in data.items %}
		<section class="team-sheet">
			<header>
				<div>
					<h2>{{ team.title }}</h2>
					<p class="muted">{{ team.division.title }}</p>
				</div>
				<table class="staff">
					<tbody>
						{% for role, people in sheet.staff.items %}
							{% for first_name, last_name, date_of_birth, email in people %}
								<tr>
									{% if forloop.first %}<th rowspan="{{ people|length }}">{{ role }}</th>{% endif %}
									<td>{{ first_name|htmlentities }} {{ last_name|htmlentities }}</td>
								</tr>
							{% endfor %}
						{% endfor %}
					</tbody>
				</table>
			</header>
			<table class="players">
				<thead>
					<tr>
						<th class="num">{% trans "No." %}</th>
						<th>{% trans "First name" %}</th>
						<th>{% trans "Last name" %}</th>
						<th>{% trans "Born" %}</th>
						<th>{% trans "Email" %}</th>
						<th>{% trans "Signature" %}</th>
					</tr>
				</thead>
				<tbody>
					{% for number, first_name, last_name, date_of_birth, email in sheet.players %}
						<tr>
							<td class="num">{{ number }}</td>
							<td>{{ first_name|htmlentities }}</td>
							<td>{{ last_name|htmlentities }}</td>
							<td>{{ date_of_birth|date:"d/m/Y" }}</td>
							<td>{{ email }}</td>
							<td class="signature"></td>
						</tr>
					{% endfor %}
				</tbody>
			</table>
		</section>
	{% empty %}
		<p class="empty">{% trans "The club has no players registered in a team this season." %}</p>
	{% endfor %}
{% endblock %}