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

{% block title %} <strong>{{ reportName }} </strong>{% endblock %}

{% block body %}
    
    
    <div class="row justify-content-end">        
        <div class="col-md-2">
            <span class="badge badge-info">{{ reportName }} </span>
        </div>         
        {{ include('reportes/filters.html.twig') }}
    </div>
    
    <div class="row">
    {% for key , datos in dataset %} 
        <div class="col">   
        <h2>    
            <span class="badge badge-{% if key == 'ingresos' %}success{% else %}danger{% endif %}">{{ key |upper }}</span>        
        </h2>    
    
        <table class="table table-border table-hover table-sm">
            <thead class="thead-dark ">
                <tr>               
                    {% if columnas is defined %}  
                        {% for nombreColumna in columnas %}
                            <th>{{ nombreColumna }}</th>                               
                        {% endfor %}
                    {% endif %}
                </tr>
            </thead>
            <tbody>
            {% if columnas is defined %}    
                    {% set totalMonto = 0 %}                  
                    {% for key, dato in datos %}                
                        <tr>
                            {% for nombreColumn in columnas %}                        
                                {% set valor =  dato[nombreColumn] %}
                                {% if nombreColumn == 'MONTO' %}                                
                                    {% set totalMonto = totalMonto + dato[nombreColumn] %}
                                    {% set valor = valor|number_format(2, ',', '.') %}
                                {% endif %}                            
                                <td> <strong>{{ valor }} </strong></td>                                                                                 
                            {% endfor %}
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="7">No existen datos</td>
                        </tr>
                    {% endfor %}
                    <tr> <td style="text-align: right" colspan="{{ columnas|length }}">
                            <h2><span class="badge badge-info"><strong> TOTAL $ {{ totalMonto|number_format(2, ',', '.') }}</strong></span></h2>
                        </td> 
                    </tr>
            {% endif %}
            </tbody>
        </table>  
        </div>        
    {% endfor %}
    </div>
    <div class="row-fluid">
        {% if saldo is not empty %}
        <h2><span class="badge {% if saldo > 0 %}badge-success{% else %}badge-danger{% endif %}">
            <strong> SALDO $ {{ saldo|number_format(2, ',', '.') }}</strong></span></h2>   
        {% endif %}
    </div>
    
{% endblock %}