<div class="product-container business-product-container">
    
    <div class="row product-action-row">
    	<div class="col-sm-9 col-xs-10">
        	<form class="form-horizontal" method="get" action="" id="search-product-form">
               
              <div class="form-group bottom0px">
                    <div class="col-sm-10 col-xs-8">
                        <input type="text" class="form-control bottom0px" placeholder="Search a product from the list" id="business-term">
                    </div>
                    
                    <div class="col-sm-2 col-xs-4" style="padding-left:0px">
                        <button type="button" class="form-control btn btn-primary bottom0px search-business-product-btn" data-id="{{$pageId}}">Search</button>
                    </div>
              </div>
    	  </form>
        </div>
        
        <div class="col-sm-3 col-xs-2 product-listing-setting">
        	<i class="fa fa-bars product-list-icon business-store" data-id="{{$pageId}}" data-value="1" aria-hidden="true" title="List View"></i>
        	<i class="fa fa-th product-grid-icon business-store" data-id="{{$pageId}}" data-value="0" aria-hidden="true" title="Grid View"></i>
			<input type="hidden" id="produt-style-view" value="0" />
        </div>
    </div>
    
    <div id="cbp-vm" class="cbp-vm-switcher activegrid" ng-class="{true: '', false: 'activegrid'}[isActive]">
            
            <ul id="product" class="nav-pills rectangle-list business-products">
               <?php
			   		$currencyCode=$business->currency;
					if($currencyCode=="INR"){ 
						$currencyIcon="<i class='fa fa-inr'></i>"; 
					}
					else{
						$currencyIcon="<i class='fa fa-dollar'></i>"; 
					}
			   ?>
                @foreach($products as $product)
                            <!-- ngRepeat: product in pagedItems[currentPage] -->
                            
                         <?php 
							$productUrl=URL::route('store', ['slug' => $business->slug])."/product/".$product->id;
							
							$show=1;
							if($product->post_id > 0){
						
								$post=app('App\\Repositories\\PostRepository')->getById($product->post_id);
								$show=0;
								
								if($post){
									$show=1;
									$productUrl=$post->present()->url();
								}
							}	
						 ?>      
                          
                         @if($show==1)   
                             <li class="ng-scope business-single-product @if($pageType=='product') business-single-product-view @endif" ng-animate="'animate'" ng-repeat="product in pagedItems[currentPage]" id="product-no-{{$product->id}}">
                                    
                                    
                                 
                                  <div class="product-img">
                                            @if($product->image1)
                                                <img data-original="{{Image::url($product->image1)}}" alt="{{$product->product_name}}" class="show-business-product-details lazy" data-id="{{$product->id}}" id="show-business-product-image-{{$product->id}}" data-url="{{$productUrl}}"><br>
                                        
                                                @if($pageType=='product')
                                                    <div class="product-thumb-images" id="product-thumb-images-{{$product->id}}" data-id="{{$product->id}}" style="display:block">
                                                        @if($product->image1)
                                                             <img data-original="{{Image::url($product->image1)}}" data-url="{{Image::url($product->image1)}}" class="show-business-product-image lazy" data-id="{{$product->id}}">
                                                        @endif
                                                        
                                                        @if($product->image2)
                                                             <img data-original="{{Image::url($product->image2)}}" data-url="{{Image::url($product->image2)}}" class="show-business-product-image lazy" data-id="{{$product->id}}">
                                                        @endif
                                                        
                                                        @if($product->image3)
                                                             <img data-original="{{Image::url($product->image3)}}" data-url="{{Image::url($product->image3)}}" class="show-business-product-image lazy" data-id="{{$product->id}}">
                                                        @endif
                                                        
                                                        @if($product->image4)
                                                             <img data-original="{{Image::url($product->image4)}}" data-url="{{Image::url($product->image4)}}" class="show-business-product-image lazy" data-id="{{$product->id}}">
                                                        @endif
                                                    </div>
                                                 @endif    
                                           @endif
                                           
                                           @if($pageType=='productlist')
                                                <?php
                                                    $showPrice=$product->price;
                                                    if($product->discount and $showPrice){
                                                        $savedPrice=($product->discount/100)*$product->price;
                                                        $showPrice=$product->price-$savedPrice;
                                                    }
													
													if(!$showPrice){
														$showPrice=0;	
													}	
                                                ?>	
                                                
                                                @if($product->discount and $product->price)
                                                    <span class="product-price-listing">{!! $currencyIcon !!} {{number_format($showPrice, 2, '.', ',')}} <span class="original-product-strike">{{number_format($product->price, 2, '.', ',')}}</span></span>
                                                @else
                                                    <span class="product-price-listing">{!! $currencyIcon !!} {{number_format($showPrice, 2, '.', ',')}}</span>
                                                @endif
                                           @endif
                                    </div>
                                    
                                    @if($pageType=='productlist')      
                                        <p class="product-name" style="min-height:auto; text-align: left;
margin-bottom:5px;">
                                            <span style="font-size:15px" class="title ng-binding show-business-product-details" data-id="{{$product->id}}" data-url="{{$productUrl}}"> 
                                                
												 @if(strlen($product->product_name) >45)
													 <span class="small-product-title" id="short-product-title-{{$product->id}}">{{Str::limit($product->product_name, 45)}}</span>
												 @else
													<span class="small-product-title" id="short-product-title-{{$product->id}}">{{$product->product_name}}</span>
												 @endif
                                                
                                            </span>
                                        </p>
                                        
                                        <div class="row"> 
                                            <div class="col-sm-9 col-xs-9 product-listing-rating-col">
                                               <div class="product-listing-rating-view">
                                                    <?php 
                                                        $productRatingsCount=$business->present()->productRatingsCount($product->id);
                                                        $reviewsCount=$business->present()->productReviewsCount($product->id);
                                                        
                                                        //$productRatingsCount=5;
                                                        //$reviewsCount=5;
                                                    ?>
                                                    <a href="{{$productUrl}}" class="product-star-link">
                                                    <div class="product-listing-rating-overall">
                                                        <span class="fa fa-star product-overall-rating @if($productRatingsCount>0) checked @endif"></span>
                                                        <span class="fa fa-star product-overall-rating @if($productRatingsCount>1) checked @endif"></span>
                                                        <span class="fa fa-star product-overall-rating @if($productRatingsCount>2) checked @endif"></span>
                                                        <span class="fa fa-star product-overall-rating @if($productRatingsCount>3) checked @endif"></span>
                                                        <span class="fa fa-star product-overall-rating @if($productRatingsCount>4) checked @endif"></span>
                                                    
                                                        <span>({{$reviewsCount}})</span>
                                                    </div> 
                                                    </a>
                                                </div>
                                            </div>
                                            
                                            <div class="col-sm-3 col-xs-3 product-listing-add-cart-btn">
                                                @if($product->product_category==1)
                                                    <?php
                                                        $firstRecord = app('App\\Repositories\\BusinessProductsCategoryValuesRepository')->getProductValue($product->id,'liquid-size');
                                                    ?>
                                                    
                                                    <input type="hidden" value="@if($firstRecord){{$firstRecord->id}}@endif" id="productsizeid-{{$product->id}}" class="productsizeid-{{$product->id}}" />
                                                    <input type="hidden" value="0" id="productcolorid-{{$product->id}}" class="productcolorid-{{$product->id}}" />
                                                @elseif($product->product_category==2)
                                                    <?php
                                                        $firstRecordSize = app('App\\Repositories\\BusinessProductsCategoryValuesRepository')->getProductValue($product->id,'wearable-size');
            
                                                        $firstRecordColor = app('App\\Repositories\\BusinessProductsCategoryValuesRepository')->getProductValue($product->id,'color');
                                                    ?>
                                                
                                                    <input type="hidden" value="@if($firstRecordSize){{$firstRecordSize->id}}@endif" id="productsizeid-{{$product->id}}" class="productsizeid-{{$product->id}}" />
                                                    <input type="hidden" value="@if($firstRecordColor){{$firstRecordColor->id}}@endif" id="productcolorid-{{$product->id}}" class="productcolorid-{{$product->id}}" />
                                                @else
                                                    <input type="hidden" value="0" id="productsizeid-{{$product->id}}" class="productsizeid-{{$product->id}}" />
                                                    <input type="hidden" value="0" id="productcolorid-{{$product->id}}" class="productcolorid-{{$product->id}}" />
                                                @endif
                                                
                                                @if($product->post_id==0)
                                                    <a class="btn btn-default product-add-cart-btn product-listing-add-cart store-individual-cart" data-id="{{$product->id}}"  data-value="{{$pageId}}" data-community-id="{{$business->community_id}}" data-auth="{{Auth::check()}}"><i class="fa fa-shopping-cart"></i> +</a>
                                                @endif
                                                
                                            </div>
                                        </div> 
                                    @else
                                        <div class="show-all-product-ratings product-ratings-overall-box">
                                          {!! Theme::section('page.business.product-overall-ratings',['productRatingsCount'=>$productRatingsCount,'reviewsCount'=>$reviewsCount]) !!}        
                                        </div>
                                    @endif
                                     
                                    @if($pageType=='product')                                
                                        <p class="product-name" style="text-align:left;">
                                            <span style="font-size:18px" class="title ng-binding show-business-product-details" data-id="{{$product->id}}" data-url="{{$productUrl}}"> 
                                                 @if($pageType=='productlist')
                                                     @if(strlen($product->product_name) >45)
                                                         <span class="small-product-title" id="short-product-title-{{$product->id}}">{{Str::limit($product->product_name, 45)}}</span>
                                                     @else
                                                        <span class="small-product-title" id="short-product-title-{{$product->id}}">{{$product->product_name}}</span>
                                                     @endif
                                                 @else
                                                    <span class="big-product-title" id="long-product-title-{{$product->id}}">{{$product->product_name}}</span>    
                                                 @endif 
                                            </span>
                                        </p>
                                     @endif
                                     
                                      
                                     @if($pageType=='product')                               		     
                                     	{!! Theme::section('page.business.product-values',['product'=>$product,'listingtype'=>'business']) !!}
                                     @endif 
                                    
                                     @if($pageType=='product')
                                    
                                        <div class="product-cart-price-area selected-type-price-box">
                                                {!! Theme::section('page.business.product-price',['product'=>$product,'productPrice'=>$product->price]) !!}
                                        </div>
                                    
                                        <div>
                                            <p class="product-add-cart-contents">
                                                    <a class="btn btn-default product-add-cart-btn store-individual-cart" data-id="{{$product->id}}" data-community-id="{{$business->community_id}}" data-value="{{$pageId}}" data-auth="{{Auth::check()}}"><i class="fa fa-shopping-cart"></i> Add to Cart</a>
                                            </p>
                                        </div>
                                    @endif    
                                    
                                    @if($pageType=='product')
                                        <div class="product-description"> 
                                            @if($pageType=='productlist')
                                                <div class="product-list-desc" id="product-list-desc-{{$product->id}}">
                                                    @if(strlen($product->product_description) >130)
                                                         <div class="product-short-description">
                                                            {!! Str::limit($product->product_description, 130) !!}
                                                         </div>
                                                         <a href="#" class="read-more-product-desc show-business-product-details" data-id="{{$product->id}}"
                                                               data-content="" data-url="{{$productUrl}}">{{trans('post.read-more')}}</a>
                                                    @else
                                                        {!! $product->product_description !!}  
                                                    @endif 
                                                </div>
                                            @else
                                            <div class="product-list-desc-full" id="product-list-desc-full-{{$product->id}}">
                                                {!! $product->product_description !!}
                                            </div>
                                            @endif 
                                        </div>
                                        
                                        {!! Theme::section('page.business.product-specifications',['product'=>$product]) !!}
                                    @endif
                        
                                    <!--<a href="" ng-click="cart.addItem(product.code, product.name, product.price, 1)">
                                       <div class="btn btn-cart">Add cart</div>
                                    </a>
                                    <a class="details-button" href="#/products/APL">
                                       <div class="btn btn-cart">Details</div>
                                    </a>-->
                                    
                                    <div class="clear"></div>
                                    
                                    @if($pageType=='product')
                                         <div class="row product-share-row">
                                            <div class="col-sm-6 product-ratings-overall-box">
                                                {!! Theme::section('page.business.product-overall-ratings',['productRatingsCount'=>$productRatingsCount,'reviewsCount'=>$reviewsCount]) !!}
                                            </div>
                                            
                                            <div class="col-sm-6 product-social-share-btns">
                                                 <a role="menuitem" href="javascript:void(0)" onclick="return window.open('http://www.facebook.com/sharer.php?u={{$productUrl}}', 'targetWindow', 'width=600,height=400')">
                                                    <i class="icon fa fa-facebook"></i>
                                                 </a>
                                                                            
                                                 <a role="menuitem" href="javascript:void(0)" onclick="return window.open('http://twitter.com/share?url={{$productUrl}}', 'targetWindow', 'toolbar=no,location=no,status=no,scrollbar=yes,resizable=no,width=600,height=400')">
                                                     <i class="icon fa fa-twitter"></i>
                                                 </a>
                                                 
                                                 <a href="javascript:void(0)" onclick="return window.open('http://www.linkedin.com/shareArticle?mini=true&url={{$productUrl}}', 'targetWindow', 'toolbar=no,location=no,status=no,scrollbar=yes,resizable=no,width=600,height=400')">
                                                    <i class="icon fa fa-linkedin"></i> 
                                                 </a> 
                                                 
                                                 <!--<a href="javascript:void(0)" onclick="return window.open('https://plus.google.com/share?url={{$productUrl}}', 'targetWindow', 'toolbar=no,location=no,status=no,scrollbar=yes,resizable=no,width=600,height=400')">
                                                     <i class="icon fa fa-google"></i>
                                                 </a>--> 
                                             </div>
                                          </div>   
                                        
                                         @if($business->business_communication==1)
                                                <a class="btn red-color-button product-inquiry-btn" data-id="{{$product->id}}" data-value="{{$pageId}}" data-auth="{{Auth::check()}}" data-url="{{URL::to('')}}/inquireproduct/{{$pageId}}/{{$product->id}}">Product Inquiry</a>
                                         @endif
                                        
                                         @if(\Auth::check())
                                            {!! Theme::section('page.business.add-product-review',['product'=>$product,'business'=>$business->id,'productMyReview'=>$productMyReview]) !!}
                                         @endif
                                         
                                         {!! Theme::section('page.business.product-reviews',['productAllReviews'=>$productAllReviews]) !!}
                                    @endif
                              </li> 
                        @endif          
                @endforeach
        </ul>
        
       
    </div>
   <?php /*?> <div class="business-product-pagination"> {!! $products->appends(request()->except('page'))->render() !!}</div><?php */?>
</div>        

