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

{% block title %}CuentaBanco{% endblock %}

{% block body %}
    <h1>Cuenta Banco</h1>

    <table class="table table-responsive">
        <tbody>
            <tr>
                <th>Id</th>
                <td>{{ cuenta_banco.id }}</td>
            </tr>
            <tr>
                <th>Banco</th>
                <td>{{ cuenta_banco.banco.nombre }}</td>
            </tr>
            <tr>
                <th>Fecha de Apertura</th>
                <td>{{ cuenta_banco.fechaApertura ? cuenta_banco.fechaApertura|date('Y-m-d') : '' }}</td>
            </tr>
            <tr>
                <th>Titular</th>
                <td>{{ cuenta_banco.titular }}</td>
            </tr>
            <tr>
                <th>Saldo</th>
                <td>{{ cuenta_banco.saldo|number_format(2, ',', '.') }}</td>
            </tr>
            <tr>
                <th>Nro. Cuenta</th>
                <td>{{ cuenta_banco.nroCuenta }}</td>
            </tr>
            <tr>
                <th>Opera en Descubierto</th>
                <td>{{ cuenta_banco.operaDescubierto ? 'Yes' : 'No' }}</td>
            </tr>
            <tr>
                <th>Estado</th>
                <td>{{ cuenta_banco.estado(1) }}</td>
            </tr>
        </tbody>
    </table>

    <a class="btn btn-secondary" href="{{ path('cuenta_banco_index') }}">Volver al listado</a>
    <a class="btn btn-primary" href="{{ path('cuenta_banco_edit', {'id': cuenta_banco.id}) }}">Editar</a>
    <hr/>

    <table class="table table-hover table-sm table-bordered ">
        <thead class="thead-dark">
            <tr>
                <th>Id</th>
                
                <th>Fecha</th>
                <th>Operación</th>
                <th style="text-align: center">Monto</th>
                <th>Observaciones</th>
                                                             
            </tr>
        </thead>
        <tbody>
            {% for movimiento in cuenta_banco.cuentaBancoMovimientos %}
            <tr>                    
                <td> {{ movimiento.id }} </td>
                <td> {{ movimiento.fecha|date('d/m/Y') }} </td>
                
                <td> 
                    {% if movimiento.operacion.tipoOperacion == 1 %}
                       <span class="badge badge-success"> 
                    {% else %}
                       <span class="badge badge-danger"> 
                    {% endif %}
                        {{ movimiento.operacion }} 
                        </span> 
                </td>
                <td> {{ movimiento.monto|number_format(2, ',', '.') }} </td>
                <td> {{ movimiento.observaciones }} </td>
            </tr>
            {% else %}
                <tr>                    
                    <td> <span class="badge badge-warning"> NO EXISTEN REGISTROS </span> </td>
                
                </tr>
            {% endfor %}
        </tbody>
    </table>
            
{% endblock %}