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

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

{% block body %}
    
    
    <div class="row">        
        <div class="col-md-6 text-left">
            <h3><span class="badge badge-lg badge-info">Cantidad de Pendientes {{ dataset | length }} </span></h3>
        </div>         
        {{ include('reportes/filters.html.twig') }}
    </div>
    
    <div class="row">   
        <div class="col">              
    
        <table class="table table-border table-hover table-sm">
            <thead class="thead-dark ">
                <tr>               
                    {% if columnas is defined %}  
                        {% for nombreColumna in columnas %}
                            {% if nombreColumna != 'idCaso' %} 
                            <th>{{ splitCamelCase(nombreColumna) }}</th>
                            {% endif %}
                        {% endfor %}
                    {% endif %}
                </tr>
            </thead>
            <tbody>
            {% if columnas is defined %}    
                    {% set totalMonto = 0 %}                  
                    {% for key, dato in dataset %}                
                        <tr>
                            {% for nombreColumn in columnas %}
                                
                                {% set valor =  dato[nombreColumn] %}
                                {% if nombreColumn != 'idCaso' %} 
                                <td>
                                    {% if nombreColumn == 'NroCaso' %}    
                                        <h4>
                                            <a href="{{ path('caso_edit', {'id': dato['idCaso']}) }}" target="_blank" class="badge " style="color: #{{colorTexto(valor) }} ; background-color: #{{ stringToHexa(valor) }}">
                                                {{ valor }}
                                            </a>
                                        </h4>
                                    {% elseif nombreColumn == 'fechaFirma' %}
                                        <strong>
                                            {{ valor | date('d/m/Y') }}
                                        </strong>
                                    {% else %}
                                        <strong>{{ valor }} </strong>
                                    {% endif %}
                                </td>                                                                                
                                {% endif %}
                               
                            {% endfor %}
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="7">No existen datos</td>
                        </tr>
                    {% endfor %}
                   
            {% endif %}
            </tbody>
        </table>  
        </div>        
    
    </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 %}