@section('header')
    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
@stop
<div class="row">

    <div class="panel panel-orange panel-border" data-collapsed="0">
        <!-- panel head -->
        <div class="panel-heading">
            <div class="title">
                <h3>Listado de Pedidos</h3>
            </div>

        </div>
        <!-- panel body -->
        <div class="panel-body">
            <form method="get" action="/vendedor/informes/pedidos/{{ $codvendedor }}" role="form" id="pedidos-form" class="validate">
                <br>
                <div class="form-group col-md-12 no-padding">
                    <div class="form-group  col-md-3">
                        <label>Fecha</label>
                        <div class="input-group">
                            <input readonly type="text" name="fecha_rango" id="fecha_rango" value="{{  Input::get('fecha_rango') }}" class="form-control input-lg" /><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                        </div>
                    </div>
                    <div class="col-md-3">
                        Estado
                        <div class="input-group">
                            <select id="estado" data-validate="required" name="estado" class="form-control select2 required" data-allow-clear="true" data-placeholder="Seleccione un estado...">
                                <option value="0">TODOS</option>
                                <option