@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="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 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 data-orderable="false" width="3%">DETALLE</th>
                            <th data-orderable="false" width="3%">CANCELAR</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>
                        </tr>
                        </thead>
                        <tbody>
                                                                                                                                        @foreach( $compradores as $comprador )
                            <tr>
                                <td style="background-color: #f5f5f6;">{{ $countTable }}</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">
                                    <a href="/compras/ordenes/modificar-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>
                                <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>
                            </tr>
                                                                                                                                                        @endforeach
                        </tbody>
                        <tfoot>
                        <tr>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th>&nbsp;</th>
                            <th class="right-aligned">$