{% extends "base.html" %}

{% block title %}Stats{% endblock title %}

{% block main %}
    <h2>Statistics</h2>
    <div class="infobox">
        <h4>Histogram</h4>
        <p>
        <img src="{{static_url("histogram.svg")}}" width="100%" />
        </p>
        <p>
        <a target="_blank" href="{{static_url("histogram.svg")}}">Click here to see the full histogram view</a>
        </p>
        <hr/>
        <h4>Table</h4>
        <p>
        <table>
            <thead>
                <tr>
                    <th>Board</th>
                    <th>Bans</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Total</td>
                    <td>{{stats_table_total()}}</td>
                </tr>
                {% for row in stats_table_data() %}
                <tr>
                    <td>
                        <a href="{{route_url("/", {"board": row['board']})}}">
                            /{{row['board']}}/
                        </a>
                    </td>
                    <td>{{row["bans"]}}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        </p>
    </div>
{% endblock main %}