@include('layouts.breadcumb')

<div class="row">

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

            <!-- panel head -->
            <div class="panel-heading">
                <div class="panel-title">
                    <p><i class="fa fa-search"></i> BUSQUEDA RAPIDA</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">CRITERIO DE BUSQUEDA</label>
                        <select id="tipo" name="tipo"  class="form-control select2 required" data-allow-clear="true">
                            <option {{ (Input::get('tipo')=='0'?'selected':'') }} value="0">CODIGO DE ITEM</option>
                            <option {{ (Input::get('tipo')=='1'?'selected':'') }} value="1">DESCRIPCION</option>
                            @if(\Auth::user()->role_id == 15)
                                <option {{ (Input::get('tipo')=='2'?'selected':'') }} value="2">ITEMS NUEVOS</option>
                            @endif
                        </select>
                    </div>
                    <div class="clearfix"></div>
                    <br />
                    <div class="clearfix"></div>
                    <div class="col-md-12">
                        <label for="nombre">VALOR A BUSCAR:</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-teal 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> BUSCAR</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-teal 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: '{{ (strtoupper(Input::get('valor')) == 'SI')?'PRODUCTOS NUEVOS':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->precio_rmb*(1+($producto->porentaje/100)), 2) }}</span>
                                    @if( \Auth::user()->ve_costo_cif == 100 || $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>
                                    <table width="100%">
                                        <tbody>
                                        <tr>
                                            <td width="40%">
                                                <div class="album-images-count">
                                                    <a href="/compras/chinacat/producto-detalle/{{ $producto->producto_id }}" class="btn btn-md btn-teal waves-light waves-effect btn-rounded " data-toggle="modal-ajax-big">
                                                        <i class="fa fa-search"></i> +                                                    </a>
                                                </div>
                                            </td>
                                            <td><h5 style="margin: 0px !important; padding: 0px !important;">CAJAS &nbsp;</h5></td>
                                            <td><input id="ctd{{$producto->producto_id}}" style="width: 40px !important;" type="text" value="0" class="inputInt form-control"></td>
                                            <td>&nbsp;</td>
                                            <td style="text-align: right">
                                                <button class="btn btn-googleplus addCtd btn-rounded" data-index="{{ $producto->producto_id }}"><i class="fa fa-shopping-cart"></i></button>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                            </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 src="//cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.4/jquery.inputmask.bundle.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/1.4.5/numeral.min.js"></script>

<script>
    $(document).ready(function() {
        $('.inputInt').inputmask("integer");
        $(document).on("click","#ordItmc" , function(){
            var itm = $(this).data("index");
            if(parseInt($("#cajas").val()) <= 0){
                alert('DEBE INGRESAR LAS CAJAS');
                return false;
            } else {
                bootbox.confirm("Desea ORDENAR ESTE PRODUCTO?", function (result) {
                    if (result) {

                        $.ajax({
                            type: "GET",
                            url: "/compras/chinacat/adicionar-itemc",
                            data: {idpro: itm, caja: $("#cajas").val(), prc: 2},
                            dataType: "json",
                            success: function (aditm) {
                                messageSimple(aditm);
                            }
                        });
                    }
                });
            }
        });

        $(document).on("click",".addCtd" , function(){
            var codigo = $(this).data("index");
            var cantid = Math.abs($("#ctd"+$(this).data("index")).val());
            if(cantid <= 0){
                alert('DEBE INGRESAR LAS CAJAS');
                return false;
            } else {
                $("#ctd" + $(this).data("index")).val(cantid);
                bootbox.confirm("Desea ORDENAR ESTE PRODUCTO?", function (result) {
                    if (result) {

                        $.ajax({
                            type: "GET",
                            url: "/compras/chinacat/adicionar-itemc",
                            data: {idpro: codigo, caja: cantid, prc: 2},
                            dataType: "json",
                            success: function (aditm) {
                                messageSimple(aditm);
                            }
                        });
                    }
                });
                return false;
            }
        });
    });
</script>
@stop