@extends('layouts.posPurchageOrder.front')

@section('maincontent')

<style>

.list-group-item{
   border:none!important;
}
</style>



<div id="product-category" class="container">
	
	<div class="row">		
      <aside id="column-left" class="col-sm-3 hidden-xs">
    <div class="box sidebarFilter leftFilterSection">
	<div class="row">
       <div class="col-md-12 col-sm-12">
         <div class="box-heading">Filters</div>
         <div class="hamburger-menu">
           <div class="collapse-custom-filter">
             <div id="nav-icon">
             	<div class="filter-icon-show">
                  <strong>Filters</strong> <i class="fa fa-filter" aria-hidden="true"></i> 
             	</div>
             	<span></span>
             	<span></span>
             	<span></span>
             </div>
              
             <div id="sidebar" class="">
                 <div class="overlay">
                    <div class="overlayContent">

                       <div class="testDivg">
                         <div class="testDivg-scroll">
                           <div class="filterbox" style="">
                            <div class="list-group-filter clearfix"> 
                                    <div class="filter-group-wrapper-custom">
                                              <a class="list-group-item group-name">Discount Percentage</a>
                                              <div class="slimScrollDiv33" >
                                                 <div class="testDiv244" >
                                                <div class="list-group-item">
                                                      <div id="filter-group20">                                                          
                                                         @foreach($clearencePer as $clear)
                                                         @if(!empty($clear->discper))
                                                         <div class="checkbox">
                                                            <label class="control control--checkbox">  
                                                               <input type="radio" name="filter[]" value="{{ $clear->discper }}" onclick="document.getElementById('currentPageListing').value='1';document.getElementById('currentClick').value = '1';loadMoreProducts();">
                                                                  <div class="control__indicator"></div>
                                                                          {{ $clear->discper }}%
                                                            </label>                                                            
                                                         </div> 
                                                         @endif
                                                         @endforeach                                                                                                                            
                                                         
                                                      </div>
                                                </div>
                                              </div>                                             
                                          </div>                                              
                                        </div>   
                                        
                                        <div class="filter-group-wrapper-custom">
                                          <a class="list-group-item group-name">Color</a>
                                          <div class="slimScrollDiv" >
                                             <div class="testDiv" >
                                            <div class="list-group-item">
                                                  <div id="filter-group2"> 
                                                   @foreach($color_arr as $color)
                                                   @if(!empty($color)) 
                                                     <div class="checkbox">
                                                           <label class="control control--checkbox">                                                                                          
                                                              <input type="checkbox" name="color[]" value="{{ $color }}" onclick="document.getElementById('currentPageListing').value='1';document.getElementById('currentClick').value = '1';loadMoreProducts();">
                                                              <div class="control__indicator"></div>{{ $color }}
                                                            </label>
                                                     </div> 
                                                     @endif
                                                         @endforeach  
                                                  </div> 
                                               </div> 
                                            </div> 
                                      </div> 
                                   </div> 
                                        
                                                                                   
                                    </div> 
                           </div>
                         </div>
                       </div>                       
                    </div>
                 </div>  
             </div>             
           </div>
         </div>
       </div>
	</div>



</aside>

   <div id="content" class="col-sm-9" style='min-height:0px;'>
      <div class="row category_thumb hidden">
			<div class="col-sm-10 category_description">			
			</div>	
			</div>        

			<!-- aaaaa -->
			<div class="category_filter">
				<div class="col-md-4 btn-list-grid">
					<h1 class="page-title">{{ 'Clearence Discount Products' }}</h1>
                    <input type="hidden" id="clear_id" name="cat_id" value="{{ $clear_id }}">
                    <input type="hidden" id="clear_name" name="cat_name" value="{{ $clearence }}">
					<div class="btn-group hidden">
						<button type="button" id="grid-view" class="hidden btn btn-default grid active" data-toggle="tooltip" title="" data-original-title="Grid"><i class="fa fa-th"></i></button>
						<button type="button" id="list-view" class="hidden btn btn-default list" data-toggle="tooltip" title="" data-original-title="List"><i class="fa fa-th-list"></i></button>
					</div>
				</div>				
				
				 <div class="pagination-right"></div>             
         </div>
         {{-- </div>--}}
			

			 <div class="row cat_prod allproductContainer productDataContainer" style="opacity: 1;">
          
            @foreach($products as $prod)         
                
            <div class="product-layout product-grid col-lg-4 col-md-4 col-sm-4 col-xs-6">
					<div class="product-block product-thumb">
						<div class="product-block-inner">
							<div class="image">