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

{% block title %}Listado de Cuentas de Bancos{% endblock %}

{% block body %}
    <h1>Listado de Cuentas de Bancos</h1>

    <table class="table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Banco</th>
                <th>Fecha Apertura</th>
                <th>Titular</th>
                <th>Tipo de Cuenta</th>
                <th>Saldo</th>

                <th>Estado</th>

                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
        {% for cuenta_banco in cuenta_bancos %}
            <tr>
                <td>{{ cuenta_banco.id }}</td>
                <td>{{ cuenta_banco.banco.nombre }}</td>
                <td>{{ cuenta_banco.fechaApertura ? cuenta_banco.fechaApertura|date('d/m/Y') : '' }}</td>
                <td>
                    {{ cuenta_banco.titular }} <br/>
                    <b>Unidad Negocio: {{ cuenta_banco.unidadNegocio }} </b>
                </td>
                <td>{{ cuenta_banco.tipoCuenta }}</td>
                <td>{{ cuenta_banco.saldo| number_format(2, ',', '.') }}</td>

                {#<td style="text-align: center">{{ cuenta_banco.operaDescubierto ? "<span class='fa fa-check-circle' style='color:green'></span>" : "<span style='color:red' class='fa fa-times-circle'></span>" }}</td>#}
                <td>{{ cuenta_banco.estado(1) }}
                    {% if cuenta_banco.predeterminada %}
                        <span class='fa fa-check-circle' style='color:green'> Predeterminada</span>
                    {% endif %}
                </td>
                <td>
                    <a class="btn btn-sm btn-info btnMovimientoNew" id="btnExtraccion" data-id="{{ cuenta_banco.id }}"
                       data-operacion="{{ constant('App\\Entity\\OperacionCuenta::OPERACION_EXTRACCION') }}"
                       href="#">Extracción</a>
                    <a class="btn btn-sm btn-info btnMovimientoNew" id="btnDeposito" data-id="{{ cuenta_banco.id }}"
                       data-operacion="{{ constant('App\\Entity\\OperacionCuenta::OPERACION_DEPOSITO_EFECTIVO') }}"
                       href="#">Depósito Efectivo</a>
                    <a class="btn btn-sm btn-info btnMovimientoNew" id="btnDeposito" data-id="{{ cuenta_banco.id }}"
                       data-operacion="{{ constant('App\\Entity\\OperacionCuenta::OPERACION_TRANSFERENCIA_RECIBIDA') }}"
                       href="#">Recibir Transferencia</a>
                    <a class="btn btn-sm btn-info btnMovimientoNew" id="btnDeposito" data-id="{{ cuenta_banco.id }}"
                       data-operacion="{{ constant('App\\Entity\\OperacionCuenta::OPERACION_TRANSFERENCIA_EMITIDA') }}"
                       href="#">Emitir Transferencia</a>
                    <a class="btn btn-sm btn-info btnMovimientoNew" id="btnDeposito" data-id="{{ cuenta_banco.id }}"
                       data-operacion="{{ constant('App\\Entity\\OperacionCuenta::OPERACION_DEPOSITO_CHEQUE_TERCEROS') }}"
                       href="#">Depósito Cheque Terceros</a>

                    <a class="btn btn-sm btn-primary"
                       href="{{ path('cuenta_banco_edit', {'id': cuenta_banco.id}) }}">Editar</a>
                    <a class="btn btn-sm btn-primary"
                       href="{{ path('cuenta_banco_show', {'id': cuenta_banco.id}) }}">Ver Movimientos</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="8">No hay registros</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <a class="btn btn-primary" href="{{ path('cuenta_banco_new') }}"><i class="fas fa-plus-square"></i> Cuenta de Banco</a>

      {{ include('modal.html.twig') }}

{% endblock %}


{% block javascripts %}

    {{ parent() }}

    <script type="text/javascript">

        jQuery(document).ready(function() {

        });
        jQuery("body").delegate(".chkDepositaEnCaja", "click", function() {
           checkDepositaEnCaja();
        });
        jQuery("body").delegate(".chkDebitaCaja", "click", function() {
           checkDebitaDeCaja();
        });

        jQuery("body").delegate(".chkDebitaCaja", "click", function() {
            checkDebitaDeCaja();
        });
        jQuery("body").delegate(".chkDepositaCtaPropia", "click", function() {
            checkDepositaCtaPropia();
        });


        function checkDepositaEnCaja() {
            var chkDeposita = $('.chkDepositaEnCaja').prop('checked');
            if (chkDeposita) {
                $(".unidadNegocio").parent().show();
            }
            else {
                $(".unidadNegocio").parent().hide();
            }
        }
        function checkDebitaDeCaja() {
            var chkDebita = $('.chkDebitaCaja').prop('checked');
            if (chkDebita) {
                $(".unidadNegocio").parent().show();
            }
            else {
                $(".unidadNegocio").parent().hide();
            }
        }
        function checkDepositaCtaPropia() {
            var chkDepositaCtaPropia = $('.chkDepositaCtaPropia').prop('checked');
            if (chkDepositaCtaPropia) {
                $(".cuentaPropiaReceptora").parent().show();
                $(".cuentaPropiaReceptora").attr('required', true);
            }
            else {
                $(".cuentaPropiaReceptora").parent().hide();
                $(".cuentaPropiaReceptora").attr('required', false);
                $(".cuentaPropiaReceptora").val('');
            }
        }


        jQuery(".btnMovimientoNew").click(function(e)
        {
            e.preventDefault();
            var idCuenta = $(this).attr("data-id");
            var operacion = $(this).attr("data-operacion");
            var url = '{{ path('cuenta_movimiento_new', {'cuentaBanco': 'cuentaBancoID', 'operacion': 'operacionID' } ) }}' ;
            var url = url.replace('cuentaBancoID', idCuenta);
            var url = url.replace('operacionID', operacion);

            $.ajax({
              method: "GET",
              url: url,
              data: {}
            })
              .done(function( data ) {
                $('#modal1').modal('show');
                $('#modal1Label').text(data.formTitle);
                $('#modal1Body').html(data.html);
                $('#modal1').find('.guardarModal1').addClass('guardarMovimiento');
                checkDepositaEnCaja();
                checkDepositaCtaPropia();
              })
              .fail(function( data ) {
                console.log(data);
                showFlashNotification(data.msg, 'error');

              });
        });

        $("#modal1").on( "click", ".guardarMovimiento", function() {

            var form = $('.modal-body').find('form');
            var formSerialized = $(form).serialize();
            var url = $(form).attr('action') ;
            $.ajax({
              method: "POST",
              url: url,
              data: formSerialized
            })
              .done(function( data ) {
                $('#modal1').modal('hide');
                showFlashNotification(data.msg, 'success', 'Datos Guardados.');
                location.reload(true);
              })
              .fail(function( data ) {
                $('#modal1Label').text(data.responseJSON.formTitle);
                $('#modal1Body').html(data.responseJSON.html);
                showFlashNotification(data.responseJSON.msg, 'error');

              });
        });

    </script>

{% endblock %}