{% extends "admin/base_site.html" %}
{% load i18n static postgres_metrics %}

{% block extrastyle %}
    {{ block.super }}
    <link rel="stylesheet" type="text/css" href="{% static "admin/css/changelists.css" %}" />
{% endblock %}

{% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} change-list{% endblock %}

{% block breadcrumbs %}
<div class="breadcrumbs">
    <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
    &rsaquo; <a href="{% url 'admin:index' %}#postgres-metrics">{% trans 'PostgreSQL Metrics' %}</a>
    &rsaquo; {{ metric.label }}
</div>
{% endblock %}

{% block coltype %}flex{% endblock %}

{% block content %}
<h1>{{ metric.label }}</h1>
<div id="content-main">
    {% for result in results %}
    <div class="module" id="changelist">
        {% if forloop.first and metric.description %}
        <div id="toolbar">
            {{ metric.description|safe }}
        </div>
        {% endif %}
        <div class="results">
            <table id="result_list">
                <caption>{{ result.alias }} ({{ result.dsn }})</caption>
                <thead>
                    <tr>
                        {% for header in metric.headers %}
                        <th scope="col" class="sortable{% if header.sort_priority > 0 %} sorted {% if header.ascending %}ascending{% else %}descending{% endif %}{% endif %}">
                            {% if header.sort_priority > 0 %}
                            <div class="sortoptions">
                                <a class="sortremove" href="?o={{ header.url_remove }}" title="{% trans "Remove from sorting" %}"></a>
                                <span class="sortpriority" title="{% blocktrans with priority_number=header.sort_priority %}Sorting priority: {{ priority_number }}{% endblocktrans %}">{{ header.sort_priority }}</span>
                                <a href="?o={{ header.url_toggle }}" class="toggle {% if header.ascending %}ascending{% else %}descending{% endif %}" title="{% trans "Toggle sorting" %}"></a>
                            </div>
                            {% endif %}
                            <div class="text"><a href="?o={{ header.url_primary }}">{{ header }}</a></div>
                            <div class="clear"></div>
                        </th>
                        {% endfor %}
                    </tr>
                </thead>
                <tbody>
                    {% for row in result.records %}
                    <tr class="{% cycle 'row1' 'row2' %}">{% for item in row %}<td>{{ item }}</td>{% endfor %}</tr>
                    {% endfor %}
                    {% resetcycle %}
                </tbody>
            </table>
        </div>
    </div>
    {% endfor %}
</div>
{% endblock %}