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

    {% block content %}
        <div id="content">
            <h3>Paiements sur la région de {{result.region}}</h3>
                <div>
                    <span style="text-align:left;">
                        <strong>Montant</strong>:
                    </span>
                    <span style="text-align:right;">
                        XOF {{result.sommeTotale}}
                    </span>
                </div>
                <div style="clear:both;">
                    <span style="text-align:left;">
                        <strong>Nombre de bénéficiaire</strong>:
                    </span>
                    <span style="text-align:right;">
                        {{result.nbTotal}}
                    </span>
                </div>
            <div>
            <table class="table">
                <thead>
                    <tr>
                        <th scope="col">Bureau</th>
                        <th scope="col">Référence</th>
                        <th scope="col">Catégorie</th>
                        <th scope="col">Nom</th>
                        <th scope="col">CIN</th>
                        <th scope="col">Tel.</th>
                        <th scope="col">Chef de ménage</th>
                        <th scope="col">CIN chef de ménage</th>
                        {#<th scope="col">Tel. Chef de ménage</th>
                        <th scope="col">Pére chef de ménage</th>
                        <th scope="col">Mère chef de ménage</th>#}
                        <th scope="col">Commune</th>
                        <th scope="col">Comm/Ville</th>
                        <th scope="col">Quart./Ville</th>
                        <th  style="width:100px;" scope="col">Caissier</th>
                        <th style="text-align:right;">Montant</th>
                    </tr>
                </thead>
                <tbody>
                    {% for beneficiaire in result.beneficiaires %}
                        <tr>
                            <td>{{beneficiaire.bureau}}</td>
                            <td>{{beneficiaire.reference}}</td>
                            <td>{{beneficiaire.categorie}}</td>
                            <td>{{beneficiaire.nom}} </td>
                            <td>{{beneficiaire.cin}}</td>
                            <td>{{beneficiaire.telephone}} </td>
                            <td>{{beneficiaire.nom_chef_menage}}</td>
                            <td>{{beneficiaire.cin_chef_menage}} </td>
                            {#<td>{{beneficiaire.telephone_chef_menage}}</td>
                            <td>{{beneficiaire.nom_pere_chef_menage}} </td>
                            <td>{{beneficiaire.nom_mere_chef_menage}}</td>#}
                            <td>{{beneficiaire.commune}} </td>
                            <td>{{beneficiaire.comm_ville}}</td>
                            <td>{{beneficiaire.quartier_village}} </td>
                            <td>{{beneficiaire.caissier}} </td>
                            <td style="text-align:right;">{{beneficiaire.montant}}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
                
                
               
            </div>
        </div>
    {% endblock %}
{% endblock %}