{% extends 'dashboard/base.html.twig' %}
{% block title %}Inscription{% endblock %}
{% block stylesheets %}
{% endblock %}
{% block body %}
    <div class="page-title">
        <h3>Dashboard</h3>
    </div>
    {% if is_granted(['ROLE_SUPER_USER', 'ROLE_ADMIN']) %}
    <div class="row">
        <div class="col-12 col-sm-6 col-md-3">
            <div class="card">
                <div class="card-body text-center">
                    <i class="teal large-icon mb-2 fas fa-bullhorn"></i>
                    <h4 class="mb-0">{{ dashboard.getCountDemand() }}</h4>
                    <p class="text-muted">DEMANDES</p>
                </div>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3">
            <div class="card">
                <div class="card-body text-center">
                    <i class="olive large-icon mb-2 fas fa-calendar-check"></i>
                    <h4 class="mb-0">{{ dashboard.getCountActiveDemands() }}</h4>
                    <p class="text-muted">ACCEPTÉES</p>
                </div>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3">
            <div class="card">
                <div class="card-body text-center">
                    <i class="orange large-icon mb-2 fas fa-calendar-times"></i>
                    <h4 class="mb-0">{{ dashboard.getCountInactiveDemands() }}</h4>
                    <p class="text-muted">NON ACCEPTÉES</p>
                </div>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-3">
            <div class="card">
                <div class="card-body text-center">
                    <i class="olive large-icon mb-2 fas fa-money-bill-alt"></i>
                    <h4 class="mb-0">{{ dashboard.getTotalDemandPrice() }}</h4>
                    <p class="text-muted">PROFIT</p>
                </div>
            </div>
        </div>
    </div>
    {% endif %}
    <div class="row">
        <div class="col-12">
            {% if is_granted(['ROLE_SUPER_USER', 'ROLE_ADMIN', 'ROLE_ASSISTANT']) %}
            <div class="card">
                <div class="card-body">
                    <h4>Utilisateur</h4>
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>Utilisateur</th>
                            <th class="text-left">Demandes</th>
                            <th class="text-left">Prix</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for u in dashboard.getUsers() %}
                            <tr>
                                <td>{{ u.getFullName() }}</td>
                                <td class="text-left">{{ dashboard.getCountActiveDemands(u) }}</td>
                                <td class="text-left">
                                    {{ dashboard.getTotalDemandPrice(u) }}
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
            {% endif %}
        </div>
    </div>
{% endblock %}