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

{% block title %}<strong>LISTADO DE CLIENTES </strong>{% endblock %}

{% block body %}
    <div class="row justify-content-end">

        <div class="col-md-3">
            <h3><span class="badge badge-lg badge-info">Totales Listados: {{ totalResultados }}</span> <h3/>
        </div>

        {{ include('form/filters.html.twig') }}
    </div>

    <table class="table table-bordered table-sm">
        <thead class="thead-dark">
            <tr>
                <th>Acciones</th>
                <th>Id</th>
                <th>Apellido</th>
                <th>Nombre</th>
                <th>Dni</th>
                <th>Direccion/Teléfono</th>
                <th>Barrio</th>
                {#
                <th>Apodo</th>
                <th>Latitude</th>
                <th>Longitude</th>
                <th>Country</th>
                <th>CreatedAt</th>
                <th>Oficio</th>
                #}
                <th>Fecha Nacimiento</th>
{#                <th>Address GoogleMaps</th>#}
                <th>Localidad</th>
                <th>Actualizado</th>
            </tr>
        </thead>
        <tbody>
        {% for cliente in clientes.currentPageResults %}
            <tr>
                <td>
                    <div class="form-group">
                    <a class="btn btn-sm btn-info" style="margin-bottom: 4px"
                       href="{{ path('cliente_show', {'id': cliente.id}) }}"><span class="fa fa-info-circle"></span> Ver</a>
                    <a class="btn btn-sm btn-primary" href="{{ path('cliente_edit', {'id': cliente.id}) }}"><span class="fa fa-edit"></span> Editar</a>

                    {% for casoCliente in cliente.getCasoClientesNoAnulados %}
                        {% if casoCliente.caso is not null and casoCliente.caso.anuladoFecha is null %}
                            <a class="btn btn-sm btn-primary" href="{{ path('caso_edit', {'id': casoCliente.caso.id }) }}">
                                <span class="fa fa-edit"></span> Caso N° {{ casoCliente.caso.numero }}</a>
                        {% elseif  casoCliente.caso is not null %}
                            <a class="btn btn-sm btn-secondary" href="{{ path('caso_show_anulado', {'id': casoCliente.caso.id }) }}">
                                <span class="fa fa-info"></span> Caso N° {{ casoCliente.caso.numero }} (ANULADO)</a>

                        {% endif %}

                    {% endfor %}
                    </div>
                </td>
                <td>{{ cliente.id }}</td>
                <td>{{ cliente.apellido }}</td>
                <td>{{ cliente.nombre }}</td>
                <td>{{ cliente.dni }}</td>
                <td>{{ cliente.direccion }}<br/>
                    <strong>Tel:{{ cliente.telefono }}</strong>
                </td>

                <td></td>
                <td>{{ cliente.fechaNacimiento ? cliente.fechaNacimiento|date('d/m/Y') : '' }}</td>
                <td>{{ cliente.locality }}</td>
                <td>{{ cliente.updatedAt ? cliente.updatedAt|date('d/m/Y H:i') : '' }}</td>
            </tr>
        {% else %}
            <tr>
                <td colspan="18">No existen registros</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <div class="pagerfanta">
        {{ pagerfanta(clientes, 'twitter_bootstrap4', {'next_message' : 'Siguiente', 'prev_message' : 'Anterior'}) }}
    </div>

    <a href="{{ path('cliente_new') }}"><span class="fa fa-plus-square"></span> Nuevo Cliente</a>
{% endblock %}