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

{% block title %}TipoMovimiento index{% endblock %}

{% block body %}
    <div class="row align-items-center mb-3">
        <div class="col-md-6">
            <h1>Listado de Tipos de Movimiento</h1>
        </div>
        <div class="col-md-2">
            <h3>
                <span class="badge badge-info">Total Encontrado: {{ totalResultados }}</span>
            </h3>
        </div>
        {{ include('tipo_movimientos/filters.html.twig') }}
    </div>

    <table class="table table-border table-hover table-sm">
        <thead class="thead-dark">
            <tr>
                <th>Id</th>
                <th>Nombre</th>
                <th>Rubro</th>
                <th>Código</th>
                <th>Sucursal</th>
                <th>Activo</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
        {% for tipo_movimiento in tipo_movimientos.currentPageResults %}
            <tr>
                <td>{{ tipo_movimiento.id }}</td>
                <td>{{ tipo_movimiento.nombre }}</td>
                <td>
                    {% if tipo_movimiento.rubroMovimiento.tipoOperacion > 0 %} 
                        <span class="badge badge-success">
                    {% else %}
                        <span class="badge badge-danger"> 
                    {% endif %}
                    
                    {{ tipo_movimiento.rubroMovimiento }}</span>     
                </td>
                <td>{{ tipo_movimiento.codigo }}</td>
                <td>{{ tipo_movimiento.sucursal }}</td>
                <td>{{ tipo_movimiento.activo ? "<span class='fa fa-check-circle' style='color:green'></span>" : "<span style='color:red' class='fa fa-times-circle'></span>" }}</td>
                <td>
                    <a class="btn btn-sm btn-info" href="{{ path('tipo_movimientos_show', {'id': tipo_movimiento.id}) }}"><span class="fa fa-info-circle"></span> Ver</a>
                    <a class="btn btn-sm btn-primary" href="{{ path('tipo_movimientos_edit', {'id': tipo_movimiento.id}) }}"><span class="fa fa-edit"></span> Editar</a>
                    <a class="btn btn-sm btn-secondary" target="_blank"
                       href="{{ path('caja_movimientos_by_tipo', {'tipoMov': tipo_movimiento.id}) }}"><span class="fa fa-info-circle"></span> Movimientos de Caja</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="7"><span class="badge badge-danger">No hay registros</span></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

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

    <div class="mt-3">
        <a class="btn btn-secondary" href="{{ path('tipo_movimientos_new') }}"><span class="fa fa-plus-square"></span> Nuevo</a>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        $(document).ready(function() {
            $('#TipoMovimientoFilterType_rubroMovimiento').select2({
                theme: 'bootstrap4',
                placeholder: 'Seleccione uno o más rubros',
                allowClear: true
            });
            $('#TipoMovimientoFilterType_sucursal').select2({
                theme: 'bootstrap4',
                placeholder: 'Seleccione Sucursal',
                allowClear: true
            });
        });
    </script>
{% endblock %}