{% extends "touchtechnology/admin/workbook/print.html" %}
{% load i18n static common %}

{% block title %}{% trans "Scorecards" %}{% endblock %}

{% block extracss %}
	<meta name="author" content="{% block meta_author %}{{ site.name }}{% endblock %}">
	<meta name="subject" content="{% block meta_subject %}{% endblock %}">
	<meta name="keywords" content="{% block meta_keywords %}{% endblock %}">
	<meta name="date" content="{% block meta_date %}{% now "c" %}{% endblock %}">
	<style>@page { size: 30cm 21cm; margin: 0.4cm 0.7cm; }</style>
{% endblock %}

{% block content %}
	{% trans "TBA" as tba context "abbreviation: to be advised" %}
	{% trans "TBC" as tbc context "abbreviation: to be confirmed" %}
	<h1 class="p-screen">{% trans "Scorecards" %}</h1>
	<div class="p-cards">
		{% for match in matches %}
			<table class="p-card scorecard">
				<thead>
					<tr>
						<th colspan="3" class="division">
							{{ match.stage.division.short_title|default:match.stage.division.title }}
							{% if match.stage_group %}<br>{{ match.stage_group.short_title|default:match.stage_group.title }}{% elif match.is_final %}<br>{{ match.label }}{% endif %}
						</th>
						<th colspan="2" class="field">{% if match.play_at %}{{ match.play_at.content_object.abbreviation|default:match.play_at.title }}{% else %}{{ tba }}{% endif %}</th>
						{# The date and time should always be local time for a scorecard, these are used at the game! #}
						<th colspan="2" class="time">{{ match.time|time:"G:i"|default:tbc }}</th>
						<th colspan="3" class="date">{{ match.date|date:"jS M Y"|default:tba }}</th>
					</tr>
					<tr>
						<th colspan="5" class="p-card-team team">{{ match.get_home_team.title }}</th>
						<th colspan="5" class="p-card-team team">{{ match.get_away_team.title }}</th>
					</tr>
				</thead>
				<tbody>
					{% for row in "12345" %}<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>{% endfor %}
				</tbody>
				<tfoot>
					<tr>
						<td colspan="3" class="captain">{% trans "Captain:" %}</td>
						<td colspan="2" rowspan="2" class="p-card-score score">{% trans "Score:" %}</td>
						<td colspan="3" class="captain">{% trans "Captain:" %}</td>
						<td colspan="2" rowspan="2" class="p-card-score score">{% trans "Score:" %}</td>
					</tr>
					<tr><td colspan="3" class="signature"></td><td colspan="3" class="signature"></td></tr>
					<tr><td colspan="10" class="referees">{% trans "Referees:" %}</td></tr>
				</tfoot>
			</table>
		{% empty %}
			<p class="p-sheet">{% trans "There are no matches on this day." %}</p>
		{% endfor %}
	</div>
{% endblock %}