{% if static is not defined %}
    {% set static = false %}
{% endif %}

{% if ajax is defined and ajax and not static and public %}
    <div class="d-none">
        {% include 'partials/scoreboard_progress_bar.html.twig' with {contest: current_contest} %}
    </div>
{% endif %}

{% if current_contest is null %}
    <p class="nodata">No active contest</p>
{% else %}
    {% if current_contest.warningMessage %}
        <div class="alert alert-danger" role="alert">
            {{ current_contest.warningMessage }}
        </div>
    {% endif %}

    <div class="card" {% if refreshstop is defined %}data-ajax-refresh-stop="1"{% endif %}>
        <div class="card-header" style="font-family: Roboto, sans-serif; display: flex;">
            <span style="font-weight: bold;">{{ current_contest.name }}</span>
            <span id="contesttimer">
                {% if scoreboard is null %}
                    {{ current_contest | printContestStart }}
                {% elseif scoreboard.freezeData.showFinal(jury) %}
                    {% if current_contest.finalizetime is empty %}
                        preliminary results - not final
                    {% else %}
                        final standings
                    {% endif %}
                {% elseif scoreboard.freezeData.stopped %}
                    contest over, waiting for results
                {% elseif static %}
                    {% set now = 'now'|date('U') %}
                    {{ current_contest.starttime | printelapsedminutes(now) }}
                {% else %}
                    {% if current_contest.freezeData.started %}
                        started:
                    {% else %}
                        starts:
                    {% endif %}
                    {{ current_contest.starttime | printtime }} - ends: {{ current_contest.endtime | printtime }}
                {% endif %}
            </span>
        </div>

        {% if static %}
            {% include 'partials/scoreboard_progress_bar.html.twig' with {contest: current_contest} %}
        {% endif %}
    </div> {# card #}

    {% if scoreboard is null and not jury %}
        {# Display a list of teams by group. This is targeted for World Finals, but looks nice anyway #}
        {% for affiliationGroupRow in groupedAffiliations %}
            <div class="row">
                {% for category, affiliations in affiliationGroupRow %}
                    <div class="col-lg-4 col-sm-6 col-12 mt-4">
                        <div class="card" style="font-family: Roboto, sans-serif;">
                            <div class="card-header">{{ category }}</div>
                            <div class="card-body">
                                <ul class="list-group list-group-flush">
                                    {% for affiliation in affiliations %}
                                        <li class="list-group-item">
                                            {% set affiliationLogo = affiliation.id | assetPath('affiliation') %}
                                            {% if affiliationLogo %}
                                                <img loading="lazy" class="affiliation-logo"
                                                     src="{{ asset(affiliationLogo) }}" alt="{{ affiliation.name }}"
                                                     title="{{ affiliation.name }}">
                                            {% endif %}
                                            {{ affiliation.name }}
                                        </li>
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>
                    </div>
                {% endfor %}
                {% if affiliationGroupRow | length < 3 %}
                    {% for i in (affiliationGroupRow | length + 1)..3 %}
                        <div class="col">
                            <div class="card" style="border: none;"></div>
                        </div>
                    {% endfor %}
                {% endif %}
            </div>
        {% endfor %}
    {% else %}

        {% if show_balloon_public_message is defined and show_balloon_public_message %}
            <div class="alert alert-warning" role="alert" style="font-size: 80%;">
                You are seeing the public scoreboard, since you are a balloon runner.
            </div>
        {% endif %}

        {% if scoreboard.freezeData.showFrozen(false) %}
            <div class="alert alert-warning" role="alert" style="font-size: 80%;">
                {% if jury %}
                    <a href="{{ path('public_index') }}">The public scoreboard</a>
                    was frozen with {{ current_contest.minutesRemaining }} minutes remaining
                {% else %}
                    The scoreboard was frozen with {{ current_contest.minutesRemaining }} minutes remaining - solutions
                    submitted in the last {{ current_contest.minutesRemaining }} minutes of the contest {% if showPending %}are still shown as pending{% else %}are not shown{% endif %}.
                {% endif %}
            </div>
        {% endif %}

        {% if not static and
            (filterValues.affiliations | length > 1 or
             filterValues.countries | length > 1 or
             filterValues.categories | length > 1) %}
	<div class="dropdown">
            <button class="btn btn-outline-secondary btn-sm m-2 dropdown-toggle" data-bs-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false" id="filter-toggle">
                <i class="fas fa-filter"></i>
                {% if scoreFilter.filteredOn is empty %}
                    Filter
                {% else %}
                    Filtered ({{ scoreFilter.filteredOn }})
                {% endif %}
            </button>

            <div class="dropdown-menu" aria-labelledby="filter-toggle">
                <form method="get">
                    <div class="filterbox">
                        <div class="row mb-3">
                        {% if filterValues.affiliations | length > 1 %}
                            <div class="col">
                            <label for="scoreboard-filter-affil">Affiliations</label>
                            <select id="scoreboard-filter-affil" class="form-control me-2" multiple size="8" name="affiliations[]">
                                {% for affiliationId, affiliation in filterValues.affiliations %}
                                    <option {% if affiliationId in scoreFilter.affiliations %}selected{% endif %}
                                            value="{{ affiliationId }}">{{ affiliation }}</option>
                                {% endfor %}
                            </select>
                            </div>
                        {% endif %}
                        {% if filterValues.countries | length > 1 %}
                            <div class="col">
                            <label for="scoreboard-filter-country">Countries</label>
                            <select id="scoreboard-filter-country" class="form-control me-2" multiple size="8" name="countries[]">
                                {% for country in filterValues.countries %}
                                    {% if country is not empty %}
                                        <option {% if country in scoreFilter.countries %}selected{% endif %}
                                                value="{{ country }}">{{ alpha3_countries[country] }}</option>
                                    {% endif %}
                                {% endfor %}
                            </select>
                            </div>
                        {% endif %}
                        {% if filterValues.categories | length > 1 %}
                            <div class="col">
                            <label for="scoreboard-filter-category">Categories</label>
                            <select id="scoreboard-filter-category" class="form-control me-2" multiple size="8" name="categories[]">
                                {% for categoryId, category in filterValues.categories %}
                                    <option {% if categoryId in scoreFilter.categories %}selected{% endif %}
                                            value="{{ categoryId }}">{{ category }}</option>
                                {% endfor %}
                            </select>
                            </div>
                        {% endif %}
                        </div>
                        <input type="submit" class="btn btn-primary btn-sm align-top" name="filter" value="filter"/>
                        <input type="submit" class="btn btn-secondary btn-sm align-top" name="clear" value="clear"/>
                    </div>
                </form>
            </div>
        </div>
        {% else %} {# not static and filterValues*length>1 #}
            <br/>
        {% endif %} {# not static and filterValues*length>1 #}

        {% include 'partials/scoreboard_table.html.twig' with {displayRank: true, showLegends: true} %}

    {% endif %} {# not scoreboard is null and not jury #}

    <p id="lastmod">
        Last Update: {{ null | printtime('D d M Y H:i:s T') }}<br/>
        using <a href="https://www.domjudge.org/" target="_top">DOMjudge</a>
    </p>
{% endif %}