{% 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 item in tareas.currentPageResults %}       
        {% set caso = item.caso %}
        {% set atributos = item.atributos %}
        {% set desc = item.desc %}
        {% set etapaData = caso.etapa(0, 1) %}
        <tr>
            <td>                                       
                <h5><span class="badge" 
                      style="background-color: {{ atributos.color|default('#808080') }};
                    color: {{ atributos.fontColor|default('#fff') }}"> {{ 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>
                {% 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>
    {% else %}
        <tr>
            <td colspan="7">No existen tareas pendientes.</td>
        </tr>
    {% endfor %}
        </tbody>
    </table>

    {% if tareas.haveToPaginate %}
        <div class="pagerfanta mt-3">
            {{ pagerfanta(tareas, 'twitter_bootstrap4', {'next_message' : 'Siguiente', 'prev_message' : 'Anterior'}) }}
        </div>
    {% endif %}

    
{% endblock %}