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

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

{% block body %}
    
    <div class="row justify-content-end">
        <div class="col-lg-2">
            <a class="btn btn-primary " href="{{ path('caso_new') }}">
                <span class="fa fa-plus-square"></span> Nuevo Caso</a>            
        </div>
        <div class="col-md-2">
            <h3><span class="badge badge-info">Totales Listados: {{ totalResultados }}</span></h3>
        </div>         
        {{ include('caso/filters.html.twig') }}
    </div>
    
        
    <table class="table table-border table-hover">
        <thead class="thead-dark">
            <tr>
                <th>Acciones</th>
                <th>Nro</th>
                <th>Clientes</th>
                <th>Etapa</th>               
                <th>Fecha Creado</th>
                <th>Gravedad</th>
                <th>Firma Poder</th>
                <th>Tiene Cobertura?</th>
            </tr>
        </thead>
        <tbody>
        {% for caso in casos.currentPageResults %}            
            <tr>
                <td>                   
                    <a class="btn btn-sm btn-primary" href="{{ path('caso_edit', {'id': caso.id}) }}">Editar</a>
                    {{ include('caso/_finalizar_form.html.twig') }}
                </td>
                <td>{{ caso.numero }} <br/>
                    {% 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> 
                    <ul>                        
                    {% for casoCli in caso.casoClientes %}                    
                        <li>
                            {{ casoCli.cliente.apellido ~ ', ' ~ casoCli.cliente.nombre }}
                        </li>
                    {% endfor %}                    
                    </ul>
                    
                </td>
                <td>
                    {% set etapaData = caso.etapa(0, 1) %}
                    {% if etapaData is not empty %}
                    <h3> <span class="badge" style="background-color: {{ etapaData.color }}; color: {{ etapaData.fontColor }} "> 
                            {{ caso.etapa(1) }}                            
                        </span></h3>
                    {% else %}
                            {{ caso.etapa(1) }}                            
                    {% endif %}
                    {% if caso.aseguradora %}<span class="badge badge-secondary"> {{ caso.aseguradora }}</span>{% endif %}
                </td>
                <td>
                    {{ caso.createdAt ? caso.createdAt|date('d/m/Y') : '' }}<br/>
                    <b>Fecha Accidente:</b> {{ caso.fechaAccidente ? caso.fechaAccidente|date('d/m/Y') : '' }}
                </td>
                <td>
                    <span class="badge badge-secondary"> {{ caso.gravedadMayor }} </span>
                </td>
                <td style="text-align: center">{{ caso.firmaPoder ? "<span class='fa fa-check-circle' style='color:green'></span>" : "<span style='color:red' class='fa fa-times-circle'></span>" }}</td>
                <td style="text-align: center">{{ caso.seguroCobertura ? "<span class='fa fa-check-circle' style='color:green'></span>" : "<span style='color:red' class='fa fa-times-circle'></span>" }}</td>
                
            </tr>
        {% else %}
            <tr>
                <td colspan="7">No existen casos</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
      
    <div class="pagerfanta">
        {{ pagerfanta(casos, 'twitter_bootstrap4', {'next_message' : 'Siguiente', 'prev_message' : 'Anterior'} ) }}           
    </div>    
    

    
{% endblock %}