{% extends 'base.html.twig' %}
{% block body %}

    {% block content %}
        <div id="content" style="font-size:13px;">
            <h3>Paiements des bourses familialles du {{result.periode.libelle}}</h3>
                <div style="width:100%; text-align:right;">
                    <span style="margin-right:20px;">
                        <strong>Montant</strong>: {{result.rapportGlobal.montant}}
                    </span>
                    <span style="margin-right:20px;">
                         <strong>Nomre</strong>: {{result.rapportGlobal.nombre}}
                    </span>
                     <span style="">
                         <strong>Taux</strong>: {{result.rapportGlobal.taux}} %
                    </span>
                </div>
                
            <div>
            {% for region in result.regions %}

                <h3>{{region.region.nom}}</h3>
                <div>
                    <span style="margin-right: 20px;">{{region.taux}} %</span>
                    <span style=""> {{region.rapport}} </span>
                </div>
                    <table class="table" style="width:100%;">
                        <thead>
                            <tr>
                                <th style="width:150px; text-align:left;" scope="col">Catégorie</th>
                                <th style="width:150px; text-align:right;" scope="col">Taux</th>
                                <th style="width:150px; text-align:right;" scope="col">Nombre</th>
                                <th style="width:150px; text-align:right;" scope="col">Montant</th>
                            </tr>
                        </thead>

                        {% for cat in region.categories %}
                            <tbody>
                                    <tr>
                                        <td style="width:150px;">{{cat.categorie}}</td>
                                        <td style="width:150px; text-align:right;">{{cat.taux}} %</td>
                                        <td style="width:150px; text-align:right;">{{cat.rapportNb}}</td>
                                        <td style="width:150px; text-align:right;">{{cat.rapportMt}} </td>
                                    </tr>   
                            </tbody>

                        {% endfor %}
                    </table>

            {% endfor %}
                
                
               
            </div>
        </div>
    {% endblock %}
{% endblock %}