{% extends 'marietje/base.html' %}
{% load static %}

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

{% block content %}
    <div class="container mt-5">
        <h1>Statistics</h1>
        <div class="row display-flex">
            {% if not stats %}
            <div class="col-xs-12 alert alert-danger">
                <strong>Stats unavailable :(</strong>
            </div>
            {% else %}
            {% if current_age_text %}
            <div class="col-xs-12 alert alert-info">
                <strong>{{ current_age_text }}</strong>
            {% endif %}
            </div>
            <div class="col-md-6">
                <h2>Uploads</h2>
                <p>In total <strong> {{ stats.total_uploads }} </strong> songs have been uploaded.
                These are the {{ stats.stats_top_count }} people who have uploaded the most.</p>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>User</th>
                                <th style="text-align: right;"># Songs</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for stat in stats.upload_stats %}
                            <tr>
                                <th>{{ forloop.counter }}</th>
                                <td>{{ stat.user__name }}</td>
                                <td style="text-align: right;">{{ stat.total }}</td>
                                <td>({% widthratio stat.total stats.total_uploads_perc 100 %}%)</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-md-6">
                <h2>Requests</h2>
                <p>In total <strong> {{ stats.total_requests }} </strong> songs have been requested.
                These are the {{ stats.stats_top_count }} people who have requested the most songs.</p>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>User</th>
                                <th style="text-align: right;"># Requests</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for stat in stats.request_stats %}
                            <tr>
                                <th>{{ forloop.counter }}</th>
                                <td>{{ stat.user__name }}</td>
                                <td style="text-align: right;">{{ stat.total }}</td>
                                <td>({% widthratio stat.total stats.total_requests_perc 100 %}%)</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-md-6">
                <h2>Time requested</h2>
                <p>In total <strong> {{ stats.total_time_requested }} </strong> of music have been requested, with an
                average song length of <strong>{{ stats.total_average }}</strong>.
                These are the {{ stats.stats_top_count }} people with the longest total time queued.</p>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>User</th>
                                <th style="text-align: right;">Duration</th>
                                <th>Average</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for stat in stats.time_requested %}
                            <tr>
                                <th>{{ forloop.counter }}</th>
                                <td>{{ stat.user__name }}</td>
                                <td style="text-align: right;">{{ stat.duration }}</td>
                                <td>{{stat.avg_dur}}</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-md-6">
                <h2>Unique requests</h2>
                <p>In total <strong> {{stats.total_unique_requests}}</strong> different songs
                have been requested. The {{ stats.stats_top_count }} people that have requested the largest number of
                different songs are shown below.
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>User</th>
                                <th style="text-align: right;"># Unique</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for stat in stats.unique_request_stats %}
                            <tr>
                                <th>{{ forloop.counter }}</th>
                                <td>{{ stat.user__name }}</td>
                                <td style="text-align: right;">{{ stat.unique_requests }}</td>
                                <td>({% widthratio stat.unique_requests stat.total_requests 100 %}%)</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-md-6">
                <h2>Most played songs</h2>
                <p>These are the {{ stats.stats_top_count }} most played songs ever.</p>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Artist</th>
                                <th>Title</th>
                                <th style="white-space: nowrap; text-align: right;"># Requests</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for stat in stats.most_played_songs %}
                            <tr>
                                <th>{{ forloop.counter }}</th>
                                <td>{{ stat.song__artist }}</td>
                                <td>{{ stat.song__title }}</td>
                                <td style="text-align: right;">{{ stat.total }}</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-md-6">
                <h2>Most played artists</h2>
                <p>These are the {{ stats.stats_top_count }} most played artists ever.</p>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Artist</th>
                                <th style="text-align: right;"># Requests</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for stat in stats.most_played_artists %}
                            <tr>
                                <th>{{ forloop.counter }}</th>
                                <td>{{ stat.song__artist }}</td>
                                <td style="text-align: right;">{{ stat.total }}</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
             <div class="col-md-6">
                <h2>Most played uploaders</h2>
                <p>These are the {{ stats.stats_top_count }} people whose songs are requested most often by other 
                people, as shown in the left column. The right column shows how many times that person has queued 
                their own songs.</p>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>User</th>
                                <th style="text-align: right;"># Others</th>
                                <th># Own</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for stat in stats.most_requested_uploaders %}
                            <tr>
                                <th>{{ forloop.counter }}</th>
                                <td>{{ stat.name }}</td>
                                <td style="text-align: right;">{{ stat.total }}</td>
                                <td>{{ stat.own_total}}</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col-md-6">
                <h2>Most played songs last 14 days</h2>
                <p>These {{ stats.stats_top_count }} songs have been requested the most in the last two weeks.</p>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Artist</th>
                                <th>Title</th>
                                <th style="white-space: nowrap; text-align: right;"># Requests</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for stat in stats.most_played_songs_14_days %}
                            <tr>
                                <th>{{ forloop.counter }}</th>
                                <td>{{ stat.song__artist }}</td>
                                <td>{{ stat.song__title }}</td>
                                <td style="text-align: right;">{{ stat.total }}</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
            {% endif %}
        </div>
    </div>
{% endblock %}