{% 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 }} {{ datos|length }}</span>
        </div>         
        {{ include('reportes/filters.html.twig') }}
    </div>
    
        
    <table class="table table-border table-hover">
        <thead class="thead-dark">
            <tr>                
                <th>Etapa</th>               
                <th>Aseguradora</th>                                
                <th>Gravedad</th>                                
                <th>Tipo de Daños</th>                                
                <th>CANTIDAD</th>
                <th>TOTAL</th>                
            </tr>
        </thead>
        <tbody>
        {% for dato in datos %}
            
            <tr>
                
                <td>
                    {% if dato.etapaString is defined %}                       
                        {% set etapa = etapaProperties(dato.etapa) %} 
                        <h3>
                            <span class="badge" style="background-color: {{ etapa.color }}; color: {{ etapa.fontColor }} "> 
                                    {{ dato.etapaString }} 
                            </span>
                        </h3>
                    {% endif %}
                </td>
                <td>
                    {% if dato.aseguradora is defined %}
                        {{ dato.aseguradora }}
                    {% endif %}
                </td>                
                <td>
                    {% if dato.gravedad is defined %}
                        {{ dato.gravedad }}
                    {% endif %}
                </td>                
                <td>
                    {% if dato.tipoDanio is defined %}
                        {{ dato.tipoDanio }}
                    {% endif %}
                </td>                
                <td>
                    <h3>{{ dato.subtotal }} </h3>
                </td>                
                <td></td>                
                     
            </tr>
        {% else %}
            <tr>
                <td colspan="7">No existen casos</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>          
    
    
{% endblock %}