@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">
    <link href="/plugins/bootstrap-tagsinput/css/bootstrap-tagsinput.css" rel="stylesheet" />

    <link rel="stylesheet" href="/plugins/gallery/css/blueimp-gallery.min.css">
    <link rel="stylesheet" href="/plugins/gallery/css/bootstrap-image-gallery.min.css">

    <style>
        .bootstrap-tagsinput input {
            width: 100% !important;
        }
    </style>
@stop
<div class="row">

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

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

        </div>

        <!-- panel body -->
        <div class="panel-body">
            <div class="col-md-12 no-padding">
                <div class="pull-left" style="width: 230px; padding-right: 10px;">
                    <div class="form-group">
                        <label>CODIGO DE AUTORIZACIÓN &nbsp;&nbsp;<i class="md mdi mdi-account-key icon-1_5x"></i>:</label>
                        <input maxlength="6" style="text-transform: uppercase" name="codigo_auth" id="codigo_auth" value="" class="form-control input-md" />
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>EMBARCADOR &nbsp;&nbsp;<i class="fa fa-ship"></i>:</label>
                        <select  id="embarcador_select" name="embarcador_select" class="required select2 col-sm-2" data-allow-clear="true">
                            @foreach( \DB::table("v_embarca")->orderBy("nombre")->get() as $embarca )
                                <option value="{{ $embarca->id }}">{{ strtoupper(trim($embarca->nombre))}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-2">
                    <br />
                    <button type="button" id="aprobar-btn" class="btn btn-success btn-lg btn-icon waves-effect waves-light btn-rounded">APROBAR <i class="fa fa-check"></i></button>
                </div>

                <div id="totalCarteraInfo" style="float:right; width:450px;">
                    <div class="col-lg-4 col-md-4 col-sm-6 pull-right">
                        <div class="card-box widget-box-one" style="padding: 1px 10px 1px; margin-bottom: 0; background: #efefef;">
                            <div class="wigdet-one-content">
                                <p class="m-0 text-uppercase font-600 font-secondary text-overflow">TOTAL PESO</p>
                                <h4 class="text-danger" style="text-align: right"><span id="totalPeso" class="counterup">0</span></h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 pull-right">
                        <div class="card-box widget-box-one" style="padding: 1px 10px 1px; margin-bottom: 0; background: #efefef;">
                            <div class="wigdet-one-content">
                                <p class="m-0 text-uppercase font-600 font-secondary text-overflow">TOTAL CBM</p>
                                <h4 class="text-danger" style="text-align: right"><span id="totalCbm" class="counterup">0</span></h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 pull-right">
                        <div class="card-box widget-box-one" style="padding: 1px 10px 1px; margin-bottom: 0; background: #efefef;">
                            <div class="wigdet-one-content">
                                <p class="m-0 text-uppercase font-600 font-secondary text-overflow">TOTAL ¥</p>
                                <h4 class="text-danger" style="text-align: right"><span>¥</span><span id="totalPrecio" class="counterup">0</span></h4>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
            <hr />
            <div class="row">
                <div class="col-md-4">
                    <label>Filtrar Seleccionados: </label>
                    <select id="filterCheck" class="select2">
                        <option value="">TODOS</option>
                        <option value="0A^">NO</option>
                        <option value="1A^">SI</option>
                    </select>
                </div>
            </div>
            <div class="clearfix"></div>
            <hr />
            <!--<div class="dataTables_scrollBody" style="overflow: auto; width: 100%">
                <div class="panel-body" id="c" data-collapsed="0" style="width:1300px; overflow-x: scroll">-->
            <div class="table-responsive">
                <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover" style="width: 100%" id="table-1">
                    <thead>
                        <tr>
                            <th width="2%"></th>
                            <th data-orderable="false" width="20"></th>
                            <th width="8%">FECHA</th>
                            <th width="7%">NÚMERO</th>
                            <th width="6%">SHIPPING</th>
                            <th>TOTAL ORDEN ¥</th>
                            <th>TOTAL CBM</th>
                            <th>TOTAL PESO</th>
                            <!--<th>CODIGO</th>
                            <th width="3%">APROBAR</th>-->
                            <th data-orderable="false" width="3%">ENVIAR</th>
                            <th data-orderable="false" width="3%">DETALLE</th>

                            @if( \Auth::user()->role_id == 3 || \Auth::user()->role_id == 1 )
                            <th data-orderable="false" width="3%">CANCELAR</th>
                            @endif
                            <th data-orderable="false"></th>
                        </tr>
                        <tr class="filter-column-tr">
                            <td></td>
                            <td></td>
                            <th></th>
                            <th></th>
                            <th></th>
                            <!--<th></th>
                            <th></th>-->
                            <th></th>
                            <th></th>
                            <th></th>
                            <td></td>
                            <td></td>

                            @if( \Auth::user()->role_id == 3 || \Auth::user()->role_id == 1 )
                            <td></td>
                            @endif

                            <td></td>

                        </tr>
                    </thead>
                    <tbody>
                                                                                                                        @foreach( $compradores as $comprador )
                        <tr>
                            <td style="background-color: #f5f5f6;">{{ $countTable }}</td>
                            <td>
                                <input
                                        style="font-size: 2em;" class="check-order"
                                        data-plugin="switchery"
                                        data-color="#2CA56E"
                                        data-size="default"
                                        data-idcheck="check-order-{{ $countTable }}"
                                        type="checkbox"
                                        data-peso="{{ number_format($comprador->peso_total, 2, '.', '') }}"
                                        data-precio="{{ number_format($comprador->precio_total, 2, '.', '') }}"
                                        data-cbm="{{ number_format($comprador->cubicaje_total, 2, '.', '') }}"
                                        value="{{ $comprador->orden_id }}" />
                            </td>
                            <td style="text-align: right; font-weight: bold; color: #000; font-size: 15px">{{ date('d-m-Y', strtotime($comprador->fecha)) }}</td>
                            <td><span class="badge badge-teal" style="font-size: 1.1em"><a class="link" href="/compras/informes/detalleorden-confirmada/list/{{ $comprador->orden_id }}/{{ $comprador->numero }}?showlayout=no" target="_blank" rel="tooltip" data-original-title="Detalle de la Orden" data-placement="top" style="color: white" data-toggle="modal-ajax-big">{{ strtoupper($comprador->chip_marc).$comprador->numero }}</a></span></td>
                            <td style="text-align: left">{{ strtoupper($comprador->chip_marc) }}</td>
                            <td style="text-align: right">{{ number_format($comprador->precio_total,2) }}</td>
                            <td style="text-align: right">{{ number_format($comprador->cubicaje_total,2) }}</td>
                            <td style="text-align: right">{{ number_format($comprador->peso_total,2) }}</td>
                            <!--<td class="centered">
                                <input type="text" maxlength="6" style="text-transform: uppercase; text-align: center; width: 90px; font-weight: bold; color: #b62020; font-size: 15px" class="form-control codRcf" data-index="{{ $comprador->orden_id }}" name="cod{{ $comprador->orden_id }}" id="cod{{ $comprador->orden_id }}" />
                            </td>
                            <td class="centered">
                                <a href="javascript:void(0)"
                                   class="btn btn-success btn-rounded btn-sm waves-effect waves-light rcfOrd"
                                   rel="tooltip"
                                   data-trigger="hover"
                                   data-placement="left"
                                   data-numero="{{ $comprador->numero }}"
                                   data-index="{{ $comprador->orden_id }}"
                                   data-original-title="Reconfirmar la ORDEN"><i class="fa fa-2x fa-thumbs-o-up"></i></a>
                            </td>-->
                            <td class="centered">
                                <a href="javascript:void(0)"
                                    class="btn btn-primary btn-rounded btn-sm waves-effect waves-light modal-email"
                                    rel="tooltip"
                                    data-url="/compras/ordenes/reconfirmar/email"
                                    data-orden="{{ $comprador->orden_id }}"
                                    data-trigger="hover"
                                    data-placement="top"
                                    data-title="Enviar la ORDEN POR CORREO"
                                    data-original-title="Enviar por EMAIL"><i class="fa fa-2x fa-envelope-o"></i></a>
                            </td>
                            <td class="centered">
                                <a href="/compras/ordenes/reconfirmar-detalle/list/{{ $comprador->orden_id }}/{{ strtoupper($comprador->chip_marc).$comprador->numero }}/{{ $comprador->tipo }}?showlayout=no"
                                   class="btn btn-inverse btn-rounded btn-sm waves-effect waves-light"
                                   target="_blank"
                                   onclick="showMessage('Cargando detalle orden Nº {{ strtoupper($comprador->chip_marc).$comprador->numero }}')"
                                   rel="tooltip"
                                   data-trigger="hover"
                                   data-placement="top"
                                    data-toggle="modal-ajax-big"
                                   data-original-title="Ver Detalle"><i class="fa fa-2x fa-search"></i></a>
                            </td>

                            @if( \Auth::user()->role_id == 3 || \Auth::user()->role_id == 1 )
                            <td class="centered">
                                 <a href="javascript:void(0)"
                                    class="btn btn-pinterest btn-rounded btn-sm waves-effect waves-light cnlOrd"
                                    rel="tooltip"
                                    data-trigger="hover"
                                    data-placement="left"
                                    data-numero="{{ $comprador->numero }}"
                                    data-index="{{ $comprador->orden_id }}"
                                    data-original-title="Cancelar la ORDEN"><i class="fa fa-2x fa-trash-o"></i></a>
                            </td>
                            @endif
                            <td id="check-order-{{ $countTable }}" style="color: #fff; font-size: 1px;">0A^</td>

                        </tr>
                                                                                                                        @endforeach
                    </tbody>
                    <tfoot>
                    <tr>
                        <th>&nbsp;</th>
                        <th>&nbsp;</th>
                        <th>&nbsp;</th>
                        <th>&nbsp;</th>
                        <th>&nbsp;</th>
                        <th class="right-aligned">$