@include('layouts.breadcumb')


<div class="row">

    <div class="col-md-3">
        <div class="panel panel-orange panel-border">

            <!-- panel head -->
            <div class="panel-heading">
                <div class="panel-title">
                    <p><i class="fa fa-search"></i> Quick Search</p>
                </div>
            </div>

            <!-- panel body -->
            <div class="panel-body">
                <form action="/compras/catalogo/productos/" role="form" method="get" class="form-horizontal" enctype="multipart/form-data">
                    <div class="col-md-12">
                        <label for="parent">Type of Search</label>
                        <select id="tipo" name="tipo"  data-allow-clear="true"  class="form-control select2 required">
                            <option {{ (Input::get('tipo')=='0'?'selected':'') }} value="0">Item Number</option>
                            <option {{ (Input::get('tipo')=='1'?'selected':'') }} value="1">Description</option>
                            <option {{ (Input::get('tipo')=='2'?'selected':'') }} value="2">Booth Number</option>
                            <option {{ (Input::get('tipo')=='3'?'selected':'') }} value="3">QQ Number</option>
                            <option {{ (Input::get('tipo')=='4'?'selected':'') }} value="4">Supplier Code</option>
                        </select>
                    </div>
                    <div class="clearfix"></div>
                    <br />
                    <div class="clearfix"></div>
                    <div class="col-md-12">
                        <label for="nombre">Information to Search:</label>
                        <input value="{{ Input::get('valor') }}" data-validate="required" type="text" name="valor" id="valor" class="form-control input-lg" />
                    </div>
                    <div class="clearfix"></div>
                    <br />
                    <br />
                    <div class="clearfix"></div>
                    <div class="col-md-12">
                        <button type="submit" data-loading-text="Loading..."  class="btn btn-inverse btn-icon btn-lg btn-block waves-light waves-effect btn-rounded"><i class="fa fa-search"></i> Search</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-md-9">
        <div class="panel panel-orange panel-border">

            <!-- panel head -->
            <div class="panel-heading">
                <div class="panel-title">
                    <p><i class="{{ $breadcumb->icono }}"></i> List of Products</p>
                </div>
            </div>

            <!-- panel body -->
            <div class="panel-body">
                @foreach( $rubros as $rubro )
                    <div class="col-md-4 rubros-list" style="margin-bottom: 10px;font-size: 18px;">
                        <a href="/compras/catalogo/productos/{{ $rubro->id }}">
                            <i class="fa fa-chevron-circle-right"></i> {{ $rubro->nombre }}
                        </a>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
</div>

@section('footer')

@stop