{% extends "touchtechnology/admin/explorer/form_page.html" %}
{% load i18n common tz admin admin_explorer %}

{% block page_title %}{% trans "Live stream" %}{% endblock %}
{% block page_kind %}{{ date|date:"l j F Y" }}{% endblock %}
{% block page_icon %}<span class="title-icon">{% icon "video" %}</span>{% endblock %}
{% block cancel-url %}{{ season.urls.edit }}#schedule-tab{% endblock %}
{% block page_nav %}{% include "tournamentcontrol/competition/admin/explorer/_day_nav.html" with day_url="admin:fixja:match-live-stream" day_page="live-stream" %}{% endblock %}

{% block form-body %}
	{{ formset.management_form }}
	<p class="muted">{% trans "Choose which matches on camera-equipped grounds are streamed to YouTube." %}</p>
	{% timezone season.timezone %}
		<div class="table-wrap">
			<table class="listing live-stream-table">
				<thead>
					<tr>
						<th>{% trans "Time" %}</th>
						<th>{% trans "Division" %}</th>
						<th>{% trans "Ground" %}</th>
						<th>{% trans "Match" %}</th>
						<th>{% trans "Stream" %}</th>
					</tr>
				</thead>
				<tbody>
					{% for form in formset.forms %}
						{% with match=form.instance %}
							<tr class="live-stream-row">
								<td class="nowrap">{{ form.id }}{{ match.datetime|time }}</td>
								<td>{{ match.stage.division.short_title|default:match.stage.division.title|htmlentities }}</td>
								<td>{{ match.play_at.title|htmlentities }}</td>
								<td><label for="{{ form.live_stream.id_for_label }}">{{ match|safe }}</label></td>
								<td>{{ form.live_stream|widget }}</td>
							</tr>
						{% endwith %}
					{% empty %}
						<tr><td colspan="5" class="empty-state">{% trans "No match on this day is on a ground with a camera." %}</td></tr>
					{% endfor %}
				</tbody>
			</table>
		</div>
	{% endtimezone %}
{% endblock %}

{% block after-form %}
	<form class="aside-form" action="{% url 'admin:fixja:match-live-stream-resync' season.competition.pk season.pk date|date:"Ymd" %}" method="post">
		{% csrf_token %}
		<button type="submit" class="button">{% icon "refresh" %}<span>{% trans "Resync all" %}</span></button>
		<p class="muted">{% trans "Push the title, thumbnail and schedule to YouTube again for every match above that is already streaming." %}</p>
	</form>
{% endblock %}