{% 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.photo and entite.fileType) %}
                    <img src="{{ logopath ~ '/' ~ entite.photo ~ '.' ~ entite.fileType }}" height="80px" alt=""><br>
                {% elseif entite is not empty %}<h2> {{entite.nom}} </h2>
                {% endif %}
                <h2 style="text-align:center;"> Situation journalière
                    {% if agence is not empty %}<span> du 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 %}
                </h2>
                
                <h3 style="text-align:center;">
                   {{datetxt}}
                </h4>

            </div>
            <br/>

            <div>
                <table class="table" style="width:100%;" cellpadding="1" cellspacing="1">
                    <thead>
                    
                    <tr>
                        <th>NATURE DE L'OPÉRATION</th>
                        <th>RÉFÉRENCE</th>
                        <th>MONTANT</th>
                    </tr>
                    <tr>
                        <th colspan="3" style="text-align:center;">ENCAISSEMENT</th>
                    </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="col">APPRO</th>
                            <td scope="col"></td>
                            <td scope="col">{{response.encaissement.appro|number_format(0, '.', ' ') }}</td>
                        </tr>
                        <tr>
                            <th scope="col">RETRAITS</th>
                            <td scope="col"></td>
                            <td scope="col">{{response.encaissement.depot|number_format(0, '.', ' ') }}</td>
                        </tr>
                        
                        {#<tr>
                            <th scope="col">COMMISSION</th>
                            <td scope="col"></td>
                            <td scope="col">{{response.encaissement.commission|number_format(0, '.', ' ') }}</td>
                        </tr>#}
                        <tr>
                            <td><strong>TOTAL ENCAISSEMENT</strong></td>
                            <td  colspan="3" style="text-align:right;">{{ response.encaissement.totalEncaissement|number_format(0, '.', ' ') }}</td>
                        </tr>
                    </tbody>
                </table>

                <table class="table" style="width:100%;" cellpadding="1" cellspacing="1">
                    <thead>
                    
                    <tr>
                        <th>NATURE DE L'OPÉRATION</th>
                        <th>RÉFÉRENCE</th>
                        <th>MONTANT</th>
                    </tr>
                    <tr>
                        <th colspan="3" style="text-align:center;">DÉCAISSEMENT</th>
                    </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <th scope="col">DÉPOT</th>
                            <td scope="col"></td>
                            <td scope="col">{{response.decaissement.retrait|number_format(0, '.', ' ') }}</td>
                        </tr>
                        <tr>
                            <th scope="col">VERSEMENT BANCAIRE</th>
                            <td style="text-align:right;" scope="col"></td>
                            <td style="text-align:right;" scope="col">{{response.decaissement.versementBancaire|number_format(0, '.', ' ') }}</td>
                        </tr>
                        <tr>
                            <td><strong>TOTAL DÉCAISSEMENT</strong></td>
                            <td  colspan="3" style="text-align:right;">{{ response.decaissement.totalDecaissement|number_format(0, '.', ' ') }}</td>
                        </tr>
                    </tbody>
                </table>

                <br></br>
                <table class="table" style="width:100%;" cellpadding="1" cellspacing="1">
                    <thead>
                    
                    <tr>
                        <td><strong>SOLDE DE LA JOURNÉE</strong></td>
                        <td style="text-align:right;" colspan="2">{{response.soldeJournee|number_format(0, '.', ' ') }}</td>
                    </tr>
                    <tr>
                        <td><strong>SOLDE DE LA JOURNÉE PRÉCÉDENTE</strong></th>
                        <td style="text-align:right;" colspan="2">{{response.soldeJourneePrec|number_format(0, '.', ' ') }}</td>
                    </tr>
                    <tr>
                        <td><strong>CUMUL SOLDE</strong></th>
                        <td  style="text-align:right;" colspan="2">{{response.cumulSolde|number_format(0, '.', ' ') }}</td>
                    </tr>
                </table>
               
                <br></br>
                <table style="width:100%; border:none !important;" cellpadding="1" cellspacing="1" border="0">
                    <tr style="text-align:center; border:none!important; font-size:14px;">
                        <td colspan="1" style="text-align:center; border:none!important; font-size:14px;"><strong> Visa du Chef de Section Monetique</strong></td>
                        <td colspan="1" style="text-align:center; border:none!important; font-size:14px;"><strong>Le Chef de Section Administrative</strong></td>
                        <td colspan="1" style="text-align:center; border:none!important;font-size:14px;"><strong>Visa du Chef d'Agence</strong></td>
                    </tr>
                </table>
            </div>
        </div>
    {% endblock %}
{% endblock %}