@extends('base')
@section('extracss')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endsection
@section('extrajs')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        $(document).ready(function(){
            $('#cuenta_contable_id').select2();
        });
    </script>
@endsection
@section('titulo')
Bancos
@endsection
@section('content')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">Listado de Bancos</li>
    </ol>
</nav>
{{-- @can('banco.store') --}}
<!-- Boton agregar banco modal -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <button type="button" class="btn btn-primary" onclick="limpiarCampos()" data-toggle="modal" data-target="#addModal">
        Agregar banco
    </button>
</div>
{{-- @endcan --}}
<!-- Fin Boton agregar categoria modal -->
<!-- Agregar Modal -->
@include('banco.modals.addBanco')
@include('cuenta.modals.addCuenta')
<!-- Fin Agregar Modal -->
<!-- Mensaje Exito -->
@include('sessions')

<!-- Fin Mensaje Exito -->
@if(count($bancos) > 0)
<!-- Table -->
<h3 style="text-align: center">Bancos</h3>
<table class="table">
    <thead class="thead-dark">
        <tr>
            <th scope="col">#</th>
            <th scope="col">Nombre</th>
            <th scope="col">Tipo</th>
            <th scope="col">Pais</th>
            <th scope="col">Comision</th>

            <th scope="col">Acciones</th>
        </tr>
                @foreach ($bancos as $banco )
                <tr>
            <td> {{ $i}} </td>
            <td> {{ $banco->nombre_banco }} </td>
            <td>
                @if($banco->tipo_banco=='L')
                    Local
                @else
                    Exterior
                @endif
            </td>
            <td> {{ $banco->pais }} </td>
            <td> {{ $banco->comision }} </td>

            <td style="display: flex">

                <button type="button" title="AgregarCuenta" data-toggle="modal" data-target="#addCuentaModal"
                    class="fas fa-piggy-bank"
                    style="color:gray !important; background-color:transparent; border: 0px solid;"
                    onclick="fun_addCuenta('{{$banco->id}}')"></button>

            </td>
        </tr>
        @endforeach
    </thead>
</table>
<h3 style="text-align: center">Cuentas Bancarias</h3>
@for($i = 0; $i < $bancos->count(); $i++)
    @if ($cuentasB[$i]->count()>0)
        <br>
        <table class="table">
            <thead class="thead-dark">
                <tr>
                    <th colspan="5" style="text-align: center;">Cuentas de {{ $bancos[$i]->nombre_banco.' '.$bancos[$i]->pais }}</th>
                </tr>
                <tr style="text-align: center;">
                    <th>#</th>
                    <th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
                    <th>Número de cuenta</th>
                    {{-- <th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th> --}}
                    <th>Tipo de cuenta</th>
                    <th>Saldo</th>
                </tr>
                @php
                    $n=1;
                @endphp
                @foreach ($cuentasB[$i] as $cuenta)
                    <tr style="text-align: center">
                        <td>{{ $n }}</td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
                        <td>{{ $cuenta->numero_cuenta }}</td>
                        {{-- <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td> --}}
                        <td>
                            @if($cuenta->tipo_cuenta==1)
                                Ahorro
                            @endif
                            @if($cuenta->tipo_cuenta==2)
                            Corriente
                            @endif
                            @if($cuenta->tipo_cuenta==3)
                            Electronica
                            @endif
                            @if($cuenta->tipo_cuenta==4)
                            Depósito a plazo
                            @endif
                        </td>
                        <td style="text-align: left">
                            $ <label for="" style="float: right">{{ number_format($cuenta->saldo_actual,2) }}</label></td>
                    </tr>
                    @php
                        $n++;
                    @endphp
                @endforeach
            </thead>
        </table>
    @endif
@endfor

{{-- @include('banco.modals.editClient') --}}

{{-- @include('banco.modals.deletebanco') --}}

@else
<div class="alert alert-danger">
    <strong>¡Opps! Parece que no tienes ningun banco registrado.</strong>
</div>
@endif
<script>
    function fun_addCuenta(id)
    {

        $("#banco_id").val(id);

    }
</script>
{{-- <script>
    function fun_destroy(id)
    {

        $("#delete_idC").val(id);

    }

    function fun_edit(id)
    {
        var view_url = '{{ route("banco.edit_view", ":id") }}';
        view_url = view_url.replace(':id', id);
        $.ajax({
            url: view_url,
            type:"GET",
            data: {"id":id},
            success: function(result){
                console.log(result.nombre_banco);
                $("#edit_id").val(result.id);
                $('#codigoE').val(result.codigo);
                $('#bancoE').val(result.banco);
                $('#facturaE').val(result.factura);
                $('#condicionE').val(result.condicion);
                $('#dias_creditoE').val(result.dias_credito);
                $('#tipo_contribuyenteE').val(result.tipo_contribuyente);
                $('#nrcE').val(result.nrc);
                $('#nombre_bancoE').val(result.nombre_banco);
                $('#direccionE').val(result.direccion);
                $('#direccion_complementariaE').val(result.direccion_complementaria);
                $('#ciudadE').val(result.ciudad);
                $('#departamentoE').val(result.departamento);
                $('#paisE').val(result.pais);
                $('#giro_negocioE').val(result.giro_negocio);
                $('#nitE').val(result.nit);
                $('#contacto1E').val(result.contacto1);
                $('#telefono1E').val(result.telefono1);
                $('#observacion1E').val(result.observacion1);
                $('#contacto2E').val(result.contacto2);
                $('#telefono2E').val(result.telefono2);
                $('#observacion2E').val(result.observacion2);
                $('#contacto3E').val(result.contacto3);
                $('#telefono3E').val(result.telefono3);
                $('#observacion3E').val(result.observacion3);
                $('#cuenta_contableE').val(result.cuenta_contable);
                Console.log(result);
            }
        });
    }
    //Limpiar los campos de la modal de traslados
    function limpiarCampos(){
        $('#nombre_banco').val(''); //Limpiando el input
    }
</script> --}}
@endsection