{% extends "core/base.jinja" %}

{%- block additional_css -%}
<link rel="stylesheet" href="{{ scss('user/user_stats.scss') }}">
{%- endblock -%}

{% block title %}
{% trans user_name=profile.get_display_name() %}{{ user_name }}'s stats{% endtrans %}
{% endblock %}

{% block content %}
<div class="container">
<div class="row">
    {% if profile.permanencies %}
    <div>
        <h3>{% trans %}Permanencies{% endtrans %}</h3>
        <div class="flexed">
            <div><span>Foyer :</span><span>{{ total_foyer_time }}</span></div>
            <div><span>Gommette :</span><span>{{ total_gommette_time }}</span></div>
            <div><span>MDE :</span><span>{{ total_mde_time }}</span></div>
            <div><b>Total :</b><b>{{ total_perm_time }}</b></div>
        </div>
    </div>
    {% endif %}

    <div>
        <h3>{% trans %}Buyings{% endtrans %}</h3>
        <div class="flexed">
            <div><span>Foyer :</span><span>{{ total_foyer_buyings }}&nbsp;€</span></div>
            <div><span>Gommette :</span><span>{{ total_gommette_buyings }}&nbsp;€</span></div>
            <div><span>MDE :</span><span>{{ total_mde_buyings }}&nbsp;€</span></div>
            <div><b>Total :</b><b>{{ total_foyer_buyings + total_gommette_buyings + total_mde_buyings }}&nbsp;€</b>
            </div>
        </div>
    </div>
</div>

<div>
    <h3>{% trans %}Product top 10{% endtrans %}</h3>
    <table>
        <thead>
            <tr>
                <td>{% trans %}Product{% endtrans %}</td>
                <td>{% trans %}Quantity{% endtrans %}</td>
            </tr>
        </thead>
        <tbody>
            {% for p in top_product %}
            <tr>
                <td>{{ p['product__name'] }}</td>
                <td>{{ p['product_sum'] }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
</div>
{% endblock %}