@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">
@parent
@stop
<script> var no_contract = 0;</script>

<div class="row">

        <div class="panel panel-orange panel-border filterable">
            <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-responsive" id="table-1">
                            <thead>

                            <tr>
                                <th>NUMERO</th>
                                <th>DETALLE</th>
                                <th>FECHA</th>
                                <th>COMPRADOR</th>
                                <th>NOTA</th>
                                <th>IMPORTE</th>
                                <th>SUBTOTAL</th>
                                <th>GASTOS</th>

                            </tr>
                            <tr class="filter-column-tr">
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                        <tfoot>
                        <tr>
                            @foreach($totales as $total)
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th>TOTALES:</th>
                                <th style="text-align: right">${{number_format( $total->importe)}}</th>
                                <th style="text-align: right">${{number_format($total->subtotal)}}</th>
                                <th style="text-align: right">${{number_format($total->gastos)}}</th>
                            @endforeach
                        </tr>
                        </tfoot>

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


@section('footer')

@include('layouts.gallery')
<script src="/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="/plugins/datatables/dataTables.bootstrap.js"></script>


<script type="text/javascript">
    //var table = setDataTables("#table-1",true);
    setAjaxDatatable("#table-1","/compras/control/comisiones-cargadas/json/")

</script>

@stop