@if($acc == "list" )

    @include('layouts.breadcumb')
@section('header')

    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">

@stop
    <div class="row">
        <div class="panel panel-warning panel-border">
            <!-- panel head -->
            <div class="panel-heading">

            </div>

            <div class="panel-body">
                <div class="card-box table-responsive">
                    <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-bordered " id="table-1">
                        <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>
                            <th>PROCESAR</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>
                            <th></th>

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

    </div>
@section('footer')

    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>
    <script type="text/javascript">

        setAjaxDatatable( '#table-1', '/recaudos/creditos/pagos-linea/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