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

{% block title %}{% block page_title %}{{ competition.title }} - {{ season.title }} • {{ date|date }}{% endblock %}{% endblock %}

{% block extracss %}
	<style>
		@page {
			size: A4 landscape;
			margin: 1cm;
			@bottom-right {
				content: "{% now "Y-m-d H:i T" %}{% if ver %} (v{{ ver }}){% endif %}";
				font-size: 8pt;
				font-style: italic;
			}
		}
	</style>
	{% block customcss %}{% endblock %}
{% endblock %}

{% block back %}{% if season.urls.edit %}<a class="p-button" href="{{ season.urls.edit }}#schedule-tab">{% trans "Back to the season" %}</a>{% endif %}{% endblock %}

{% block content %}
	<h1>{% trans "Match grid" %}</h1>
	<p class="p-meta">{{ competition.title }} · {{ season.title }}</p>
	{% for venue in season.venues.all %}
		{% for date, matrix in matrices.items %}
			<section class="p-sheet{% if not forloop.parentloop.first or not forloop.first %} p-break{% endif %}">
				<h2>{{ date|date:"l j F Y" }} · {{ venue }}</h2>
				<div class="p-scroll">
					<table class="p-grid" id="grid">
						<thead>
							<tr>
								<th scope="col"><span class="p-sr">{% trans "Kick-off" %}</span></th>
								{% for place in columns %}
									{% if place.ground.venue == venue %}
										<th scope="col">{% with title=place.abbreviation|default:place.title %}{% trans title %}{% endwith %}</th>
									{% endif %}
								{% endfor %}
							</tr>
						</thead>
						<tbody>
							{% for time, data in matrix.items %}
								<tr>
									<th scope="row">{{ time|time:"H:i" }}</th>
									{% for place, matches in data.items %}
										{% if place.ground.venue == venue %}
											<td>
												{% for match in matches %}
													{% with division=match.stage.division stage=match.stage home=match.get_home_team away=match.get_away_team %}
														<div class="p-match match {{ division.slug|cssify }}{% if match.videos %} p-video{% endif %}" data-match="{{ match.pk }}" data-stage="{{ stage.pk }}" data-division="{{ division.pk }}">
															<h4>{% block division %}{{ division.title|htmlentities }} <small>{{ stage.title|htmlentities }}</small>{% endblock %}</h4>
															{% if match.label %}<p><strong>{% trans match.label %}</strong></p>{% endif %}
															<p>{% block teams %}{{ home.title|htmlentities }}<br>{{ away.title|htmlentities }}{% endblock %}</p>
														</div>
													{% endwith %}
												{% endfor %}
											</td>
										{% endif %}
									{% endfor %}
								</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			</section>
		{% endfor %}
	{% endfor %}
{% endblock %}