{% extends "base.html" %}
{% load url %}
{% load dict_lookup %}
{% load static %}
{% load humanize %}
{% load profiles %}

{% block title %}{{ object.title|title}} Leaderboard - {{ block.super }}{% endblock %}

{% block breadcrumbs %}
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a
                href="{% url 'challenges:list' %}">Challenges</a>
        </li>
        <li class="breadcrumb-item"><a
                href="{{ challenge.get_absolute_url }}">{% firstof challenge.title challenge.short_name %}</a></li>
        <li class="breadcrumb-item"><a
                href="{% url 'evaluation:leaderboard' challenge_short_name=challenge.short_name slug=challenge.phase_set.first.slug %}">Leaderboards</a></li>
        <li class="breadcrumb-item active"
            aria-current="page">{{ object.title|title }}</li>
    </ol>
{% endblock %}

{% block topbar2 %}
    {% include "evaluation/partials/phase_navbar.html" with leaderboard_nav=True %}
{% endblock %}

{% block content %}

    <h2>{{ object.title|title }} Leaderboard</h2>

    {% if object.description %}
        <p>{{ object.description }}</p>
    {% endif %}

    {% if "change_challenge" in challenge_perms %}
        <p>
            <a href="{% url "evaluation:combined-leaderboard-update" challenge_short_name=object.challenge slug=object.slug %}"
               class="btn btn-primary">
                <i class="fa fa-edit"></i> Edit Combined Leaderboard
            </a>
        </p>
    {% endif %}

    <div class="table-responsive">
        <table class="table table-hover table-borderless table-sm" id="combinedRanksTable">
            <thead class="thead-light">
            <tr>
                <th>#</th>
                <th>User</th>
                <th>Created</th>
                <th>Combined Rank ({{ object.get_combination_method_display }})</th>
                {% for phase in object.public_phases %}
                    <th>{{ phase.title|title }} Rank</th>
                {% endfor %}
            </tr>
            </thead>
            <tbody>
            {% user_profile_links_from_usernames object.combined_ranks_users as user_profile_links %}
            {% for combined_rank in object.combined_ranks %}
                <tr>
                    <td data-order="{{ combined_rank.rank }}">{{ combined_rank.rank|ordinal }}</td>
                    {% get_dict_values user_profile_links combined_rank.user as user_profile_link %}
                    <td>{{ user_profile_link }}</td>
                    <td data-order="{{ combined_rank.created|date:"U" }}">{{ combined_rank.created|date:"j N Y" }}</td>
                    <td>{{ combined_rank.combined_rank }}</td>
                    {% for phase in object.public_phases %}
                        {% get_dict_values combined_rank.evaluations phase.pk as evaluation %}
                        {% if evaluation %}
                            <td data-order="{{ evaluation.rank }}"><a href="{% url 'evaluation:detail' challenge_short_name=challenge.short_name pk=evaluation.pk %}">{{ evaluation.rank|ordinal }}</a></td>
                        {% endif %}
                    {% endfor %}
                </tr>
            {% endfor %}
                <tfoot>
                    <th colspan="5" class="text-muted" style="font-size: 0.85rem;">
                        This leaderboard was updated at {{ object.combined_ranks_created|date:"P" }} on {{ object.combined_ranks_created|date:"N j, Y" }}
                    </th>
                </tfoot>
            </tbody>
        </table>
    </div>

{% endblock %}

{% block script %}
    {{ block.super }}
    <script type="module" src="{% static 'js/evaluation/combined_ranks_table.mjs' %}"></script>
{% endblock %}