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

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

{% block body %}
    
    <div class="row justify-content-start">                         
        {{ include('reportes/filters.html.twig') }}
    </div>
    
    <div class="row">
    {% set totalMonto = 0 %}
    
    {% for nombreSet, results in dataset %} 
        <div class="col">   
        <h2>    
            <span class="badge badge-info">{{ splitCamelCase(nombreSet) |upper }}</span>        
        </h2>    
    
        <table class="table table-border table-hover table-sm">
        <thead class="thead-dark ">
            <tr>               
                {% for nombreColumna in results.columnas %}
                    <th>{{ splitCamelCase(nombreColumna) }}</th>                               
                {% endfor %}                                 
            </tr>
        </thead>
        <tbody>
                <tr>
                {% for key, dato in results.datos %}                    
                    {% set valor = dato %}                                                                 
                    {% if dato is iterable %}
                        <tr>
                        {% for datoValue in dato %}
                              <td> 
                                {% if not isNumeric(datoValue) %}
                                    <h4>
                                    <span class="badge " style="color: #{{colorTexto(datoValue) }} ; background-color: #{{ stringToHexa(datoValue) }}"> 
                                        {{ datoValue | upper }} 
                                    </span>
                                    </h4>                                   
                                {% else %}                                   
                                    {% set totalMonto = totalMonto + datoValue %}
                                    {% set valor = datoValue|number_format(2, ',', '.') %}
                                    {{ valor }}                                      
                                {% endif %}                                 
                              </td> 
                        {% endfor %}
                        </tr>
                    {% else %}                        
                        <td>
                            <h4>
                                <span class="badge " style="color: #{{colorTexto(datoValue) }} ; background-color: #{{ stringToHexa(datoValue) }}"> 
                                    {{  valor | upper }} 
                                </span>
                            </h4>                                                                                           
                        </td>                            
                    {% endif %}                                    
            {% else %}                
                    <td colspan="7">No existen datos</td>                
            {% endfor %}
                </tr>
        </tbody>
    </table>  
        </div>        
    {% endfor %}
    </div>
    
    <div class="row-fluid" style="text-align: left"> 
        <div >
            <h2><span class="badge {% if totalMonto > 0 %}badge-success{% else %}badge-danger{% endif %}"><strong> 
                TOTAL ${{ totalMonto|number_format(2, ',', '.') }}</strong></span></h2>
        </div> 
    </div>                                    
    
{% endblock %}