{% extends '@layout/dashboard.html.twig' %}

{% import "@macros/flash-messenger.html.twig" as flashM %}

{% block title %}Hit Lokal Awards
{% endblock %}

{% block content %}

    <div class="card border-dark">
        <div class="card-header">
            <h1 class="h2">Statistiques de l'évenement {{ event.name }}</h1>
        </div>

        <div class="card-body">
            <div class="row">
                <div class="col-4 card text-white bg-success m-3" style="max-width: 18rem;">
                    <div class="card-header">Nombre total de vote</div>
                    <div class="card-body">
                        <h5 class="card-title">{{ nbVote }}</h5>
                    </div>
                </div>

                <div class="col-4 card text-white bg-info m-3" style="max-width: 18rem;">
                    <div class="card-header">Nombre total de votant</div>
                    <div class="card-body">
                        <h5 class="card-title">{{ nbVoter }}</h5>
                    </div>
                </div>
            </div>

        </div>

    </div>
<br><br>
    <div class="card border-dark">
        <div class="card-header">
            <h1 class="h2">Nombre de vote par titre</h1>
        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped table-sm">
                    <thead>
                        <tr>
                            <th>Titre</th>
                            <th>Nombre de vote</th>
                        </tr>
                    </thead>
                    <tbody id="catable">
                        {% set currCat = '' %}
                        {% for titleVote in nbVoteByTitle %}
                            {% if currCat != titleVote.name %}
                                {% set currCat = titleVote.name %}
                                <tr class="table-warning">
                                    <td colspan="2"><strong> Catégorie : {{ titleVote.name }}</strong></td>
                                </tr>
                            {% endif %}
                                <tr>
                                    <td>{{ titleVote.artists }} - {{ titleVote.title }}</td>
                                    <td>{{ titleVote.nb }}</td>
                                </tr>
                            
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>

    </div>    
<br><br>
    <div class="card border-dark">
        <div class="card-header">
            <h1 class="h2">Nombre de vote par jour</h1>
        </div>

        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped table-sm">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Nombre de vote</th>
                        </tr>
                    </thead>
                    <tbody id="catable">
                        {% for dayVote in nbVoteByDay %}
                            <tr>
                                <td>{{ dayVote.day }}</td>
                                <td>{{ dayVote.nb }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>

    </div>


{% endblock %}

{% block javascript %}
{% endblock %}