{% extends "tournamentcontrol/competition/admin/workbook/base.html" %}
{% load i18n admin_workbook %}

{% block page_title %}{{ component.verbose_name }}{% endblock %}

{% block content %}
	<header class="wb-head">
		<div class="wb-head-text">
			<h1>{{ component.verbose_name }}</h1>
			<p class="wb-lede">{% trans "Competitions and their seasons, clubs and their people, draws, schedules and results." %}</p>
		</div>
	</header>

	{% include "touchtechnology/admin/workbook/_sections.html" %}

	<ul class="wb-tasks">
		{% for task in tasks %}
			<li><a class="wb-task" href="{{ task.url }}"><span class="wb-task-icon">{% icon task.icon|default:"check" %}</span><span class="wb-task-title">{{ task.label }}</span>{% if task.note %}<span class="wb-task-note">{{ task.note }}</span>{% endif %}</a></li>
		{% endfor %}
	</ul>

	{% if seasons %}
		<div class="wb-section-title"><h2>{% trans "Seasons in progress" %}</h2><a href="{% url 'admin:fixja:competition:list' %}">{% trans "All competitions" %}</a></div>
		<div class="wb-cards">
			{% for season, checklist in seasons %}
				{% include "tournamentcontrol/competition/admin/workbook/_season_card.html" %}
			{% endfor %}
		</div>
	{% endif %}

	<div class="wb-section-title"><h2>{% trans "Everything else" %}</h2></div>
	<ul class="wb-tasks">
		{% for section in component.dropdowns %}
			<li><a class="wb-task" href="{{ section.1 }}"><span class="wb-task-icon">{% icon "chevron-right" %}</span><span class="wb-task-title">{{ section.0 }}</span></a></li>
		{% endfor %}
	</ul>
{% endblock %}