@if($acc == "list" )
@section('header')
    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
@stop
    @include('layouts.breadcumb')

    <div class="row">

        <div class="panel panel-orange panel-border" data-collapsed="0">
            <!-- panel head -->
            <div class="panel-heading">
                @if(\Auth::user()->role_id != 5)
                <div data-field-span="1">
                    <input type="hidden" name="selectAll" value="0">
                    <div class="btn-switch btn-switch-danger">
                        <input type="checkbox" name="selectAll" id="selectAll" value="1"/>
                        <label for="selectAll"
                               class="btn btn-rounded btn-danger waves-effect waves-light">
                            <em class="glyphicon glyphicon-ok"></em>
                            <strong> TODOS</strong>
                        </label>
                    </div>
                </div>
                @endif
                <hr />
            </div>

            <!-- panel body -->

            <div class="panel-body" id="c" data-collapsed="0">
                <form method="post" role="form" id="saldos-form">
                    <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive" id="table-1" data-page-length="1000">
                        <thead>

                        <tr>
                            @if(\Auth::user()->role_id != 5)
                            <th width="1%"></th>
                            @endif
                            <th width="1%"></th>
                            <th width="8%">PRODUCTO</th>
                            <th width="8%">ORDEN</th>
                            <th width="10%">EMBARCADOR</th>
                            <th width="5%">VALOR SOLICITADO</th>
                            <th width="5%">VALOR DESPACHADO</th>
                            <th width="5%">VALOR SALDO</th>
                        </tr>
                        <tr class="filter-column-tr">
                            @if(\Auth::user()->role_id != 5)
                            <td></td>
                            @endif
                            <td></td>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                                                    @foreach( $items as $saldo )
                                                                <tr>
                                    @if(\Auth::user()->role_id != 5)
                                    <td>
                                        <input style="font-size: 2em;" class="check-order"
                                                data-plugin="switchery"
                                                data-color="#2CA56E"
                                                data-size="default"
                                                type="checkbox"
                                                name="items[]"
                                                value="{{ $saldo->producto_id }}" />
                                    </td>
                                    @endif
                                    <td class="gallery" style="text-align: center">
                                        <img style="cursor: pointer;" class="image-zoom" data-url="/files/productos/{{ $saldo->foto1 }}" src="/thumb/phpThumb.php?src=/public/files/productos/{{ $saldo->foto1 }}&amp;w=100&amp;h=100&amp;far=1&amp;bg=FFFFFF&amp;q=99" alt="" width="100" />
                                    </td>
                                    <td>
                                        {{ strtoupper($saldo->referencia)}}<br />{{$saldo->producto_nombre}}
                                    </td>
                                    <td>
                                        <div class="badge badge-primary icon-1_2x">{{ strtoupper($saldo->chip_marc)}}{{$saldo->numero}}</div>
                                    </td>
                                    <td>{{$saldo->embarcador_nombre}}</td>
                                    <td>
                                        <div class="right-aligned">¥{{ number_format($saldo->total_cajas,2)}}</div>
                                    </td>
                                    <td>
                                        <div class="right-aligned">¥{{ number_format($saldo->total_dsp,2)}}</div>
                                    </td>
                                    <td>
                                        <div class="right-aligned text-danger"><b>¥{{ number_format($saldo->total_cajas-$saldo->total_dsp,2)}}</b></div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th></th>
                                <th class="right-aligned">TOTAL:</th>
                                <th><div class="right-aligned text-primary">¥{{ number_format($totalCajas,2)}}</div></th>
                                <th><div class="right-aligned text-primary">¥{{ number_format($totalDsp,2)}}</div></th>
                                <th><div class="right-aligned text-danger">¥{{ number_format($totalCajas-$totalDsp,2)}}</div></th>
                            </tr>
                        </tfoot>
                    </table>
                </form>
                <div clasS="form-group col-md-12">
                    @if(\Auth::user()->role_id != 5)
                    <button id="eliminarAll" name="eliminarAll" type="button" data-loading-text="Eliminando..."  class="btn btn-rounded waves-effect waves-ligth btn-danger btn-lg btn-icon "><i class="fa fa-trash"></i> ELIMINAR SELECCIONADOS</button>
                    @endif&nbsp;&nbsp;&nbsp;
                    <button onclick="location.href='/compras/gestion/saldos'" type="button"  class="btn btn-rounded waves-effect waves-ligth btn-orange btn-lg btn-icon "><i class="fa fa-arrow-left"></i> REGRESAR AL LISTADO</button>
                </div>
            </div>

        </div>
    </div>

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

        <!-- DATABLES BUTTONS JS -->
        <script src="/plugins/datatables/dataTables.buttons.min.js"></script>
        <script src="/plugins/datatables/buttons.bootstrap.min.js"></script>
        <script src="/plugins/datatables/jszip.min.js"></script>
        <script src="/plugins/datatables/pdfmake.min.js"></script>
        <script src="/plugins/datatables/vfs_fonts.js"></script>
        <script src="/plugins/datatables/buttons.html5.min.js"></script>
        <script src="/plugins/datatables/buttons.print.min.js"></script>
        <script type="text/javascript">

            //setAjaxDatatable("#table-1","/compras/gestion/saldos/json/");
            setDatatableSimple("#table-1");

            $(document).ready(function() {

                $(document).on('click', '#selectAll', function () {

                    if ($(this).hasClass('allChecked')) {
                        $('#table-1 input[type="checkbox"]').prop('checked', true);
                        $('#table-1 input[type="checkbox"]').next('span').click();
                    } else {
                        $('#table-1 input[type="checkbox"]').prop('checked', false);
                        $('#table-1 input[type="checkbox"]').next('span').click();
                    }

                    $(this).toggleClass('allChecked');
                })

                $(document).on('click', '#eliminarAll', function() {

                    var saldosForm = $("#saldos-form").serialize();

                    console.log(saldosForm);

                    swal({
                            title: "ELIMINAR SALDOS",
                            text: "Esta seguro de eliminar estos saldos",
                            type: "info",
                            showCancelButton: true,
                            closeOnConfirm: false,
                            confirmButtonText: "SI",
                            cancelButtonText: "NO",
                            showLoaderOnConfirm: true },
                    function(){

                        $.postJSON( "/compras/gestion/eliminar/{{ $ordenId }}", saldosForm, function( event ) {

                            if( event.message == "1" ) {
                                swal("Proceso Ejecutado", "El proceso ha finalizado exitosamente!", "success");

                                setTimeout(function(){ location.reload(); }, 1500);
                            }else {
                                swal("Error", "El proceso a finalidazo con error", "error");
                            }

                        });
                    });
                });
            });
        </script>


    @stop

@endif