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

{% block title %}Caja index{% endblock %}

{% block body %}
    <h1>Listado de Cajas</h1>

    <div class="row-fluid">
        <a class="btn btn-primary " href="{{ path('caja_new') }}"><span class="fa fa-plus-square"></span> Nueva Caja</a>
        <a class="btn btn-outline-success " href="{{ path('cmmovimientos',{'tipo_movimiento': 1}) }}"><span class="fa fa-file-alt"></span> Lista de Ingresos</a>
        <a class="btn btn-outline-danger " href="{{ path('cmmovimientos',{'tipo_movimiento': -1}) }}"><span class="fa fa-file-alt"></span> Lista de Egresos</a>
    </div>
    <br>

    <table class="table table-border table-hover table-responsive">
        <thead class="thead-dark">
            <tr>
                <th>Acciones</th>
                <th>Id</th>
                <th>Fecha</th>
                 {% if is_granted('ROLE_GERENCIA') %}
                <th>Monto Inicial</th>                 
                <th>Monto Cierre</th>
                {% endif %}
                <th>Cant. Movimientos</th>
                <th>Abrió Usuario</th>
                <th>Cerró Usuario</th>
            </tr>
        </thead>
        <tbody>
        {% for caja in cajas %}
            <tr>
                <td>
                    <a class="btn btn-sm btn-info" style="margin-bottom: 4px" href="{{ path('caja_show', {'id': caja.id}) }}"><span class="fas fa-info-circle"></span>&nbspVer</a>
                    {# <a href="{{ path('caja_edit', {'id': caja.id}) }}">editar</a>#}
                    {# aca pregunto si esta cerrada la caja, entonces no muestro el boton "cerrar"#}
                    {% if caja.fechacierre is null  %}
                    
                        <a class="btn btn-sm btn-success" style="margin-bottom: 4px" href="{{ path('caja_cerrar', {'id': caja.id}) }}"><span class="fas fa-lock"></span>&nbspcerrar</a>
                        <a class="btn btn-sm btn-primary" style="margin-bottom: 4px" href="{{ path('caja_movimiento_new', {'caja_id': caja.id}) }}"><span class="fas fa-plus-square"></span>&nbspmovimiento</a>
                    {% endif %}
                </td>
                <td>{{ caja.id }}</td>
                <td>{{ caja.fecha ? caja.fecha|date('Y-m-d H:i:s') : '' }}</td>
                 {% if is_granted('ROLE_GERENCIA') %}
                    <td>{{ caja.efectivoInicio }}</td>
                    <td>{{ caja.efectivoCierre }}</td>
                
                {% endif %}
                <td>{{ caja.cajaMovimientos | length }}</td>
                <td>{{ caja.usuarioabre }}</td>
                <td>{{ caja.usuariocierra }}</td>
                
            </tr>
        {% else %}
            <tr>
                <td colspan="4">no se encotraron registros</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

{% endblock %}