@include('_layouts.breadcumb')

<hr />

<div class="content">

    <div class="panel panel-warning" data-collapsed="0">
        <!-- panel head -->
        <div class="panel-heading">
            <div class="panel-title">
                <h2><i class="{{ $breadcumb->icono }}"></i> {{ $breadcumb->nombre }}</h2>
            </div>
        </div>
        <!-- panel body -->
        <div class="panel-body">
            <form method="get" action="/cartera/pedidos/listado/" role="form" id="pedidos-form" class="validate">
                <br>
                <div class="col-md-4">
                    Fecha
                    <div class="input-group">
                        <Fecha></Fecha><input type="text" name="fecha_rango" id="fecha_rango" value="{{ Input::get('fecha_rango') }}" class="form-control input-lg daterangepick" /><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                    </div>
                </div>
                <br>
                <button type="submit" id="VerPedidosButton" class="btn btn-warning btn-lg ">Ver Pedidos<i class="entypo-search"></i></button>
                <div class="clearfix"></div>
                <br>
            </form>
            @if( Input::get('fecha_rango') )
                        <table class="tableData table table-bordered" id="table-1">
                            <thead>
                                <tr class="replace-inputs">
                                    <th>Fecha...</th>
                                    <th>Pedido N°...</th>
                                    <th>Cliente...</th>
                                    <th>Vendedor...</th>
                                    <th>...</th>
                                </tr>
                                <tr>
                                    <th width="3%">FECHA</th>
                                    <th width="3%">PEDIDO N°</th>
                                    <th width="10%">CLIENTE</th>
                                    <th width="10%">VENDEDOR</th>
                                    <th width="2%">REVISAR</th>
                                </tr>
                            </thead>
                            <tbody>
                            @foreach( $pedidos as $pedido )
                            <tr class="">
                                <td style="text-align: center">
                                    {{
                                    $fecha = date( "d/m/Y", strtotime($pedido->created_at));
                                    }}
                                </td>
                                <td style="text-align: right">
                                    {{ $pedido->id }} -
                                    @if( ($pedido->ac) == 2 )
                                    <span class="badge badge-danger">{{ RECHAZADO }}</span>
                                    @elseif( ($pedido->ac) == 1 )
                                    <span class="badge badge-success">{{ APROBADO }}</span>
                                    @elseif( ($pedido->ac != 2) || ($pedido->ac != 1) )
                                    <span class="badge badge-warning">{{ PENDIENTE }}</span>
                                    @endif
                                </td>
                                <td>{{ $pedido->sucursal_nombre }}</td>
                                <td>{{ $pedido->nombre }}</td>
                                <td class="centered">
                                    <a href="/cartera/pedidos/informe/{{ $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>
            @endif
</div>
@section('footer')
<script type="text/javascript">
    var table = setDataTables("#table-1",true);
    table.columnFilter({
        "sPlaceHolder" : "head:after",
        aoColumns: [
            { type: "text" },
            { type: "text" },
            { type: "text" },
            { type: "text" }
        ]
    });
</script>
@stop