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

{% block title %}{% trans "Matrix" %} – {{ season.title }}{% endblock %}
{% block body_class %}matrix-sheet{% endblock %}
{% block heading %}{% trans "Matrix" %}{% endblock %}
{% block subheading %}{% firstof competition.title season.competition.title %}, {{ season.title }}{% if date %} – {{ date|date:"l j F Y" }}{% endif %}{% endblock %}
{% block tools %}{% if season.urls %}<a href="{{ season.urls.edit }}#schedule-tab">{% trans "Back to the season" %}</a>{% endif %}{% endblock %}

{% block extracss %}
	<style>
		@page { @bottom-right { content: "{% now "Y-m-d H:i T" %}{% if ver %} (v{{ ver }}){% endif %}"; font-size: 9pt; } }
	</style>
{% endblock %}

{% block content %}
	{% for venue in season.venues.all %}
		{% for date, matrix in matrices.items %}
			<section class="venue-block">
				<h2>{{ date|date:"l j F" }} &ndash; {{ venue }}</h2>
				<div class="sheet-scroll">
					<table class="matrix">
						<thead>
							<tr>
								<th>{% trans "Time" %}</th>
								{% for place in columns %}
									{% if place.ground.venue == venue %}
										<th>{% with title=place.abbreviation|default:place.title %}{% trans title %}{% endwith %}</th>
									{% endif %}
								{% endfor %}
							</tr>
						</thead>
						<tbody>
							{% for time, data in matrix.items %}
								<tr>
									<th>{{ time|time }}</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="match{% if match.videos %} video{% endif %}" style="--division: {{ division.get_color }}" data-match="{{ match.pk }}" data-stage="{{ stage.pk }}" data-division="{{ division.pk }}">
															<strong>{% block division %}{{ division.title|htmlentities }}{% endblock %}</strong>
															<small>{{ stage.title|htmlentities }}</small>{% if match.label %} <small>{% trans match.label %}</small>{% endif %}
															<div>{% block teams %}{{ home.title|htmlentities }}<br>{{ away.title|htmlentities }}{% endblock %}</div>
														</div>
													{% endwith %}
												{% endfor %}
											</td>
										{% endif %}
									{% endfor %}
								</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			</section>
		{% endfor %}
	{% endfor %}
{% endblock %}