@include('_layouts.breadcumb')

<hr />

<div class="content">

    <div class="col-md-3">
        <div class="panel panel-warning" data-collapsed="0">

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

            <!-- panel body -->
            <div class="panel-body">
                <form action="/compras/gestion/gestion-etiquetas" 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" class="form-control" 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>
                        </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-default btn-icon btn-lg btn-block"><i class="fa fa-search"></i> Search</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-md-9">

        <div class="panel panel-warning" data-collapsed="0">

            <!-- panel head -->
            <div class="panel-heading">
                <div class="panel-title">
                    @if( $rubroInfo->nombre )
                        <h2><i class="{{ $breadcumb->icono }}"></i> {{ ($rubroInfo->nombre)?$rubroInfo->nombre:'Resultado de la Búsqueda' }}</h2>
                    @else
                        <h2><i class="{{ $breadcumb->icono }}"></i> Resultado de la Búsqueda: '{{ Input::get('valor') }}'</h2>
                    @endif
                </div>
                <div class="panel-options" style="margin-top:15px;">
                    Total Products: {{ $productosTotal }}
                </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 input-lg" name="sort" onChange="$(this).closest('form').trigger('submit');">
                                        <option  value="reference_d">Reference (Z - A)</option>
                                        <option  value="reference_a">Reference (A - Z)</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 input-lg" 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">

                            <article class="album">
                                <header class="gallery">
                                    <img style="cursor: pointer; width:345px;" class="image-zoom-big-" data-url="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto1 }}" src="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto1 }}&amp;w=345&amp;h=345&amp;far=1&amp;bg=EEEEEE&amp;q=99" alt="" />
                                    <a href="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto1 }}" class="album-options image-zoom-big-" data-url="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto1 }}">
                                        <i class="entypo-search"></i>
                                        Zoom
                                    </a>
                                    @if( $producto->foto2 != "NI.svg" && $producto->foto2 != "" )
                                        <a href="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto2 }}"></a>
                                    @endif
                                    @if( $producto->foto3 != "NI.svg" && $producto->foto3 != "" )
                                        <a href="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto3 }}"></a>
                                    @endif
                                    @if( $producto->foto4 != "NI.svg" && $producto->foto4 != "" )
                                        <a href="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto4 }}"></a>
                                    @endif
                                    @if( $producto->foto5 != "NI.svg" && $producto->foto5 != "" )
                                        <a href="/thumb/phpThumb.php?src=/public/files/productos/{{ $producto->foto5 }}"></a>
                                    @endif
                                </header>
                                <section class="album-info">
                                    <h3><a href="/compras/gestion/gestion-etiquetas/list/{{ $producto->id }}" data-toggle="modal-ajax-big">{{ $producto->referencia }}&nbsp;</a></h3>

                                    @if( $role_id != 7 )
                                        <p>
                                            {{ 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" style="text-align:center; width: 60%; float: left;">
                                        <a href="/compras/gestion/gestion-etiquetas/list/{{ $producto->id }}" class="btn btn-md btn-default" data-toggle="modal-ajax-big">
                                            <i class="fa fa-search"></i> EDIT TAG IMAGE                                        </a>
                                    </div>
                                </footer>
                            </article>

                        </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')
    @include('_layouts.gallery')

    <script>
        $(document).ready(function() {
            $(document).on("click","#ordItm" , function(){
                var itm = $(this).data("index");
                bootbox.confirm("Desea ORDENAR ESTE PRODUCTO?", function(result) {
                    if( result ) {

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

                        $.ajax({
                            type: "GET",
                            url: "/compras/catalogo/adicionar-item",
                            data: { idpro: itm, prc:2, idcomp:chip_marc },
                            dataType: "json",
                            success: function(aditm) {
                                messageSimple(aditm);
                            }
                        });
                    }
                });
            });
        });
    </script>
@stop