@include('layouts.breadcumb')

<div class="row">

    <div class="col-md-3">
        <div class="panel panel-primary 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/chinacat/productos/" role="form" method="get" class="form-horizontal" enctype="multipart/form-data">
                    <div class="col-md-12">
                        <br>
                        <label for="parent">Type of Search</label>
                        <select id="tipo" name="tipo"  class="form-control select2 required" data-allow-clear="true">
                            <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>
                        </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 />
                    <div class="clearfix"></div>
                    <div class="col-md-12">
                        <button type="submit" data-loading-text="Loading..."  class="btn btn-primary btn-rounded waves-effect waves-light btn-icon btn-lg btn-block" style="margin-bottom: 40px;margin-top: 25px;"><i class="fa fa-search"></i> Search</button>
                    </div>
                </form>

                <h4>Type of Products</h4>

                @foreach( $rubros as $rubro )
                    <div class="rubros-list-sidebar">
                        <a href="/compras/chinacat/productos/{{ $rubro->id }}">
                            <i class="fa fa-chevron-circle-right"></i> {{ $rubro->nombre }}
                        </a>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    <div class="col-md-9">
        <div class="panel panel-primary panel-border " >

            <!-- panel head -->
            <div class="panel-heading">
                <div class="panel-title">
                    @if( $rubroInfo->nombre )
                        <p><i class="{{ $breadcumb->icono }}"></i> {{ ($rubroInfo->nombre)?$rubroInfo->nombre:'Resultado de la Búsqueda' }}</p>
                    @else
                        <p><i class="{{ $breadcumb->icono }}"></i> Resultado de la Búsqueda: '{{ Input::get('valor') }}' <span class="pull-right">Total Products: {{ $productosTotal }}</span></p>
                    @endif
                </div>

            </div>

            <!-- panel body -->
            <div class="panel-body gallery-env">
                @if( $productosTotal > 0 )

                    <div class="col-md-3">
                        <p>Order By:</p>

                        <div class="clearfix">
                            <!--product name select-->
                            <div>
                                <form action="">
                                    <select  class="form-control select2 required" name="sort" onChange="$(this).closest('form').trigger('submit');">
                                        <option  value="creado_a">From Beginning (A - Z)</option>
                                        <option  value="creado_d">From Today (Z - A)</option>
                                        <option  value="reference_a">Reference (A - Z)</option>
                                        <option  value="reference_d">Reference (Z - A)</option>
                                        <option  value="product_a">Description (A - Z)</option>
                                        <option  value="product_d">Description (Z - A)</option>
                                    </select>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <p>Show:</p>

                        <div class="clearfix">
                            <!--product name select-->
                            <div >
                                <form action="">
                                    <select  class="form-control select2 required" name="show" onChange="$(this).closest('form').trigger('submit');">
                                        <option selected value="20">20</option>
                                        <option  value="40">40</option>
                                        <option  value="60">60</option>
                                        <option  value="80">80</option>
                                        <option  value="100">100</option>
                                    </select>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="pull-right" style="margin-top: 8px;">
                        {{ $productos->appends(Input::except('page'))->links() }}
                    </div>

                    <div class="clearfix"></div>
                    <hr />
                    <div class="clearfix"></div>

                    @foreach( $productos as $producto )
                        <div class="col-sm-3" style="min-height: 400px;">

                            <article class="album">
                                <header class="gallery">
                                    <img style="cursor: pointer; width:345px;" class="img-thumbnail" data-url="{{ \Session::get('dominio') }}/files/productos/{{ $producto->foto1 }}" src="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/public/files/productos/{{ $producto->foto1 }}&w=500&h=500&far=1&bg=EEEEEE&q=99" alt="" />
                                    @if( $producto->foto1 != "NI.svg" && $producto->foto1 != "" )
                                        <a href="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/public/files/productos/{{ $producto->foto1 }}"></a>
                                    @endif
                                    @if( $producto->foto2 != "NI.svg" && $producto->foto2 != "" )
                                        <a href="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/public/files/productos/{{ $producto->foto2 }}"></a>
                                    @endif
                                    @if( $producto->foto3 != "NI.svg" && $producto->foto3 != "" )
                                        <a href="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/public/files/productos/{{ $producto->foto3 }}"></a>
                                    @endif
                                    @if( $producto->foto4 != "NI.svg" && $producto->foto4 != "" )
                                        <a href="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/public/files/productos/{{ $producto->foto4 }}"></a>
                                    @endif
                                    @if( $producto->foto5 != "NI.svg" && $producto->foto5 != "" )
                                        <a href="/thumb/phpThumb.php?src={{ \Session::get('dominio') }}/public/files/productos/{{ $producto->foto5 }}"></a>
                                    @endif
                                </header>
                                <section class="album-info">
                                    <h3><a href="/compras/chinacat/producto-detalle/{{ $producto->producto_id }}" data-toggle="modal-ajax-big">{{ $producto->referencia }}&nbsp;</a></h3>

                                    @if( $role_id != 7 )
                                        <p>
                                            {{ \Illuminate\Support\Str::limit($producto->nombre,25) }}<br /><span style="color: #981b1b !important; font-size: 14px; font-weight: bold;">¥{{ number_format($producto->formula_precioxunidad, 2) }}</span>
                                            @if( \Auth::user()->ve_costo_cif == 1 || $producto->comprador_id == \Auth::user()->id)
                                                <span style="color: #981b1b !important; font-size: 14px; font-weight: bold; float: right">
                                            ({{ ($producto->formula_costocif)?number_format($producto->formula_costocif, 2):0 }})
                                        </span>
                                            @endif
                                        </p>
                                    @endif

                                </section>
                                <footer>
                                    <div class="album-images-count">
                                        <a href="/compras/chinacat/producto-detalle/{{ $producto->id }}" class="btn btn-md btn-primary waves-light waves-effect btn-rounded " data-toggle="modal-ajax-big">
                                            <i class="fa fa-search"></i> SHOW DETAILS                                        </a>
                                    </div>
                                </footer>
                            </article>
                            <br>
                        </div>
                    @endforeach
                    <div class="clearfix"></div>
                    <hr />
                    <div class="pull-right">
                        {{ $productos->appends(Input::except('page'))->links() }}
                    </div>
                    <div class="clearfix"></div>
                @else
                    No se encontraron productos ...
                @endif
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
</div>


@section('footer')

    <!-- Sample Modal (Default skin) -->
    <div class="modal fade" id="sample-modal-dialog-1">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Widget Options - Default Modal</h4>
                </div>

                <div class="modal-body">
                    <p>Now residence dashwoods she excellent you. Shade being under his bed her. Much read on as draw. Blessing for ignorant exercise any yourself unpacked. Pleasant horrible but confined day end marriage. Eagerness furniture set preserved far recommend. Did even but nor are most gave hope. Secure active living depend son repair day ladies now.</p>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Sample Modal (Skin inverted) -->
    <div class="modal invert fade" id="sample-modal-dialog-2">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Widget Options - Inverted Skin Modal</h4>
                </div>

                <div class="modal-body">
                    <p>Now residence dashwoods she excellent you. Shade being under his bed her. Much read on as draw. Blessing for ignorant exercise any yourself unpacked. Pleasant horrible but confined day end marriage. Eagerness furniture set preserved far recommend. Did even but nor are most gave hope. Secure active living depend son repair day ladies now.</p>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Sample Modal (Skin gray) -->
    <div class="modal gray fade" id="sample-modal-dialog-3">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Widget Options - Gray Skin Modal</h4>
                </div>

                <div class="modal-body">
                    <p>Now residence dashwoods she excellent you. Shade being under his bed her. Much read on as draw. Blessing for ignorant exercise any yourself unpacked. Pleasant horrible but confined day end marriage. Eagerness furniture set preserved far recommend. Did even but nor are most gave hope. Secure active living depend son repair day ladies now.</p>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div>


    @include('layouts.gallery')

    <script>
        $(document).ready(function() {
            $(document).on("click","#ordItm" , function(){

                var itm = $(this).data("index");
                if($('#chip-marc-input').val() > 0) {
                    bootbox.confirm("Desea ORDENAR ESTE PRODUCTO?", function (result) {
                        if (result) {

                            var chip_marc = $('#chip-marc-input').val();
                            var porcen = $('#porcentaje').val();

                            $.ajax({
                                type: "GET",
                                url: "/compras/chinacat/adicionar-item",
                                data: {idpro: itm, prc: 2, idcomp: chip_marc, porcen: porcen},
                                dataType: "json",
                                success: function (aditm) {
                                    messageSimple(aditm);
                                }
                            });
                        }
                    });
                } else {
                    bootbox.alert("DEBE SELECCIONAR EL CLIENTE", function() {});
                    return false;
                }
            });
        });
    </script>
@stop