{% include 'overall_header.html' %}
<div class="waldo-page waldo-theme-page {{ WALDO_THEME_CLASS }}">
    <div class="panel waldo-page-panel waldo-page-panel-modern">
        <div class="inner">
            <div class="waldo-page-hero">
                <div class="waldo-page-hero-copy">
                    <h2 class="waldo-page-title">{{ lang('WALDO_LEADERBOARD', WALDO_NAME) }}</h2>
                    <p class="waldo-page-intro">{{ lang('WALDO_LEADERBOARD_EXPLAIN', WALDO_NAME) }} {{ lang('WALDO_RESET_MODE') }}{{ lang('COLON') }} <strong>{{ WALDO_RESET_MODE_TEXT }}</strong>.</p>
                </div>
                <div class="waldo-page-summary">
                    <div class="waldo-page-summary-card">
                        <span class="waldo-page-summary-label">{{ lang('WALDO_CURRENT_POINTS') }}</span>
                        <strong class="waldo-page-summary-value">{{ WALDO_SUMMARY_SCORE|default(0) }}</strong>
                    </div>
                    <div class="waldo-page-summary-card">
                        <span class="waldo-page-summary-label">{{ lang('WALDO_TOTAL_FOUND', WALDO_NAME) }}</span>
                        <strong class="waldo-page-summary-value">{{ WALDO_SUMMARY_TOTAL|default(0) }}</strong>
                    </div>
                    <div class="waldo-page-summary-card">
                        <span class="waldo-page-summary-label">{{ lang('WALDO_PAGINATION_RANGE') }}</span>
                        <strong class="waldo-page-summary-value">{{ WALDO_SUMMARY_SHOWN }}</strong>
                    </div>
                </div>
            </div>

            {% if S_HAS_LEADERS %}

            <div class="waldo-page-info">
                <div class="waldo-page-info-item">
                    <span class="waldo-page-info-label">{{ lang('WALDO_DAILY_MODE_LABEL') }}</span>
                    <strong class="waldo-page-info-value">{{ WALDO_DAILY_MODE_TEXT }}</strong>
                </div>
                <div class="waldo-page-info-item">
                    <span class="waldo-page-info-label">{{ lang('WALDO_DAILY_LIMIT_LABEL') }}</span>
                    <strong class="waldo-page-info-value">{{ WALDO_DAILY_LIMIT_TEXT }}</strong>
                </div>
                <div class="waldo-page-info-item">
                    <span class="waldo-page-info-label">{{ WALDO_PROGRESS_LABEL }}</span>
                    <strong class="waldo-page-info-value">{{ WALDO_PROGRESS_TEXT }}</strong>
                </div>
                <div class="waldo-page-info-item">
                    <span class="waldo-page-info-label">{{ lang('WALDO_COOLDOWN_LABEL') }}</span>
                    <strong class="waldo-page-info-value">{{ WALDO_COOLDOWN_TEXT }}</strong>
                </div>
                <div class="waldo-page-info-item waldo-page-info-item-status">
                    <span class="waldo-page-info-label">{{ lang('WALDO_STATUS_LABEL') }}</span>
                    <strong class="waldo-page-info-value">{{ WALDO_STATUS_TEXT }}</strong>
                </div>
            </div>


                {% if S_HAS_WALDO_CHART %}
                <section class="waldo-chart" aria-labelledby="waldo-chart-title">
                    <div class="waldo-chart-head">
                        <h3 id="waldo-chart-title" class="waldo-chart-title">{{ lang('WALDO_CHART_TITLE', WALDO_NAME) }}</h3>
                        <p class="waldo-chart-note">{{ lang('WALDO_CHART_EXPLAIN', WALDO_NAME) }}</p>
                    </div>
                    <ol class="waldo-chart-list">
                    {% for waldo_chart in loops.waldo_chart %}
                        <li class="waldo-chart-row">
                            <div class="waldo-chart-labels">
                                <span class="waldo-chart-rank">#{{ waldo_chart.RANK }}</span>
                                <span class="waldo-chart-user">{{ waldo_chart.USERNAME }}</span>
                                <span class="waldo-chart-total">{{ waldo_chart.TOTAL }}</span>
                            </div>
                            <div class="waldo-chart-track" aria-hidden="true">
                                <span class="waldo-chart-bar" style="width: {{ waldo_chart.BAR_WIDTH }}%;"></span>
                            </div>
                        </li>
                    {% endfor %}
                    </ol>
                </section>
                {% endif %}

                <div class="waldo-page-toolbar">
                    <div class="waldo-page-toolbar-note">
                        {{ lang('WALDO_PAGE_STATUS', WALDO_PAGE_CURRENT, WALDO_PAGE_TOTAL, WALDO_TOTAL_PLAYERS) }}
                    </div>
                    {% if S_HAS_PAGINATION %}
                    <nav class="waldo-pagination waldo-pagination-top" aria-label="{{ lang('WALDO_PAGINATION_LABEL') }}">
                        {% if U_WALDO_PAGE_PREV %}
                            <a class="waldo-pagination-link waldo-pagination-arrow" href="{{ U_WALDO_PAGE_PREV }}">&lsaquo;</a>
                        {% endif %}
                        {% for page in loops.pagination %}
                            {% if page.S_ELLIPSIS %}
                                <span class="waldo-pagination-ellipsis">{{ page.PAGE }}</span>
                            {% elseif page.S_CURRENT %}
                                <span class="waldo-pagination-link is-current">{{ page.PAGE }}</span>
                            {% else %}
                                <a class="waldo-pagination-link" href="{{ page.URL }}">{{ page.PAGE }}</a>
                            {% endif %}
                        {% endfor %}
                        {% if U_WALDO_PAGE_NEXT %}
                            <a class="waldo-pagination-link waldo-pagination-arrow" href="{{ U_WALDO_PAGE_NEXT }}">&rsaquo;</a>
                        {% endif %}
                    </nav>
                    {% endif %}
                </div>

                <div class="forumbg waldo-board-wrap waldo-board-wrap-modern">
                    <div class="inner">
                        <table class="table1 zebra-table fixed-width-table waldo-board-table waldo-board-table-modern">
                            <thead>
                                <tr>
                                    <th style="width: 10%;">{{ lang('WALDO_RANK') }}</th>
                                    <th>{{ lang('USERNAME') }}</th>
                                    <th style="width: 15%;">{{ lang('WALDO_SCORE') }}</th>
                                    <th style="width: 15%;">{{ lang('WALDO_TOTAL_FOUND', WALDO_NAME) }}</th>
                                    <th style="width: 25%;">{{ lang('WALDO_LAST_FOUND') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% for leaders in loops.leaders %}
                                <tr class="waldo-rank-{{ leaders.RANK }}">
                                    <td class="waldo-cell-rank" data-label="{{ lang('WALDO_RANK') }}">
                                        <span class="waldo-rank-pill">#{{ leaders.RANK }}</span>
                                    </td>
                                    <td class="waldo-cell-user" data-label="{{ lang('USERNAME') }}">
                                        <span class="waldo-user-wrap">{{ leaders.USERNAME }}</span>
                                    </td>
                                    <td class="waldo-cell-score" data-label="{{ lang('WALDO_SCORE') }}">
                                        <span class="waldo-stat-pill waldo-stat-pill-score">{{ leaders.SCORE }}</span>
                                    </td>
                                    <td class="waldo-cell-total" data-label="{{ lang('WALDO_TOTAL_FOUND', WALDO_NAME) }}">
                                        <span class="waldo-stat-pill">{{ leaders.TOTAL }}</span>
                                    </td>
                                    <td class="waldo-cell-last" data-label="{{ lang('WALDO_LAST_FOUND') }}">
                                        <span class="waldo-last-wrap">{{ leaders.LAST_FOUND ?: lang('WALDO_NEVER') }}</span>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>

                {% if S_HAS_PAGINATION %}
                <nav class="waldo-pagination waldo-pagination-bottom" aria-label="{{ lang('WALDO_PAGINATION_LABEL') }}">
                    <a class="waldo-pagination-link waldo-pagination-jump" href="{{ U_WALDO_PAGE_FIRST }}">&laquo;</a>
                    {% if U_WALDO_PAGE_PREV %}
                        <a class="waldo-pagination-link waldo-pagination-arrow" href="{{ U_WALDO_PAGE_PREV }}">&lsaquo;</a>
                    {% endif %}
                    {% for page in loops.pagination %}
                        {% if page.S_ELLIPSIS %}
                            <span class="waldo-pagination-ellipsis">{{ page.PAGE }}</span>
                        {% elseif page.S_CURRENT %}
                            <span class="waldo-pagination-link is-current">{{ page.PAGE }}</span>
                        {% else %}
                            <a class="waldo-pagination-link" href="{{ page.URL }}">{{ page.PAGE }}</a>
                        {% endif %}
                    {% endfor %}
                    {% if U_WALDO_PAGE_NEXT %}
                        <a class="waldo-pagination-link waldo-pagination-arrow" href="{{ U_WALDO_PAGE_NEXT }}">&rsaquo;</a>
                    {% endif %}
                    <a class="waldo-pagination-link waldo-pagination-jump" href="{{ U_WALDO_PAGE_LAST }}">&raquo;</a>
                </nav>
                {% endif %}
            {% else %}
                <div class="errorbox">
                    <p>{{ lang('WALDO_NO_SCORES', WALDO_NAME) }}</p>
                </div>
            {% endif %}
        </div>
    </div>
</div>
{% include 'overall_footer.html' %}