@if($acc == "list" )

    @include('layouts.breadcumb')

    <div class="row">

        <div class="panel panel-warning panel-border" data-collapsed="0">

            <!-- panel head -->
            <div class="panel-heading">

            </div>
            <!-- panel body -->
            <div class="panel-body">


                    <ul class="nav nav-tabs" ><!-- available classes "right-aligned" -->
                        <li rel="tooltip"  data-original-title="CARTERA" class="active"><a href="#cartera" data-toggle="tab"><i class="fa fa-2x fa-briefcase"></i></a></li>
                        <li rel="tooltip"  data-original-title="EN LINEA"><a href="#linea" data-toggle="tab"><i class="fa fa-2x fa-credit-card-alt"></i></a></li>
                    </ul>
                    <div class="tab-content" style="width: 95%;">
                    <div class="tab-pane active" id="cartera">
                        <div class="table-responsive">
                            <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-bordered " id="table-1">
                                <thead>

                                <tr>
                                    <th width="11%">FECHA DE CREACION</th>
                                    <th width="11%">FECHA CONSIGNACION</th>
                                    <th width="7%">VENDEDOR</th>
                                    <th>NIT</th>
                                    <th>SUCURSAL</th>
                                    <th>FACTURA</th>
                                    <th>VALOR</th>
                                    <th>RECIBO</th>
                                    <th width="3%">ARCHIVO</th>

                                </tr>
                                <tr class="filter-column-tr">

                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>

                                    <th></th>
                                </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
            </div>
                <div class="tab-pane" id="linea">
                    <div class="table-responsive">
                        <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-bordered " id="table-3">
                            <thead>

                            <tr>
                                <th>FECHA PAGO</th>
                                <th width="5%">TIPO FACTURA</th>
                                <th>FACTURA</th>
                                <th>VALOR</th>
                                <th>NIT</th>
                                <th>SUCURSAL</th>
                                <th>CODIGO</th>
                                <th>VENDEDOR</th>
                                <th>CIUDAD</th>
                                <th>BANCO</th>
                                <th>RECIBO</th>



                            </tr>
                            <tr class="filter-column-tr">

                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
        </div>
    </div>

            @section('footer')
                <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
                <script src="/plugins/datatables/dataTables.bootstrap.js"></script>

                <script>
                    function valida(e){
                        tecla = (document.all) ? e.keyCode : e.which;

                        //Tecla de retroceso para borrar, siempre la permite
                        if (tecla==8){
                            return true;
                        }

                        // Patron de entrada, en este caso solo acepta numeros
                        patron =/[0-9]/;
                        tecla_final = String.fromCharCode(tecla);
                        return patron.test(tecla_final);
                    }

                    setAjaxDatatable( '#table-1', '/recaudos/informes/informe-pagos/json/' );
                    setAjaxDatatable( '#table-3', '/recaudos/creditos/pagos-linea-historico/json/' );


                    $(document).on("click","[data-toggle='modal-confirm-recibo']",function(e) {
                        e.preventDefault();
                        var url = $(this).data('url');
                        var title = $(this).data('title');
                        var recibo = $(this).data('recibo');

                        var recibo_val = $("#" + recibo).val();

                        bootbox.confirm(title, function(result) {
                            if( result ) {
                                blockMessage('CARGANDO');
                                location.href=url + '?recibo='+recibo_val;
                            }
                        });

                    });

                </script>






    @stop
@endif