@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="2%">FECHA</th>
                        <th width="2%">PEDIDO N°</th>
                        <th width="10%">CLIENTE</th>
                        <th width="10%">VENDEDOR</th>
                        <th width="2%">REVISAR</th>
                    </tr>
                    <tr class="filter-column-tr">
                        <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">
                        {{ $fecha = date( "d/m/Y", strtotime($pedido->created_at)) }}
                    </td>
                    <td style="text-align: right">{{ $pedido->id }}</td>
                    <td>{{ $pedido->sucursal_nombre }}</td>
                    <td>{{ $pedido->nombre }}</td>
                    <td class="centered">
                        <a href="/ventas/pedidos/cantidad/{{ $pedido->id }}"
                           rel="tooltip"
                           data-original-title="Editar Cantidad del 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">
    setDatatable('#table-1')
</script>
@stop