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

{% block title %} <strong>LISTADO DE MOVIMIENTOS DE CAJA ANULADOS </strong>{% endblock %}

{% block body %}                
                 
    <table class="table table-border table-hover table-sm">
        <thead class="thead-dark">
            <tr>                
                <th>Id</th>
                <th>Fecha Carga</th>
                <th style="text-align: center">Monto</th>
                <th>Cargó Usuario</th>                                
                <th>Anuló</th>                                
                <th>Fecha Anulado</th>                                
                <th>Rubro</th>                
                <th>Medio de Pago</th>                
                <th>Un. Negocio</th>
            </tr>
        </thead>
        <tbody>                       
            {% for movimiento in anulados %}                                                    
                        <tr class="movRow">                                                
                            <td>{{ movimiento.id }}</td>
                            <td>{{ movimiento.fecha | date('d/m/Y H:i') }}</td>
                            {% if movimiento.tipoMovimiento.rubroMovimiento.tipoOperacion == -1 %}    
                            <td style="color: red; font-weight: bold; text-align: right">
                            {% else %}  
                            <td style="color: green; font-weight: bold; text-align: right">
                            {% endif %}    
                               <span id="monto"> {{ movimiento.monto|number_format(2, ',', '.') }} </span>
                            </td>
                            <td>
                                <span class="badge badge-info" style="background-color: #{{stringToHexa(movimiento.createdBy.__toString)}}"> 
                                    {{ movimiento.createdBy | upper }} 
                                </span>                                                               
                            </td>
                            <td>
                                {% if movimiento.anuladoPor is not empty %}
                                    <span class="badge badge-info" style="background-color: #{{stringToHexa(movimiento.anuladoPor.__toString)}}">
                                    {{ movimiento.anuladoPor | upper }}
                                    </span>
                                {% else %}
                                    <span class="badge badge-danger"> No registrado </span>

                                {% endif %}
                            </td>
                            <td>{{ movimiento.anuladoFecha | date('d/m/Y H:i') }}</td>
                            <td>
                                {{ movimiento.tipoMovimiento }} - {{ movimiento.descripcion }}
                                {% if movimiento.caso is not null %}
                                <a class="btn btn-sm btn-info" href="{{ path('caso_edit', {'id': movimiento.caso.id }) }}"><span class="fas fa-edit"></span>&nbspCaso {{ movimiento.caso.numero }}</a>
                                {% endif %}
                            </td>                    
                            <td>{{ movimiento.medioPago }} <br/>
                                {{ movimiento.tipoComprobante }} - {{ movimiento.nroComprobante }}
                            </td>
                            <td>{{ movimiento.unidadNegocio }}</td>
                        </tr>                                         
            {% endfor %}    
        </tbody>
    </table>        
   
    
    
{% endblock %}