{% if limitToTeams is not defined %}
    {% set limitToTeams = null %}
    {% set limitToTeamIds = null %}
{% else %}
    {% set limitToTeamIds = [] %}
    {% for team in limitToTeams %}
        {% set limitToTeamIds = limitToTeamIds | merge([team.teamid]) %}
    {% endfor %}
{% endif %}
{% if showLegends is not defined %}
    {% set showLegends = false %}
{% endif %}
{% if static is not defined %}
    {% set static = false %}
{% endif %}
{% set showPoints = scoreboard.showPoints %}
{% set usedCategories = scoreboard.usedCategories(limitToTeamIds) %}
{% set hasDifferentCategoryColors = scoreboard.categoryColors(limitToTeamIds) %}
{% set scores = scoreboard.scores | filter(score => limitToTeams is null or score.team.teamid in limitToTeamIds) %}
{% set problems = scoreboard.problems %}
{% set medalsEnabled = contest.medalsEnabled %}

{% if maxWidth > 0 %}
    <style>
        .forceWidth {
            max-width: {{ maxWidth }}px;
        }
    </style>
{% endif %}

<table class="scoreboard center {% if jury %}scoreboard_jury{% endif %}">

    {# output table column groups (for the styles) #}
    <colgroup>
        {% if enable_ranking %}
            <col id="scorerank"/>
        {% endif %}
        {% if showFlags %}
            <col id="scoreflags"/>
        {% else %}
            <col/>
        {% endif %}
        {% if showAffiliationLogos %}
            <col id="scorelogos"/>
        {% endif %}
        <col id="scoreteamname"/>
    </colgroup>
    {% if enable_ranking %}
        <colgroup>
            <col id="scoresolv"/>
            <col id="scoretotal"/>
        </colgroup>
    {% endif %}
    <colgroup>
        {% if showTeamSubmissions or jury %}
            {% for problem in problems %}
                <col class="scoreprob"/>
            {% endfor %}
        {% endif %}
    </colgroup>

    {% set teamColspan = 2 %}
    {% if showAffiliationLogos %}
        {% set teamColspan = teamColspan + 1 %}
    {% endif %}

    <thead>
    <tr class="scoreheader" data-static="{{ static }}">
        {% if enable_ranking %}
            <th title="rank" scope="col">rank</th>
        {% endif %}
        <th title="team name" scope="col" colspan="{{ teamColspan }}">team</th>
        {% if enable_ranking %}
            <th title="# solved / penalty time" colspan="2" scope="col">score</th>
        {% endif %}
        {% if showTeamSubmissions or jury %}
            {% for problem in problems %}
                {% set link = null %}
                {% set target = '_self' %}
                {% if not static %}
                    {% if jury %}
                        {% set link = path('jury_problem', {'probId': problem.probid}) %}
                    {% elseif problem.problem.problemstatementType is not empty %}
                        {% if public %}
                            {% set link = path('public_problem_statement', {probId: problem.probid}) %}
                            {% set target = '_blank' %}
                        {% else %}
                            {% set link = path('team_problem_statement', {probId: problem.probid}) %}
                            {% set target = '_blank' %}
                        {% endif %}
                    {% endif %}
                {% endif %}
                <th title="problem {{ problem.problem.name }}" scope="col">
                    <a {% if link %}href="{{ link }}"{% endif %} target="{{ target }}">
                        {{  problem | problemBadge }}
                        {% if showPoints %}
                            <span class='problempoints'>
                                [{% if problem.points == 1 %}1 point{% else %}{{ problem.points }} points{% endif %}]
                            </span>
                        {% endif %}
                    </a>
                </th>
            {% endfor %}
        {% endif %}
    </tr>
    </thead>
    <tbody>
    {% set previousSortOrder = -1 %}
    {% set previousTeam = null %}
    {% set backgroundColors = {"#FFFFFF": 1} %}
    {% set medalCount = 0 %}
    {% for score in scores %}
        {% set classes = [] %}
        {% if score.team.category.sortorder != previousSortOrder %}
            {% if previousSortOrder != -1 %}
                {# Output summary of previous sort order #}
                {% include 'partials/scoreboard_summary.html.twig' with {sortOrder: previousSortOrder} %}
            {% endif %}
            {% set classes = classes | merge(['sortorderswitch']) %}
            {% set previousSortOrder = score.team.category.sortorder %}
            {% set previousTeam = null %}
        {% endif %}

        {# process medal color #}
        {% set medalColor = '' %}
        {% if showLegends %}
            {% set medalColor = score.team | medalType(contest, scoreboard) %}
        {% endif %}

        {# check whether this is us, otherwise use category colour #}
        {% if myTeamId is defined and myTeamId == score.team.teamid %}
            {% set classes = classes | merge(['scorethisisme']) %}
            {% set color = '#FFFF99' %}
        {% else %}
            {% set color = score.team.category.color %}
        {% endif %}
        <tr class="{{ classes | join(' ') }}" id="team:{{ score.team.teamid }}">
            {% if enable_ranking %}
                <td class="scorepl {{medalColor}}">
                    {# Only print rank when score is different from the previous team #}
                    {% if not displayRank %}
                        ?
                    {% elseif previousTeam is null or scoreboard.scores[previousTeam.teamid].rank != score.rank %}
                        {{ score.rank }}
                    {% else %}
                    {% endif %}
                    {% set previousTeam = score.team %}
                </td>
            {% endif %}
            <td class="scoreaf">
                {% if showFlags %}
                    {% if score.team.affiliation %}
                        {% set link = null %}
                        {% if jury %}
                            {% set link = path('jury_team_affiliation', {'affilId': score.team.affiliation.affilid}) %}
                        {% endif %}
                        <a {% if link %}href="{{ link }}"{% endif %}>
                            {{ score.team.affiliation.country|countryFlag }}
                        </a>
                    {% endif %}
                {% endif %}
            </td>
            {% if showAffiliationLogos %}
                <td class="scoreaf">
                    {% if score.team.affiliation %}
                        {% set link = null %}
                        {% if jury %}
                            {% set link = path('jury_team_affiliation', {'affilId': score.team.affiliation.affilid}) %}
                        {% endif %}
                        <a {% if link %}href="{{ link }}"{% endif %}>
                            {% set affiliationId = score.team.affiliation.affilid %}
                            {% if showExternalId(score.team.affiliation) %}
                                {% set affiliationId = score.team.affiliation.externalid %}
                            {% endif %}
                            {% set affiliationImage = affiliationId | assetPath('affiliation') %}
                            {% if affiliationImage %}
                                <img loading="lazy" class="affiliation-logo"
                                     src="{{ asset(affiliationImage) }}" alt="{{ score.team.affiliation.name }}"
                                     title="{{ score.team.affiliation.name }}">
                            {% else %}
                                {{ affiliationId }}
                            {% endif %}
                        </a>
                    {% endif %}
                </td>
            {% endif %}
            {% if color is null %}
                {% set color = "#FFFFFF" %}
                {% set colorClass = "_FFFFFF" %}
            {% else %}
                {% set colorClass = color | replace({"#": "_"}) %}
                {% set backgroundColors = backgroundColors | merge({(color): 1}) %}
            {% endif %}
            <td class="scoretn cl{{ colorClass }}" title="{{ score.team.effectiveName }}">
                {% set link = null %}
                {% set extra = null %}
                {% if static %}
                    {% set link = '#' %}
                    {% set extra = 'data-bs-toggle="modal" data-bs-target="#team-modal-' ~ score.team.teamid ~ '"' %}
                {% else %}
                    {% if jury %}
                        {% set link = path('jury_team', {teamId: score.team.teamid}) %}
                    {% elseif public %}
                        {% set link = path('public_team', {teamId: score.team.teamid}) %}
                        {% set extra = 'data-ajax-modal' %}
                    {% else %}
                        {% set link = path('team_team', {teamId: score.team.teamid}) %}
                        {% set extra = 'data-ajax-modal' %}
                    {% endif %}
                {% endif %}
                <a {% if extra is not null %}{{ extra | raw }}{% endif %} {% if link is not null %}href="{{ link }}"{% endif %}>
                    <span class="forceWidth">
                        {% if usedCategories | length > 1 and scoreboard.bestInCategory(score.team, limitToTeamIds) %}
                            <span class="badge text-bg-warning category-best">
                            {{ score.team.category.name }}
                        </span>
                        {% endif %}
                        {{ score.team.effectiveName }}
                    </span>
                    {% if showAffiliations %}
                        <span class="univ forceWidth">
                            {% if score.team.affiliation %}
                                {{ score.team.affiliation.name }}
                            {% endif %}
                        </span>
                    {% endif %}
                </a>
            </td>
            {% set totalTime = score.totalTime %}
            {% if scoreInSeconds %}
                {% set totalTime = totalTime | printTimeRelative %}
            {% endif %}
            {% if enable_ranking %}
                {% set totalPoints = score.numPoints %}
                <td class="scorenc">{{ totalPoints }}</td>
                {% if scoreboard.getRuntimeAsScoreTiebreaker() %}
                    <td class="scorett">{{ "%0.3f s" | format(score.totalRuntime/1000.0) }}</td>
                {% else %}
                    <td class="scorett">{{ totalTime }}</td>
                {% endif %}
            {% endif %}

            {% if showTeamSubmissions or jury %}
                {% for problem in problems %}
                    {# CSS class for correct/incorrect/neutral results #}
                    {% set scoreCssClass = 'score_neutral' %}
                    {% set matrixItem = scoreboard.matrix[score.team.teamid][problem.probid] %}
                    {% if matrixItem.isCorrect %}
                        {% set scoreCssClass = 'score_correct' %}
                        {% if enable_ranking %}
                            {% if not scoreboard.getRuntimeAsScoreTiebreaker() and scoreboard.solvedFirst(score.team, problem) %}
                                    {% set scoreCssClass = scoreCssClass ~ ' score_first' %}
                            {% endif %}
                            {% if scoreboard.getRuntimeAsScoreTiebreaker() and scoreboard.isFastestSubmission(score.team, problem) %}
                                    {% set scoreCssClass = scoreCssClass ~ ' score_first' %}
                            {% endif %}
                        {% endif %}
                    {% elseif showPending and matrixItem.numSubmissionsPending > 0 %}
                        {% set scoreCssClass = 'score_pending' %}
                    {% elseif matrixItem.numSubmissions > 0 %}
                        {% set scoreCssClass = 'score_incorrect' %}
                    {% endif %}

                    {% set numSubmissions = matrixItem.numSubmissions %}
                    {% if showPending and matrixItem.numSubmissionsPending > 0 %}
                        {% set numSubmissions = numSubmissions ~ ' + ' ~ matrixItem.numSubmissionsPending %}
                    {% endif %}

                    {# If correct, print time scored. The format will vary depending on the scoreboard resolution setting #}
                    {% set time = '' %}
                    {% if matrixItem.isCorrect %}
                        {% set time = matrixItem.time %}
                        {% if scoreboard.getRuntimeAsScoreTiebreaker() %}
                            {% set time = "%0.3f s" | format(matrixItem.runtime / 1000.0) %}
                        {% elseif scoreInSeconds %}
                            {% set time = time | scoreTime | printTimeRelative %}
                            {% if matrixItem.numSubmissions > 1 %}
                                {% set time = time ~ ' + ' ~ (calculatePenaltyTime(true, matrixItem.numSubmissions) | printTimeRelative) %}
                            {% endif %}
                        {% else %}
                            {% set time = time | scoreTime %}
                        {% endif %}
                    {% endif %}

                    {% set link = null %}
                    {% if jury %}
                        {% set restrict = {problemId: problem.probid} %}
                        {% set link = path('jury_team', {teamId: score.team.teamid, restrict: restrict}) %}
                    {% endif %}

                    <td class="score_cell">
                        {% if numSubmissions != '0' %}
                            <a {% if link %}href="{{ link }}"{% endif %}>
                                <div class="{{ scoreCssClass }}">
                                    {% if matrixItem.isCorrect %}{{ time }}{% else %}&nbsp;{% endif %}
                                    <span>
                                        {% if numSubmissions is same as(1) %}
                                            1 try
                                        {% else %}
                                            {{ numSubmissions }} tries
                                        {% endif %}
                                    </span>
                                </div>
                            </a>
                        {% endif %}
                    </td>
                {% endfor %}
            {% endif %}
        </tr>
    {% endfor %}

    {# Output summary of last sort order #}
    {% include 'partials/scoreboard_summary.html.twig' with {sortOrder: previousSortOrder} %}
    </tbody>
</table>

{% if static %}
    {% for score in scores %}
        {% embed 'partials/modal.html.twig' with {'modalId': 'team-modal-' ~ score.team.teamid} %}
            {% block title %}{{ score.team.effectiveName }}{% endblock %}
            {% block content %}
                {% include 'partials/team.html.twig' with {size: 6, team: score.team} %}
            {% endblock %}
        {% endembed %}
    {% endfor %}
{% endif %}

{% if showLegends %}
    <p><br/><br/></p>

    {# only print legend when there's more than one category #}
    {% if limitToTeamIds is null and usedCategories | length > 1 and hasDifferentCategoryColors %}
        <table id="categ_legend" class="scoreboard scorelegend {% if jury %}scoreboard_jury{% endif %}">
            <thead>
            <tr>
                <th scope="col">
                    {% set link = null %}
                    {% if jury %}
                        {% set link = path('jury_team_categories') %}
                    {% endif %}
                    <a {% if link %}href="{{ link }}"{% endif %}>Categories</a>
                </th>
            </tr>
            </thead>
            <tbody>
            {% for category in scoreboard.categories | filter(category => usedCategories[category.categoryid] is defined) %}
                <tr {% if category.color %}class="cl{{ category.color | replace({"#": "_"}) }}"{% endif %}>
                    <td>
                        {% set link = null %}
                        {% if jury %}
                            {% set link = path('jury_team_category', {'categoryId': category.categoryid}) %}
                        {% endif %}
                        <a {% if link %}href="{{ link }}"{% endif %}>{{ category.name }}</a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endif %}

    {% if showTeamSubmissions or jury %}
        {% if scoreboard.getRuntimeAsScoreTiebreaker() %}
            {% set cellColors = {first: 'Solved, fastest', correct: 'Solved', incorrect: 'Tried, incorrect', pending: 'Tried, pending', neutral: 'Untried'} %}
        {% else %}
            {% set cellColors = {first: 'Solved first', correct: 'Solved', incorrect: 'Tried, incorrect', pending: 'Tried, pending', neutral: 'Untried'} %}
        {% endif %}
        <table id="cell_legend" class="scoreboard scorelegend {% if jury %}scoreboard_jury{% endif %}">
            <thead>
            <tr>
                <th scope="col">Cell colours</th>
            </tr>
            </thead>
            <tbody>
            {% for color, description in cellColors %}
                {% if color != 'pending' or showPending %}
                    <tr class="score_{{ color }}">
                        <td>{{ description }}</td>
                    </tr>
                {% endif %}
            {% endfor %}
            </tbody>
        </table>
    {% endif %}

    {% if medalsEnabled %}
        <table class="scoreboard scorelegend {% if jury %}scoreboard_jury{% endif %}">
            <thead>
            <tr>
                <th scope="col">Medals {% if not scoreboard.freezeData.showFinal %}(tentative){% endif %}</th>
            </tr>
            </thead>
            <tbody>
                {% for medalType in ['Gold', 'Silver', 'Bronze'] %}
                    <tr class="{{ medalType | lower }}-medal">
                        <td>{{ medalType }} Medal</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}
{% endif %}

<style>
    {% for color,i in backgroundColors %}
        {% set colorClass = color | replace({"#": "_"}) %}

        .cl{{ colorClass }} {
            background-color: {{ color }};
        }

        {% set cMin = color|hexColorToRGBA(0) %}
        {% set cMax = color|hexColorToRGBA(1) %}

        .cl{{ colorClass }} .forceWidth.toolong:after {
            background: linear-gradient(to right,
                {{ cMin }} 0%,
                {{ cMax }} 96%);
        }
    {% endfor %}
</style>
<script>
    document.querySelectorAll(".forceWidth:not(.toolong)").forEach(el => {
        if (el instanceof Element && el.scrollWidth > el.offsetWidth) {
            el.classList.add("toolong");
        }
    });
</script>