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

@endsection

<div class="row">

    <div class="panel panel-warning panel-border " data-collapsed="0">
        <!-- panel head -->
        <div class="panel-heading">

        </div>
        <!-- panel body -->
        <div class="panel-body">
            <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover" id="table-1">
                <thead>

                    <tr>
                        <th width="1%"></th>
                        <th width="4%">FECHA</th>
                        <th width="3%">PEDIDO N°</th>
                        <th width="3%">NIT</th>
                        <th width="10%">SUCURSAL</th>
                        <th width="3%">CIUDAD</th>
                        <th width="10%">VENDEDOR</th>
                        <th width="5%">VALOR</th>
                        <th width="5%">NOTA</th>
                        <th width="1%">APROBAR</th>
                        <th width="1%">REVISAR</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>
                        <th></th>
                    </tr>
                </thead>

                <tbody>
                                        @foreach( $pedidos as $pedido )
                    <tr class="">
                        <td style="background-color:#F5F5F6;">{{ $cont }}</td>
                        <td style="text-align: center">
                            {{ date("d-m-Y", strtotime($pedido->fecha)) }}
                        </td>
                        <td style="text-align: right">
                            <span class="badge badge-default" style="font-size: 1.2em;">{{ str_pad($pedido->id, 6, 0, STR_PAD_LEFT ) }}</span>

                            @if($pedido->av == 3)
                                <span class="badge badge-warning">{{ MODIFICADO }}</span>
                            @endif
                        </td>
                        <td>{{ $pedido->nit }}</td>
                        <td>{{ $pedido->sucursal_nombre }}</td>
                        <td>{{ $pedido->ciudad }}</td>
                        <td>{{ $pedido->nombre }}</td>
                        <td style="text-align: right">${{ number_format($pedido->total, 2) }}</td>
                        <td>{{ $pedido->nota }}</td>
                        <td class="centered">
                            <a rel="tooltip"
                               data-original-title="Aprobar Pedido"
                               data-toggle='modal-confirm'
                               data-url="/ventas/pedidos/accion/{{ $pedido->id }}/aprobar"
                               data-title="Está seguro de aprobar este pedido?"
                               class="btn btn-primary">
                                <i class="fa fa-2x fa-check-square-o"></i>
                            </a>
                        </td>
                        <td class="centered">
                            <a href="/ventas/pedidos/detalle/{{ $pedido->id }}"
                               rel="tooltip"
                               data-original-title="Revisar Pedido"
                               class="btn btn-primary">
                               <i class="fa fa-2x fa-eye"></i>
                            </a>
                        </td>
                                            @endforeach
                </tbody>

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

    setInterval(function(){ blockMessage( 'RECARGANDO' ); location.reload(); }, 120000);

    setDatatable('#table-1');
</script>
@stop