{% extends 'base.html.twig' %}
{% block body %}
    {#<img src="{{logo}}" style="width:50px;" />#}
    {% block content %}
        <div id="content" style="height:100%;">
            <div style="border:1px solid #eee; padding:5px;">
               
                {% if entite.urlLogo %}
                    <img alt="Service" height="50" src="{{entite.urlLogo ? entite.urlLogo : ''}}"><br>
                {% endif %} 
                {% if entite is not empty %}<h2> {{entite.nom}} </h2>
                {% endif %}
                <h2 style="text-align:center;">Etat journalier des transactions par point de services</h2>
                
                <h3 style="text-align:center;">
                   Du: {{dateDebut}} au: {{dateFin}}
                </h4>

                <div>
                    {% if agence is not empty %}<span> Point de service: <strong>{{agence.nom}}</strong> </span> {% endif %}
                    {% if distributeur is not empty %}<span style="float:right;"> Distributeur: {{distributeur.nom}} </span> {% endif %}
                    {% if codeCaisse is not empty %}<span style="float:right;"> Caisse: {{codeCaisse}} </span> {% endif %}
                </div>
                
                <div class="row">
                    <span>Nombre:&nbsp;<strong>{{ agregat.nombreTotal|number_format(0, '.', ' ') }}</strong></span>
                    
                    <p style="margin-top:0;">Montant total:&nbsp;<strong>{{ agregat.montantTotal|number_format(0, '.', ' ') }}&nbsp;{{ entite.devise }}</strong></p>
                </div>
            </div>
            <br/>

            <div>
                <table class="table" style="width:100%;" cellpadding="1" cellspacing="1">
                    <thead>
                    <tr>
                        <th colspan="2"></th>
                        <th colspan="2" >Encaissements</th>
                        <th colspan="2">Décaissements</th>
                        <th  colspan="4">Comm PS</th>
                    </tr>
                    <tr>
                        <th scope="col">Date</th>
                        <th scope="col">N° Transaction</th>
                        <th scope="col">Appro</th>
                        <th scope="col">Envoi</th>
                        <th scope="col">Paiement</th>
                        <th scope="col">Remb</th>
                        <th scope="col">Paiement</th>
                        <th scope="col">Comm</th>
                        <th scope="col">Remb</th>
                        <th scope="col">Comm</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for transaction in transactions %}
                        {% if (transaction.operation == "DEBIT") %}
                            <tr>
                                <td>{{ transaction.dateCreation|date('d/m/Y H:i') }}</td>
                                <td>{{ transaction.numTransaction }}</td>
                                <td style="text-align:right;">{{ transaction.appro == 1 ? transaction.montant|number_format(0, '.', ' ') : ''}}</td>
                                <td style="text-align:right;">{{ transaction.appro == 0 ? transaction.montant|number_format(0, '.', ' ') : ''}}</td>
                                <td></td>
                                <td></td>
                                <td style="text-align:right;">{{ transaction.netCaisse|number_format(0, '.', ' ') }}</td>
                                <td style="text-align:right;">{{ transaction.frais|number_format(0, '.', ' ')  }}</td>
                                <td style="text-align:right;"></td>
                                <td style="text-align:right;"></td>
                            </tr>
                        {% else %}
                            <tr>
                                <td>{{ transaction.dateCreation|date('d/m/Y H:i') }}</td>
                                <td>{{ transaction.numTransaction }}</td>
                                <td></td>
                                <td></td>
                                <td style="text-align:right;">{{transaction.annulation == 0 and transaction.remboursement == 0 ? transaction.montant|number_format(0, '.', ' ') : '' }}</td>
                                <td style="text-align:right;">{{transaction.annulation == 1 or transaction.remboursement == 1 ? transaction.montant|number_format(0, '.', ' ') : '' }}</td>
                                <td style="text-align:right;">{{ transaction.remboursement == 0 ? transaction.netCaisse|number_format(0, '.', ' ') : '' }}</td>
                                <td style="text-align:right;">{{ transaction.frais|number_format(0, '.', ' ')  }}</td>
                                <td style="text-align:right;">{{transaction.remboursement == 1 ? transaction.netCaisse|number_format(0, '.', ' ') : ''}}</td>
                                <td style="text-align:right;">{{transaction.remboursement == 1 ? transaction.frais|number_format(0, '.', ' ') : ''}}</td>
                            </tr>
                        {% endif %}
                    {% endfor %}
                    

                    <tr>
                        <td colspan="2"><strong>TOTAUX</strong></td>
                        <td  colspan="2" style="text-align:right;">{{ agregatEnc.montantTotal|number_format(0, '.', ' ') }}</td>
                       
                        <td colspan="2" style="text-align:right;">{{ agregatDec.montantTotal|number_format(0, '.', ' ') }}</td>
                        
                        <td colspan="4" style="text-align:right;">
                            Net commission: {{ agregat.netCaisse|number_format(0, '.', ' ') }} 
                            Total Frais:{{ agregat.totalCommission|number_format(0, '.', ' ')  }}
                        </td>
                        
                    </tr>
                    <tr>
                        <td style="font-size:25px;"><strong>SOLDE</strong></td>
                        <td colspan="9" style="text-align:center; font-size:25px;"><strong>{{solde|number_format(0, '.', ' ')}}</strong></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    {% endblock %}
{% endblock %}