{% extends "_frame.html" %}

{% block title -%}
xivpf - stats
{%- endblock %}

{% block head %}
<link rel="stylesheet" href="/assets/common.css"/>
<link rel="stylesheet" href="/assets/stats.css"/>
<script defer src="/assets/d3.js"></script>
<script defer src="/assets/stats.js"></script>
{% endblock %}

{% block body %}
<div class="total">
    Stats for {{ stats.num_listings() }} listings
</div>

<div class="chart-containers">
    <div class="container">
        <h1>Top categories</h1>
        <div id="dutiesChart" class="chart">
        </div>
        <details>
            <summary>Details</summary>
            <table id="duties">
                <thead>
                <tr>
                    <th>Duty</th>
                    <th>Count</th>
                </tr>
                </thead>
                <tbody>
                {%- for info in stats.duties %}
                <tr>
                    <td>{{ info.name(lang) }}</td>
                    <td>{{ info.count }}</td>
                </tr>
                {%- endfor %}
                </tbody>
            </table>
        </details>
    </div>

    <div class="container">
        <h1>Top hosts</h1>
        <div id="hostsChart" class="chart">
        </div>
        <details>
            <summary>Details</summary>
            <table id="hosts">
                <thead>
                    <tr>
                        <th>World (created)</th>
                        <th>Name</th>
                        <th>Count</th>
                    </tr>
                </thead>
                <tbody>
                    {%- for info in stats.hosts %}
                    {%- for entry in info.content_ids %}
                    <tr>
                        <td>{{ info.world_name() }}</td>
                        <td>{{ stats.player_name(entry.content_id) }}</td>
                        <td>{{ entry.count }}</td>
                    </tr>
                    {%- endfor %}
                    <tr>
                        <td>{{ info.world_name() }}</td>
                        <td>Other</td>
                        <td>{{ info.num_other() }}
                    </tr>
                    {%- endfor %}
                </tbody>
            </table>
        </details>
    </div>

    <div class="container">
        <h1>Top hours (UTC)</h1>
        <div id="hoursChart" class="chart">
        </div>
        <details>
            <summary>Details</summary>
            <table id="hours">
                <thead>
                <tr>
                    <th>Hour</th>
                    <th>Count</th>
                </tr>
                </thead>
                <tbody>
                {%- for info in stats.hours %}
                <tr>
                    <td>{{ info.hour }}</td>
                    <td>{{ info.count }}</td>
                </tr>
                {%- endfor %}
                </tbody>
            </table>
        </details>
    </div>

    <div class="container">
        <h1>Top days (UTC)</h1>
        <div id="daysChart" class="chart">
        </div>
        <details>
            <summary>Details</summary>
            <table id="days">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Count</th>
                </tr>
                </thead>
                <tbody>
                {%- for info in stats.days %}
                <tr>
                    <td>{{ info.name() }}</td>
                    <td>{{ info.count }}</td>
                </tr>
                {%- endfor %}
                </tbody>
            </table>
        </details>
    </div>

</div>
{% endblock %}