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

{% block title %} <strong>Listado de Tareas </strong>{% endblock %}

{% block body %}        
    
    <table class="table table-border table-hover table-sm">
        <thead class="thead-dark">
            <tr>
                <th>TAREA</th>
                <th>Nro Caso</th>
                <th>Reclamo Hecho</th>
                <th>Etapa</th>
                <th>Acciones</th>
                <th>Fecha Ingreso</th>
                <th>Gravedad</th>
                {#
                <th>Clientes</th>
                <th>Etapa</th>               
                <th>Firma Poder</th>
                <th>Denuncia Realizada</th>
                #}
            </tr>
        </thead>
        <tbody>
            
    {% for tarea in tareas %}       
       
        {% for caso in tarea.casos %}
            {% set etapaData = caso.etapa(0, 1) %}
            <tr>
                <td>                                       
                    <h5><span class="badge" 
                          style="background-color: {{ tarea.atributos.color }};
                        color: {{ tarea.atributos.fontColor }}"> {{ tarea.desc }}</span></h5>
                </td>
                <td>{{ caso.numero }} </td>
                <td>
                    {% if caso.reclamo is not null and caso.reclamo.createdBy is not null %}                        
                        <span class="badge badge-info" style="background-color: #{{stringToHexa(caso.reclamo.createdBy.__toString)}}"> 
                            {{ caso.reclamo.createdBy | upper }} 
                        </span>
                    {% endif %}
                </td>
                <td>
                    {% set etapaData = caso.etapa(0, 1) %}
                    {% if etapaData is not empty %}
                    <h5> <span class="badge" style="background-color: {{ etapaData.color }}; color: {{ etapaData.fontColor }} "> 
                            {{ caso.etapa(1) }}                            
                        </span></h5>
                    {% else %}
                            {{ caso.etapa(1) }}                            
                    {% endif %}                                       
                </td>
                <td><a class="btn btn-sm btn-primary" href="{{ path('caso_edit', {'id': caso.id}) }}" target="_blank"><i class="fas fa-edit fa-fw"></i> Editar</a></td>                
                <td>{{ caso.fechaAccidente ? caso.createdAt|date('d/m/Y') : '' }}</td>
                <td>                    
                    <span class="badge badge-secondary"> {{ caso.gravedadMayor }} </span>                                      
                </td>                
            </tr>
        
        {% endfor %}
    
    {% endfor %}
        </tbody>
    </table>

    
{% endblock %}