<!--
SPDX-FileCopyrightText: 2017-present Tobias Kunze
SPDX-License-Identifier: AGPL-3.0-only WITH LicenseRef-Pretalx-AGPL-3.0-Terms
-->

{% extends "orga/generic/list.html" %}

{% load i18n %}
{% load static %}

{% block stylesheets %}
    <link rel="stylesheet" href="{% static "orga/css/ui/dragsort.css" %}">
{% endblock stylesheets %}

{% block scripts %}
    <script defer src="{% static "common/js/ui/dialog.js" %}"></script>
    <script defer src="{% static "orga/js/ui/dragsort.js" %}"></script>
{% endblock scripts %}

{% block page_title %}
    {{ generic_title }}
    <span data-dialog-target="#info-dialog" data-toggle="dialog">
        <i class="fa fa-question-circle-o text-info ml-2"></i>
    </span>
{% endblock page_title %}

{% block list_content %}
    <dialog id="info-dialog">
        <div class="alert alert-info">
            {% blocktranslate trimmed %}
                Tracks are used to sort your sessions into categories. You can use the
                CfP settings to determine if speakers can select the track for their session
                themselves. Track colors are helpful to help attendees navigate your schedule.
            {% endblocktranslate %}
        </div>
    </dialog>
    {{ block.super }}
{% endblock list_content %}
