{% extends 'wanderer_leaderboard/base.html' %}

{% load i18n %}

{% block page_title %}{% translate "Wanderer Leaderboard" %}{% endblock %}

{% block header_nav_brand %}
        {% translate "Wanderer Leaderboard" %}
{% endblock header_nav_brand %}

{% block details %}
<div class="col-lg-12">
    <h1 class="page-header text-center">{% translate "Wanderer Leaderboard" %}</h1>

    {% if not maps %}
        <div class="alert alert-warning">
            {% blocktranslate %}No tracked maps configured. Add one in the Django admin
            (Wanderer Leaderboard &rarr; Tracked maps) with its slug or map id.{% endblocktranslate %}
        </div>
    {% else %}
        <div class="card mb-3">
            <div class="card-body d-flex flex-wrap gap-2 align-items-center justify-content-between">
                <form method="get" class="d-flex gap-2 align-items-center">
                    <input type="hidden" name="year" value="{{ year }}">
                    <input type="hidden" name="month" value="{{ month }}">
                    <label class="form-label mb-0">{% translate "Map" %}</label>
                    <select name="map" class="form-select form-select-sm" onchange="this.form.submit()">
                        {% for m in maps %}
                            <option value="{{ m.pk }}" {% if m.pk == selected_map.pk %}selected{% endif %}>{{ m.name }}</option>
                        {% endfor %}
                    </select>
                </form>

                <div class="btn-group" role="group">
                    <a class="btn btn-outline-secondary btn-sm"
                       href="?map={{ selected_map.pk }}&year={{ prev_year }}&month={{ prev_month }}">&laquo; {% translate "Prev" %}</a>
                    <span class="btn btn-sm disabled fw-bold">{{ period_label }}</span>
                    <a class="btn btn-outline-secondary btn-sm"
                       href="?map={{ selected_map.pk }}&year={{ next_year }}&month={{ next_month }}">{% translate "Next" %} &raquo;</a>
                </div>
            </div>
        </div>

        {% if error %}
            <div class="alert alert-danger">{{ error }}</div>
        {% endif %}

        {% if beyond_horizon %}
        <div class="alert alert-warning">
            {% blocktranslate %}Wanderer's audit API only serves the last {{ horizon_months }} months
            of activity, so this month can't be shown.{% endblocktranslate %}
        </div>
        {% elif rows %}
        <div class="table-responsive">
            <table class="table table-striped table-hover table-sm align-middle text-center">
                <thead>
                    <tr>
                        <th rowspan="2" class="align-middle text-end">#</th>
                        <th rowspan="2" class="align-middle text-start">{% translate "Contributor" %}</th>
                        {% for cat in categories %}<th colspan="{{ action_labels|length }}" class="text-capitalize border-start">{{ cat }}</th>{% endfor %}
                        <th rowspan="2" class="align-middle text-end border-start">{% translate "Total" %}</th>
                    </tr>
                    <tr>
                        {% for cat in categories %}
                            {% for label in action_labels %}
                                <th class="small text-muted{% if forloop.first %} border-start{% endif %}">{{ label }}</th>
                            {% endfor %}
                        {% endfor %}
                    </tr>
                </thead>
                <tbody>
                    {% for r in rows %}
                    <tr>
                        <td class="text-end">{{ r.rank }}</td>
                        <td class="text-start">
                            <span class="fw-semibold">{{ r.character_name }}</span>
                            {% if r.corporation_ticker %}<span class="text-muted small">[{{ r.corporation_ticker }}]</span>{% endif %}
                            {% if not r.is_linked %}<span class="badge bg-secondary ms-1">{% translate "unlinked" %}</span>{% endif %}
                            {% if r.characters|length > 1 %}
                                <div class="small text-muted">{% for ch in r.characters %}{{ ch.name }} ({{ ch.total }}){% if not forloop.last %}, {% endif %}{% endfor %}</div>
                            {% endif %}
                        </td>
                        {% for group in r.metric_groups %}
                            {% for value in group %}
                                <td{% if forloop.first %} class="border-start"{% endif %}>{{ value }}</td>
                            {% endfor %}
                        {% endfor %}
                        <td class="text-end fw-bold border-start">{{ r.total }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        <p class="text-muted small">
            {% blocktranslate %}New / Upd / Del = created / updated / deleted. Total is the sum of all
            nine counts. Alt characters are rolled up to their Alliance Auth main; characters not
            registered in Auth show individually (unlinked). Sourced live from Wanderer's audit API.{% endblocktranslate %}
        </p>
        {% else %}
        <div class="alert alert-info">
            {% blocktranslate %}No contribution activity recorded for this selection and month.{% endblocktranslate %}
        </div>
        {% endif %}
    {% endif %}
</div>
{% endblock %}

{% block extra_javascript %}{% endblock %}
{% block extra_css %}{% endblock %}
{% block extra_script %}{% endblock %}