@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">

                <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1">
                    <thead>

                    <tr>
                        <th>FECHA PAGO</th>
                        <th width="5%">TIPO FACTURA</th>
                        <th>FACTURA</th>
                        <th>NIT</th>
                        <th>SUCURSAL</th>
                        <th>CODIGO</th>
                        <th>VENDEDOR</th>
                        <th>CIUDAD</th>
                        <th>VALOR</th>
                        <th>BANCO</th>
                        <th>ESTADO</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>
                        <td>
                            <select class="filterInput">
                                <option value=""></option>
                                <option value="0">ANULADO</option>
                                <option value="1">APROBADO</option>
                            </select>
                        </td>
                    </tr>
                    </thead>
                    <tbody></tbody>
                    <tfoot>
                    <tr>
                        <th colspan="8" style="text-align:right">Total:</th>
                        <th></th>
                        <th></th>
                        <th></th>
                    </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
<div class="md-fab-wrapper">
    <a href="/ecommerce/informes/analisis-pagos/" data-toggle="modal-ajax-big" class="md-fab md-fab-orange show-loading waves-light waves-effect">
        <i class="fa fa-2x fa-bar-chart"></i>
    </a>
</div>

@section('footer')


    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/modules/exporting.js"></script>
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>
    <script>
    setAjaxDatatable( '#table-1','/ecommerce/ecommerce/pagos-linea/json/' );
    </script>
@stop
@endif