{% extends '@kohinos/bundles/SonataAdminBundle/standard_layout.html.twig' %}

{% block sonata_page_content %}
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">
                            Statistiques SSA - {{ ssa.name }}
                        </h3>
                        <div class="box-tools pull-right">
                            <a class="btn btn-default btn-sm" href="{{ admin.generateObjectUrl('stats', ssa, {'month': previousMonth}) }}" title="Mois precedent">
                                <i class="fa fa-chevron-left"></i>
                            </a>
                            <span class="btn btn-sm btn-info disabled">{{ selectedMonth|date('m/Y') }}</span>
                            <a class="btn btn-default btn-sm" href="{{ admin.generateObjectUrl('stats', ssa, {'month': nextMonth}) }}" title="Mois suivant">
                                <i class="fa fa-chevron-right"></i>
                            </a>
                            <a class="btn btn-sm btn-default" href="{{ admin.generateObjectUrl('edit', ssa) }}">
                                <i class="fa fa-edit"></i> Editer la caisse
                            </a>
                        </div>
                    </div>
                    <div class="box-body">
                        <p>Paiements adherent vers prestataire ce mois: <strong>{{ fluxCount }}</strong></p>
                    </div>
                </div>
            </div>
        </div>

        {% if ssa.distributionMode == constant('App\\Entity\\SolidoumeParameter::DISTRIBUTION_MODE_TIERS') %}
            <div class="row">
                <div class="col-xs-12 col-md-6">
                    <div class="box box-info">
                        <div class="box-header with-border">
                            <h3 class="box-title">Participants par palier ({{ selectedMonth|date('m/Y') }})</h3>
                        </div>
                        <div class="box-body">
                            {% if tiersChart is not null %}
                                {{ render_chart(tiersChart) }}
                            {% else %}
                                <p class="text-muted">Aucun participant avec cotisation SSA sur ce mois pour les paliers.</p>
                            {% endif %}
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-md-6">
                    <div class="box box-default">
                        <div class="box-header with-border">
                            <h3 class="box-title">Detail des paliers</h3>
                        </div>
                        <div class="box-body">
                            <table class="table table-striped table-condensed">
                                <thead>
                                    <tr>
                                        <th>Palier</th>
                                        <th>Participants</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for tier in tiersStats %}
                                        <tr>
                                            <td>{{ tier.label }}</td>
                                            <td>{{ tier.count }}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}

        <div class="row">
            <div class="col-xs-12">
                <div class="box box-success">
                    <div class="box-header with-border">
                        <h3 class="box-title">Evolution journaliere des paiements adherent vers prestataire ({{ selectedMonth|date('m/Y') }})</h3>
                    </div>
                    <div class="box-body">
                        {{ render_chart(transactionsChart) }}
                    </div>
                </div>
            </div>
        </div>

        {% if cotisationDiffChart is defined and cotisationDiffChart is not null %}
        <div class="row">
            <div class="col-xs-12 col-md-8">
                <div class="box box-warning">
                    <div class="box-header with-border">
                        <h3 class="box-title"><i class="fa fa-star"></i> Cotisations payées vs recommandées - 12 derniers mois</h3>
                    </div>
                    <div class="box-body">
                        {{ render_chart(cotisationDiffChart) }}
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-4">
                <div class="box box-default">
                    <div class="box-header with-border">
                        <h3 class="box-title">Detail mensuel cotisation</h3>
                    </div>
                    <div class="box-body">
                        <table class="table table-striped table-condensed">
                            <thead>
                                <tr>
                                    <th>Mois</th>
                                    <th>Payé</th>
                                    <th>Recommandé</th>
                                    <th>Diff. moy.</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for row in cotisationDiffStats %}
                                    {% set diff = row.avgDiff %}
                                    <tr>
                                        <td>{{ row.month }}</td>
                                        <td>{{ row.totalPaid|number_format(2, ',', ' ') }}€</td>
                                        <td>{{ row.totalRecommended|number_format(2, ',', ' ') }}€</td>
                                        <td>
                                            {% if diff == 0 %}
                                                <span class="badge bg-success">= 0,00€</span>
                                            {% elseif diff > 0 %}
                                                <span class="badge bg-primary">+{{ diff|number_format(2, ',', ' ') }}€</span>
                                            {% else %}
                                                <span class="badge bg-warning text-dark">−{{ (diff * -1)|number_format(2, ',', ' ') }}€</span>
                                            {% endif %}
                                        </td>
                                    </tr>
                                {% else %}
                                    <tr><td colspan="4" class="text-muted">Aucune donnee</td></tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        {% endif %}

        <div class="row">
            <div class="col-xs-12 col-md-8">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Top 10 prestataires beneficiaires SSA ({{ selectedMonth|date('m/Y') }})</h3>
                    </div>
                    <div class="box-body">
                        {% if topPrestatairesChart is not null %}
                            {{ render_chart(topPrestatairesChart) }}
                        {% else %}
                            <p class="text-muted">Aucune transaction adherent vers prestataire ce mois.</p>
                        {% endif %}
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-4">
                <div class="box box-default">
                    <div class="box-header with-border">
                        <h3 class="box-title">Detail top 10</h3>
                    </div>
                    <div class="box-body">
                        <table class="table table-striped table-condensed">
                            <thead>
                                <tr>
                                    <th>Prestataire</th>
                                    <th>Montant</th>
                                    <th>Volume</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for row in topPrestataires %}
                                    <tr>
                                        <td>{{ row.name }}</td>
                                        <td>{{ row.amount|number_format(2, ',', ' ') }} EUR</td>
                                        <td>{{ row.volume }}</td>
                                    </tr>
                                {% else %}
                                    <tr>
                                        <td colspan="3" class="text-muted">Aucune donnee</td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}