@extends('layouts.posPurchageOrder.partyCatalog')

@section('maincontent')

<style>

.list-group-item{
   border:none!important;
}
.maxheight{
    max-height: 300px;
    min-height: 300px;

}
@media (max-width: 768px) {
.startLoading {
   display: none !important;
}
}
</style>
@php 
if(!empty($brand_active)){
    $brand_active = implode(',',$brand_active);
}else{
    $brand_active = '';
}

@endphp
<div id="content" class="col-sm-12" >
    
    <div class="category_filter">
        <form action="{{ route('party-order-category') }}" >
            @csrf            
            <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                <label class="d-block" ><b> Brand </b></label>
                <select name="brandfilter[]" id="brand" class="form-control select2">
                    <option value="">Any</option>
                    @foreach($brand_list as $brand)
                    <option value="{{ $brand->id }}" {{ (!empty(request('brandfilter')) && request('brandfilter')  == $brand->id ) ? 'selected' : '' }}>{{ $brand->name  }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                <label class="d-block"><b> ACTION </b></label>
                <div col-12 col-sm-12 col-md-12 col-lg-12>
                <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                <button class="form-control btn btn-success" style="color:green;" id="submit" ><i class="fa fas fa-search"> Search </i></button>
                </div>
                <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                <button class="form-control btn btn-info" type="button" onclick="window.location.href='{{ route('party-order-category') }}';"><i class="fa fas fa-refresh"> Reset </i></button>
                </div>    
                </div>     
            </div>
        </form>
    </div>

    <div class="row cat_prod allproductContainer"> 

            @if(!empty($sampling) )           
                <div class="product-layout product-grid col-lg-2 col-md-2 col-sm-4 col-xs-6">
                        <div class="product-block product-thumb">
                            <div class="product-block-inner">
                                <div class="image">
                                    @php                                        
                                        $mainImage = empty($sampImage) ? asset('placeholder.png') : $sampImage; 
                                    @endphp                      
                                    <a target="_blank" href="{{ route('party-order-product',['sampling' => '1','brands' => $brand_active ]) }}">                           
                                         <img  src="{{ $mainImage }}" data-main-src="{{ $mainImage }}" title="{{ $sampling->name }}" alt="{{ $sampling->name }}" class="img-responsive maxheight" data-gallery="0">
                                    </a>	
                                </div>
                                <div class="product-details">
                                    <div class="caption">
                                        <h4>
                                            <a target="_blank" href="{{ route('party-order-product',['sampling' => '1','brands' => $brand_active]) }}">  
                                               <b> {{ 'SAMPLING PRODUCTS' }}</b>
                                            </a>
                                        </h4>
                                    </div>
                                </div>
                            </div>						
                        </div>
                </div>            
            @endif

            @if(!empty($upcoming) )           
                <div class="product-layout product-grid col-lg-2 col-md-2 col-sm-4 col-xs-6">
                        <div class="product-block product-thumb">
                            <div class="product-block-inner">
                                <div class="image">
                                @php   
                                    $mainImage = empty($upcImage) ? asset('placeholder.png') : $upcImage;
                                @endphp                       
                                <a target="_blank" href="{{ route('party-order-product',['upcoming' => '1','brands' => $brand_active]) }}">                           
                                    <img  src="{{ $mainImage }}" data-main-src="{{ $mainImage }}" title="{{ $upcoming->article }}" alt="{{ $upcoming->article }}" class="img-responsive maxheight" data-gallery="0">
                                </a>	
                                </div>
                                <div class="product-details">
                                    <div class="caption">
                                        <h4>
                                            <a target="_blank" href="{{ route('party-order-product',['upcoming' => '1','brands' => $brand_active]) }}">  
                                               <b> {{ 'UPCOMING PRODUCTS' }}</b>
                                            </a>
                                        </h4>
                                    </div>
                                </div>
                            </div>						
                    </div>
                </div>            
            @endif

            @if(!empty($new_arrival))
                <div class="product-layout product-grid col-lg-2 col-md-2 col-sm-4 col-xs-6">
                    <div class="product-block product-thumb">
                        <div class="product-block-inner">
                            <div class="image">
                            @php                                
                                $mainImage = empty($newImage) ? asset('placeholder.png') : $newImage;
                            @endphp                      
                            <a target="_blank" href="{{ route('party-order-product',['new_arr' => '1','brands' => $brand_active]) }}">                           
                                <img  src="{{ $mainImage }}" data-main-src="{{ $mainImage }}" title="{{ $new_arrival->article }}" alt="{{ $new_arrival->article }}" class="img-responsive maxheight" data-gallery="0">
                            </a>	
                            </div>
                            <div class="product-details">
                                <div class="caption">
                                    <h4>
                                        <a target="_blank" href="{{ route('party-order-product',['new_arr' => '1','brands' => $brand_active]) }}">  
                                            <b> {{ 'NEWARIVAL PRODUCTS' }}  </b>                              
                                        </a>
                                    </h4>
                                </div>
                            </div>
                        </div>						
                    </div>
                </div>
            @endif
             <!----First END ---->
             @if(!empty($repeatArticle))
             <div class="product-layout product-grid col-lg-2 col-md-2 col-sm-4 col-xs-6">
                 <div class="product-block product-thumb">
                     <div class="product-block-inner">
                         <div class="image">
                         @php
                             $mainImage = empty($reptImage) ? asset('placeholder.png') : $reptImage;
                         @endphp                     
                         <a target="_blank" href="{{ route('party-order-product',['repeat' => '1','brands' => $brand_active]) }}">                           
                             <img  src="{{ $mainImage }}" data-main-src="{{ $mainImage }}" title="{{ $repeatArticle->article }}" alt="{{ $repeatArticle->article }}" class="img-responsive maxheight" data-gallery="0">
                         </a>	
                         </div>
                         <div class="product-details">
                             <div class="caption">
                                 <h4>
                                     <a target="_blank" href="{{ route('party-order-product',['repeat' => '1','brands' => $brand_active]) }}">  
                                         <b> {{ 'REPEAT PRODUCTS' }}  </b>                              
                                     </a>
                                 </h4>
                             </div>
                         </div>
                     </div>						
                 </div>
             </div>
         @endif
         <!----Second END ---->   

            @if(!empty($clearence) )         
                <div class="product-layout product-grid col-lg-2 col-md-2 col-sm-4 col-xs-6">
                        <div class="product-block product-thumb">
                            <div class="product-block-inner">
                                <div class="image">
                                @php    
                                    $mainImage = empty($clearImage) ? asset('placeholder.png') : $clearImage;
                                @endphp                      
                                <a target="_blank" href="{{ route('party-order-product',['clearence' => '1','brands' => $brand_active]) }}">                           
                                    <img  src="{{ $mainImage }}" data-main-src="{{ $mainImage }}" title="{{ $clearence->article }}" alt="{{ $clearence->article }}" class="img-responsive maxheight" data-gallery="0">
                                </a>	
                                </div>
                                <div class="product-details">
                                    <div class="caption">
                                        <h4>
                                            <a target="_blank" href="{{ route('party-order-product',['clearence' => '1','brands' => $brand_active]) }}">  
                                            <b> {{ 'CLEARENCE PRODUCTS' }}</b>
                                            </a>
                                        </h4>
                                    </div>
                                </div>
                            </div>						
                        </div>
                </div>            
            @endif   
    </div>
        
    <div class="row cat_prod allproductContainer"> 
        @foreach($category as $cat)  
        @php 
                $section= \App\Section::where('is_active',1)->where('id',$cat->id)->Where('parent_id','!=',0)->first();
                    if(empty($section))
                    {
                        continue;
                    }
                $articleList = \App\Article::where('category_id', $cat->id)->OrWhere('oc_wh_products.sub_category_id', $cat->id)
                                ->where('oc_wh_products.is_active', '=', 1)->get()->pluck('code')->toArray();
               
                if (($key = array_search($pos_id, $partyStore)) !== false) { 
                    $wareStock = \App\WarehouseProduct::where('warehouse_id',$warehouse->id);
                }else{
                    $wareStock = \App\WarehouseProduct_1::where('warehouse_id',1);
                }
                
                $warticles =   $wareStock->distinct('article')->whereIn('brand_id',explode(',',$brand_active))->whereIn('article',$articleList)
                ->where('qty','>',0)->get()->pluck('article')->toArray();                
                if(empty($warticles)){
                    continue;
                }
                $mainImage = '';
                $product = \DB::table('oc_wh_products')->Join('oc_wh_product_images', 'oc_wh_products.id', '=', 'oc_wh_product_images.product_id')
                ->where('category_id', $cat->id)
                ->OrWhere('oc_wh_products.sub_category_id', $cat->id)
                ->where('oc_wh_products.is_active', '=', 1) 
                ->whereIn('oc_wh_products.code',$warticles)  
                ->whereIn('sort_order', [0, 1])                 
                ->orderBy('oc_wh_products.id','DESC')
                ->first();                        

                if (!empty($product))
                {                     
                    if (!empty($product->imgname))
                    {
                        $mainImage = asset('uploads/articles/photos/thumbnail' . $product->imgname);
                    }
                }                        

                $mainImage = empty($mainImage) ? asset('placeholder.png') : $mainImage;  
        
        @endphp  
        @if(!empty($product))        
        <div class="product-layout product-grid col-lg-2 col-md-2 col-sm-4 col-xs-6">
                <div class="product-block product-thumb">
                    <div class="product-block-inner">
                        <div class="image">
                                       
                    <a target="_blank" href="{{ route('party-order-product',['name' => $cat->name,'id'=>$cat->id,'brands' => $brand_active]) }}">                        
                            <img  src="{{ $mainImage }}" data-main-src="{{ $mainImage }}" title="{{ $product->name }}" alt="{{ $product->name }}" class="img-responsive maxheight" data-gallery="0">
                    </a>	
                        </div>
                        <div class="product-details">
                            <div class="caption">
                                <h4>
                                    <a target="_blank" href="{{ route('party-order-product',['name' => $cat->name,'id'=>$cat->id,'brands' => $brand_active]) }}">  
                                        <b> {{ $cat->name }}    </b>                            
                                    </a>
                                </h4>   
                            </div>
                        </div>
                    </div>						
                </div>
            </div>	
        @endif
        @endforeach
        
        <div class="row">
            <div class="col-md-12 startLoading">&nbsp;</div>
        </div>
            
        <div class="text-right">
        
        </div>
    </div>			
    <div class="startLoading text-center hidden" style="">
            <a href="javascript:void(0);" class="btn btn-default btn-primary" onclick="document.getElementById('currentClick').value = '2';loadMoreProducts();">LOAD MORE</a>
    </div>
        <div class="startProcessing text-center hidden" style="position:fixed;top:50%;z-index:9999999;margin-left:25%;">
            <div align="center"><img src="/image/catalog/demo/loading.gif" style="max-height:50px;"></div>
            <div align="center">Loading products please wait...</div>
        </div>
        <input type="hidden" id="currentPageListing" value="0">
        <input type="hidden" id="currentClick" value="2">
</div>
@endsection