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

{% block title %}{% blocktrans %}Daily Runsheet - {{ date }}{% endblocktrans %}{% endblock %}

{% block extracss %}
	<style>
		.r-links { display: flex; flex-wrap: wrap; gap: 0.35rem; }
		.r-links a { display: inline-flex; align-items: center; gap: 0.25rem; min-height: 2rem; padding: 0 0.5rem; border: 1.5px solid var(--p-line); border-radius: 999px; font-size: 0.8rem; font-weight: 700; text-decoration: none; }
		.r-links .wb-icon { width: 1em; height: 1em; }
		tr.r-group > * { border-top: 2px solid var(--p-ink); }
		@media print { .r-links { display: none; } }
	</style>
{% endblock %}

{% block tools %}
	<a class="p-button" href="{% url 'admin:fixja:match-live-stream' season.competition.pk season.pk date|date:"Ymd" %}">{% trans "Live Stream" %}</a>
{% endblock %}
{% block back %}<a class="p-button" href="{{ season.urls.edit }}#schedule-tab">{% trans "Back to the season" %}</a>{% endblock %}

{% block content %}
	{% timezone season.timezone %}
	<h1>{% trans "Run Sheet" %}</h1>
	<p class="p-meta">{{ season.title }} · {{ date|date:"l j F Y" }}</p>
	<div class="p-sheet p-scroll">
		<table class="p-table" id="match_list">
			<thead>
				<tr>
					<th scope="col">{% trans "Time" %}</th>
					<th scope="col">{% trans "Division" %}</th>
					<th scope="col">{% trans "Place" %}</th>
					<th scope="col">{% trans "Team 1" %}</th>
					<th scope="col">{% trans "Team 2" %}</th>
					<th scope="col">{% trans "Referees" %}</th>
					<th scope="col"><span class="p-sr">{% trans "Links" %}</span></th>
				</tr>
			</thead>
			<tbody>
				{% for match in object_list.playable %}
					<tr{% ifchanged match.datetime %} class="r-group"{% endifchanged %}>
						<th scope="row">{% ifchanged match.datetime %}{{ match.datetime|time:"H:i" }}{% endifchanged %}</th>
						<td>{{ match.stage.division.short_title|default:match.stage.division.title|htmlentities }}</td>
						<td>{{ match.play_at.title|htmlentities }}</td>
						<td>{{ match.get_home_team.title|htmlentities }}{% if match.home_team_score is not None %} <strong>{{ match.home_team_score }}</strong>{% endif %}</td>
						<td>{{ match.get_away_team.title|htmlentities }}{% if match.away_team_score is not None %} <strong>{{ match.away_team_score }}</strong>{% endif %}</td>
						<td>{% for ref in match.referees.all %}<div>{{ ref.person.first_name.0 }} {{ ref.person.last_name }}</div>{% empty %}–{% endfor %}</td>
						<td>
							<div class="r-links">
								{% block detail_link %}
									<a href="{% url 'admin:fixja:competition:season:division:stage:match:detail' match.stage.division.season.competition.pk match.stage.division.season.pk match.stage.division.pk match.stage.pk match.pk %}">{% icon "chart-bar" %}{% trans "Detail" %}</a>
								{% endblock %}
								{% block referees_link %}
									<a href="{% url 'admin:fixja:competition:season:division:stage:match:referees' match.stage.division.season.competition.pk match.stage.division.season.pk match.stage.division.pk match.stage.pk match.pk %}?next={{ request.path }}">{% icon "flag" %}{% trans "Referees" %}</a>
								{% endblock %}
								{% if match.videos %}
									<a href="{{ match.videos|first }}">{% icon "video" %}{% trans "Video" %}</a>
									{% if match.live_stream and user.is_superuser %}<a href="https://studio.youtube.com/video/{{ match.external_identifier }}/livestreaming">{% icon "settings" %}{% trans "Studio" %}</a>{% endif %}
								{% endif %}
								{% if match.live_stream and not match.live_stream_bind %}
									<a href="{{ match.urls.edit }}?next={{ request.path }}">{% icon "triangle-alert" %}{% trans "Fix stream" %}</a>
								{% elif match.play_at.ground.live_stream and not match.live_stream %}
									<a href="{{ match.urls.edit }}?next={{ request.path }}">{% icon "pencil" %}{% trans "Stream?" %}</a>
								{% endif %}
								{% if match.live_stream and match.external_identifier %}
									<a href="{% url 'admin:fixja:competition:season:division:stage:match:resync-live-stream' match.stage.division.season.competition.pk match.stage.division.season.pk match.stage.division.pk match.stage.pk match.pk %}?next={{ request.path }}">{% icon "refresh-cw" %}{% trans "Resync" %}</a>
								{% endif %}
							</div>
						</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
	<p class="p-meta">{% now "j F Y, H:i" %}{% if user.is_authenticated %} · {{ user.get_full_name|default:user.email }}{% endif %}</p>
	{% endtimezone %}
{% endblock %}