{% extends "baselayout.html" %}

{% load i18n %}

{% block title %}
{% translate "Drinks - Statistics" %}
{% endblock %}

{% block content %}
<h1>{% translate "Statistics" %}</h1>
<div>
    <div class="flex flex-column flex-center">
        <h3>{% translate "Orders per drink" %}</h3>
        <table>
            <tr>
                <th>{% translate "drink" %}</th>
                <th>{% translate "you" %}</th>
                <th>{% translate "all" %}</th>
            </tr>
            {% for key, values in orders_per_drink.items %}
            <tr>
                <td>{{ key }}</td>
                <td>{{ values.a|default:"0" }}</td>
                <td>{{ values.b|default:"0" }}</td>
            </tr>
            {% endfor %}
        </table>
    </div>
    <div class="flex flex-column flex-center">
        <h3>{% translate "Orders per month (last 12 months)" %}</h3>
        <table>
            <tr>
                <th>{% translate "month" %}</th>
                <th>{% translate "you" %}</th>
                <th>{% translate "all" %}</th>
            </tr>
            {% for key, values in orders_per_month.items %}
            <tr>
                <td>{{ key }}</td>
                <td>{{ values.a|default:"0" }}</td>
                <td>{{ values.b|default:"0" }}</td>
            </tr>
            {% endfor %}
        </table>
    </div>
    <div class="flex flex-column flex-center">
        <h3>{% translate "Orders per weekday" %}</h3>
        <table>
            <tr>
                <th>{% translate "day" %}</th>
                <th>{% translate "you" %}</th>
                <th>{% translate "all" %}</th>
            </tr>
            {% for key, values in orders_per_weekday.items %}
            <tr>
                <td>{{ key }}</td>
                <td>{{ values.a|default:"0" }}</td>
                <td>{{ values.b|default:"0" }}</td>
            </tr>
            {% endfor %}
        </table>
    </div>
<script src="/static/js/autoreload.js"></script>
{% endblock %}