@extends('Layouts.frontLayout',['classBody'=>"container-max-width show-bottom-nav"])
@section('title')
{{(isset($data['category']->title) and $data['category']->title!="")? $data['category']->title: __('Product Search')}}
@endsection
@section('metaData')
       <meta name="meta_title" content="{{(isset($data['category']->meta_data->meta_title) and$data['category']->meta_data->meta_title!="")?$data['category']->meta_data->meta_title:''}}">
       <meta name="meta_tags" content="{{(isset($data['category']->meta_data->meta_tags) and$data['category']->meta_data->meta_tags!="")?$data['category']->meta_data->meta_tags:''}}">
       <meta name="meta_description" content="{{(isset($data['category']->meta_data->meta_description) and$data['category']->meta_data->meta_description!="")?$data['category']->meta_data->meta_description:''}}">
       <meta property="og:url"content="{{url('/')}}" >
       <meta property="og:type"content="{{(isset($data['category']->meta_data->facebook_meta_data) and$data['category']->meta_data->facebook_meta_data!="")?$data['category']->meta_data->facebook_meta_data:''}}" >
       <meta property="og:title"content="{{(isset($data['category']->meta_data->meta_title) and$data['category']->meta_data->meta_title!="")?$data['category']->meta_data->meta_title:''}}" >
       <meta property="og:description"content="{{(isset($data['category']->meta_data->facebook_meta_description) and$data['category']->meta_data->facebook_meta_description!="")?$data['category']->meta_data->facebook_meta_description:''}}" >
       <meta property="og:image"content="/{{(isset($data['category']->meta_data->facebook_meta_image) and$data['category']->meta_data->facebook_meta_image!="")?$data['category']->meta_data->facebook_meta_image:''}}">
       <meta name="twitter:card" content="{{(isset($data['category']->meta_data->twitter_meta_data) and$data['category']->meta_data->twitter_meta_data!="")?$data['category']->meta_data->twitter_meta_data:''}}" >
       <meta name="twitter:site" content="{{url('/')}}" >
       <meta name="twitter:title" content="{{(isset($data['category']->meta_data->meta_title) and$data['category']->meta_data->meta_title!="")?$data['category']->meta_data->meta_title:''}}" >
       <meta name="twitter:description" content=" {{(isset($data['category']->meta_data->twitter_meta_description) and$data['category']->meta_data->twitter_meta_description!="")?$data['category']->meta_data->twitter_meta_description:''}}">
       <meta name="twitter:image" content="/{{(isset($data['category']->meta_data->twitter_meta_image) and$data['category']->meta_data->twitter_meta_image!="")?$data['category']->meta_data->twitter_meta_image:''}}">
@endsection
@section('content')
 
  <main id="main">
      <div class="container container-shop">
        <nav class="page-wrapper-breadcrumb breadcrumb">
          <a href="/">{{__('Home')}}</a> &nbsp;&#47;&nbsp; {{(isset($data['category']->title) and $data['category']->title!="")? $data['category']->title: __('Product Search')}}
        </nav>
		@if(isset($data['category']))
        <div class="subcategories ">
          <div class="categories-title">{{__('Category')}}‌</div>
          <div class="inner">
		  @php $y=0; @endphp
           @foreach($data['category']->Category as $subCategory)
		   @if($y<=6)
            <a href="{{route('Front.searchs.index',$subCategory->slug)}}" class="category-item">
              <img width="64" height="64" src="/File/category/64_64/{{$subCategory->image}}" class="img-fluid" alt="{{$subCategory->title}}" decoding="async" loading="lazy" srcset="/File/category/64_64/{{$subCategory->image}} 64w, /File/category/{{$subCategory->image}} 150w" sizes="(max-width: 64px) 100vw, 64px" />
              <h2 class="category-name">{{$subCategory->title}}</h2>
              <span class="category-count">{{count($subCategory->product)}}</span>
            </a>
			 @php $y ++; @endphp
			@endif
			
			@endforeach
			 
			@if($y==7)
            <a href="#" class="category-item others-categories">
              <div class="count">+{{count($data['category']->Category)-7}}</div>
              <div class="category-name">{{__('Other Categories')}}</div>
            </a>
			@endif
			@for($j=7 ; $j <  count($data['category']->Category);$j++)
            <a href="{{route('Front.searchs.index',$data['category']->Category[$j]->slug)}}"  class="category-item">
              <img width="64" height="64" src="/File/category/64_64/{{$data['category']->Category[$j]->image}}" class="img-fluid" alt="{{$data['category']->Category[$j]->title}}" decoding="async" loading="lazy" srcset="/File/category/64_64/{{$data['category']->Category[$j]->image}} 64w, /File/category/{{$data['category']->Category[$j]->image}} 150w" sizes="(max-width: 64px) 100vw, 64px" />
              <h2 class="category-name">{{$data['category']->Category[$j]->title}}</h2>
              <span class="category-count">{{count($data['category']->Category[$j]->product)}}</span>
            </a>
			@endfor
 
          </div>
        </div>
		@endif
        <div class="row">
          <aside class="sidebar sidebar-shop col-12 col-lg-3">
            <div class="modal" id="filters">
              <div class="modal-dialog">
                <header class="modal-header">
                  <strong class="modal-title">{{__('Filter')}}</strong>
                  <svg class="close" viewBox="0 0 24 24">
                    <path fill-rule="evenodd" d="M18.364 7.05L16.95 5.636 12 10.586l-4.95-4.95L5.636 7.05l4.95 4.95-4.95 4.95 1.414 1.414 4.95-4.95 4.95 4.95 1.414-1.414-4.95-4.95 4.95-4.95z" clip-rule="evenodd"></path>
                  </svg>
                </header>
                <div class="modal-content">
                  <div   class="widget page-wrapper widget_layered_nav_filters">
                    <header class="widget-header">
                      <h3 class="widget-title">
                        <span>{{__('Active Filters')}} </span>
                        <svg viewBox="0 0 24 24">
                          <path d="M7.707 9.29l-1.414 1.414 5 5a1 1 0 001.414 0l5-5-1.414-1.414L12 13.583 7.707 9.29z"></path>
                        </svg>
                      </h3>
                    </header>
                    <div class="widget-content">
                      <ul>
					  @if($data['category']!=null)
						 <li class="chosen chosen-color chosen-color-red" >
                          <a  href="/searchs/category/{{$data['category']->slug}}"  > {{__('Delete Filters')}}</a>
                        </li>
					 @endif
					 
					 @if($data['brand_ids']!=0)
                         @php $Brands=\App\Models\Brand::getWhereInBrand($data['brand_ids']); @endphp
                         @foreach($Brands as $brand)
                        <li class="chosen chosen-color chosen-color-red" onclick="clear_filter('{{$brand->id}}',@if($data['category']!=null) '6' @else '5' @endif);">
                          <a     >{{$brand->title}}</a>
                        </li>
					    @endforeach
                     @endif
					
                         @if ($data['priceRange'] != 0)
						  <li class="chosen chosen-color chosen-color-red">
                            <a      onclick="clear_filter('{{$data['priceRange']}}', @if($data['category']!=null) '7' @else '6' @endif);"  >{{$data['priceRange'] }}</a>
                          </li>
						@endif
						   @if ($data['Discounted_product'] == 'true') 
						   <li class="chosen chosen-color chosen-color-red">
                               <a    onclick="clear_filter_Discounted();"  >{{__('Discount')}}</a>
                           </li>
							   @endif
						       @if($data['attributes']!=0)
                                @php
                                    $AttributeValues=\App\Models\AttributeValue::getWhereInAttributeValue($data['attributes']);
                                    $i=0;
                                @endphp
                                @foreach($AttributeValues as $attributeValue)
						            <li class="chosen chosen-color chosen-color-red">
                                     <a  href="#"   onclick="clear_filter({{$attributeValue->id}}, @if($data['category']!=null) '8' @else '7' @endif);" >{{$attributeValue->value}}</a>
                                    </li>
                                    @php  $i++; @endphp
							   @endforeach
                            @endif
                      </ul>
                    </div>
                  </div>
				  
                  <div  class="widget page-wrapper widget_product_search">
                    <header class="widget-header">
                      <h3 class="widget-title">
                        <span>{{__('Search')}}</span>
                        <svg viewBox="0 0 24 24">
                          <path d="M7.707 9.29l-1.414 1.414 5 5a1 1 0 001.414 0l5-5-1.414-1.414L12 13.583 7.707 9.29z"></path>
                        </svg>
                      </h3>
                    </header>
                    <div class="widget-content">
                      <form role="search" method="get" class="page-wrapper-product-search"  onsubmit="return false;" >
                        <label class="screen-reader-text" for="page-wrapper-product-search-field-0">{{__('Search')}} :</label>
						 <input type="search" id="productName" class="search-field" placeholder="{{__('Search')}}"value="{{($data['text']!=null)?$data['text'] :''}}"   name="productName" />
                        <button type="submit" onclick="onFilterSearch('{{($data['category']!=null)?$data['category']->slug:$data['searchTX']}}')" value="{{__('Search')}}" class="lara-element-button">{{__('Search')}}</button>
 
                      </form>
                    </div>
                  </div>
                  <div  class="widget widget-brands-filter">
                    <header class="widget-header">
                      <h3 class="widget-title">
                        <span>{{__('Brand')}}</span>
                        <svg viewBox="0 0 24 24">
                          <path d="M7.707 9.29l-1.414 1.414 5 5a1 1 0 001.414 0l5-5-1.414-1.414L12 13.583 7.707 9.29z"></path>
                        </svg>
                      </h3>
                    </header>
                    <div class="widget-content">
                      <div class="brand-search">
                        <svg class="search-icon" viewBox="0 0 24 24">
                          <path fill-rule="evenodd" d="M10.5 18a7.5 7.5 0 115.973-2.963l4.369 4.246-1.394 1.434-4.387-4.263A7.467 7.467 0 0110.5 18zm5.5-7.5a5.5 5.5 0 11-11 0 5.5 5.5 0 0111 0z" clip-rule="evenodd"></path>
                        </svg>
                        <input type="text" placeholder="{{__('Search For Brands')}}">
                      </div>
                      <div class="brands">
					   @foreach ($data['brand'] as $brand)
                        <a  href="#"  onclick="onFilterSearch('{{($data['category']!=null)?$data['category']->slug:$data['searchTX']}}')"  class="term-item">
                          <input value="{{$brand->id}}"  id="brand{{$brand->id}}" type="checkbox" name="brand"  class="checkbox">
                          <span class="brand-name">{{$brand->title}}</span>
                          <span class="brand-slug">{{$brand->country}}</span>
                        </a>
						 @endforeach
                       
                      </div>
                    </div>
                  </div>
                  <div   class="widget page-wrapper widget_product_categories">
                    <header class="widget-header">
                      <h3 class="widget-title">
                        <span>{{__('Product Category')}}</span>
                        <svg viewBox="0 0 24 24">
                          <path d="M7.707 9.29l-1.414 1.414 5 5a1 1 0 001.414 0l5-5-1.414-1.414L12 13.583 7.707 9.29z"></path>
                        </svg>
                      </h3>
                    </header>
                    <div class="widget-content">
                      <ul class="product-categories">
					   @foreach($Categories as $category)
                        <li class="cat-item  @if(isset($data['category']->slug)  and $data['category']->slug !='' and $data['category']->slug == $category->slug ) current-cat   @endif  @if(count($category->Category) > 0) cat-parent  @endif ">
                          <a href="{{route('Front.searchs.index',$category->slug)}}">{{$category->title}}</a>
						 @if(count($category->Category) > 0)
                          <ul class='children'>
                           @foreach($category->Category as $category_1)
                            <li class="cat-item @if(isset($data['category']->slug)  and $data['category']->slug !='' and $data['category']->slug == $category_1->slug ) current-cat   @endif   @if(count($category_1->Category) > 0) cat-parent  @endif ">
                            <a href="{{route('Front.searchs.index',$category_1->slug)}}" >{{$category_1->title}}</a>
							  @if(count($category_1->Category) > 0)
                              <ul class='children'>
						       @foreach($category_1->Category as $category_2)
                                <li class="cat-item ">
                                  <a href="{{route('Front.searchs.index',$category_2->slug)}}" >{{$category_2->title}}</a>
                                </li>
								@endforeach
                              </ul>
							  @endif
                            </li>
							@endforeach
                          </ul>
						  @endif
                        </li>
					 @endforeach
                      </ul>
                    </div>
                  </div>
 
				   <div   class="widget widget-original-filter">
                    <div class="widget-content">
				     <div class="parent-switcher">
                         <label class="ui-statusswitcher">
                             <input type="checkbox"  id="Discounted_product" name="Discounted_product"  onclick="onFilterSearch('{{($data['category']!=null)?$data['category']->slug:$data['searchTX']}}')" >
                             <span class="ui-statusswitcher-slider">
                             <span class="ui-statusswitcher-slider-toggle"></span>
                         </span>
                         </label>
                         <label class="label label-switcher" for="Discounted_product">{{__('Discount')}}</label>
                     </div>
                    </div>
                  </div>
                        

                         
                  <div   class="widget page-wrapper widget_price_filter">
                    <header class="widget-header">
                      <h3 class="widget-title">
                        <span>{{__('Price')}}</span>
                        <svg viewBox="0 0 24 24">
                          <path d="M7.707 9.29l-1.414 1.414 5 5a1 1 0 001.414 0l5-5-1.414-1.414L12 13.583 7.707 9.29z"></path>
                        </svg>
                      </h3>
                    </header>
                    <div class="widget-content">
                      <form method="get" action="#" onsubmit="return false;">
                        <div class="price_slider_wrapper">
                          <div class="price_slider" style="display:none;"></div>
                          <div class="price_slider_amount" data-step="{{(isset($settings['step_price_'.$lang]))?$settings['step_price_'.$lang]:10}}">
                            <label class="screen-reader-text" for="min_price">{{__('Minimum Price')}}</label>
                            <input type="text" id="min_price" name="min_price" value="{{(isset($settings['start_price_'.$lang]))?$settings['start_price_'.$lang]:0}}" data-min="{{(isset($settings['start_price_'.$lang]))?$settings['start_price_'.$lang]:0}}" placeholder="{{__('Minimum Price')}}" />
                            <label class="screen-reader-text" for="max_price">{{__('Maximum Price')}}</label>
                            <input type="text" id="max_price" name="max_price" value="{{(isset($settings['end_price_'.$lang]))?$settings['end_price_'.$lang]:0}}" data-max="{{(isset($settings['end_price_'.$lang]))?$settings['end_price_'.$lang]:0}}" placeholder="{{__('Maximum Price')}}" />
                            <div class="price_label" style="display:none;">
                              <span class="from"></span>
                              <span class="separator">|</span>
                              <span class="to"></span>
                            </div>
                            <button type="submit"  onclick="onFilterSearch('{{($data['category']!=null)?$data['category']->slug:$data['searchTX']}}')" class="button lara-element-button">{{__('Filters')}}</button>
                            <div class="clear"></div>
                          </div>
                        </div>
                      </form>
                    </div>
                  </div>
			  @if(count($data['attribute'])>0)
                 @foreach ($data['attribute'] as $attributes)
                   @if($attributes->attribute != null)
                     @foreach ($attributes->attribute as $attribute)
                  <div  class="widget page-wrapper widget_layered_nav page-wrapper-widget-layered-nav">
                    <header class="widget-header">
                      <h3 class="widget-title">
                        <span>{{$attribute->title}}</span>
                        <svg viewBox="0 0 24 24">
                          <path d="M7.707 9.29l-1.414 1.414 5 5a1 1 0 001.414 0l5-5-1.414-1.414L12 13.583 7.707 9.29z"></path>
                        </svg>
                      </h3>
                    </header>
                    <div class="widget-content">
                      <ul class="page-wrapper-widget-layered-nav-list">
					  @foreach ($attribute->attrValues as $attrValues)
					   @if($attrValues->property != '' )
                        <li class="page-wrapper-widget-layered-nav-list__item wc-layered-nav-term ">
                          <a class="setin-has-swatches" rel="nofollow"  onclick="onFilterSearch('{{($data['category']!=null)?$data['category']->slug:$data['searchTX']}}')" >
						  <input id="attribute{{$attrValues->id}}" type="checkbox" class="checkbox swatches-box " name="attribute" value="{{$attrValues->id}}" style="background-color: {{$attrValues->property}}; width: 36px; height: 36px; border-radius: 50%;border: 2px solid #f0f0f1;" >
                             {{$attrValues->value}} </a>
                     
                        </li>
						 @else
                        <li class="page-wrapper-widget-layered-nav-list__item wc-layered-nav-term ">
                          <a  href="#" onclick="onFilterSearch('{{($data['category']!=null)?$data['category']->slug:$data['searchTX']}}')" >
                            <input id="attribute{{$attrValues->id}}" type="checkbox" class="checkbox" name="attribute" value="{{$attrValues->id}}" > {{$attrValues->value}} </a>
                           
                        </li>
						@endif
				     @endforeach
 
                      </ul>
                    </div>
                  </div>
				  @endforeach
                @endif
              @endforeach
           @endif
 
				   
                </div>
              </div>
            </div>
          </aside>
          <div class="col-12 col-lg-9 archive-product-main-content">
            <div class="products-head clearfix">
              <div class="page-wrapper-notices-wrapper"></div>
               
              <div class="ordering-wrapper">
                <div class="page-wrapper-result-count">{{$data['productCount']}}  {{__('Product')}}</div>
                <form class="page-wrapper-ordering" method="get">
                  <div class="orderby">
                    <div class="sorting-title">
                      <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                        <path fill-rule="evenodd" d="M6 15.793L3.707 13.5l-1.414 1.414 4 4a1 1 0 001.414 0l4-4-1.414-1.414L8 15.793V5H6v10.793zM22 5H10v2h12V5zm0 4H12v2h10V9zm0 4h-8v2h8v-2zm-6 4h6v2h-6v-2z" clip-rule="evenodd"></path>
                      </svg>
                      <span>{{__('Sort')}} :</span>
                    </div>
                    <div class="modal" id="orderby">
                      <div class="modal-dialog">
                        <header class="modal-header">
                          <strong class="modal-title">{{__('Sort')}} </strong>
                          <svg viewBox="0 0 24 24" class="close svg" style="display: none;">
                            <path fill-rule="evenodd" d="M18.364 7.05L16.95 5.636 12 10.586l-4.95-4.95L5.636 7.05l4.95 4.95-4.95 4.95 1.414 1.414 4.95-4.95 4.95 4.95 1.414-1.414-4.95-4.95 4.95-4.95z" clip-rule="evenodd"></path>
                          </svg>
                        </header>
                        <div class="modal-content setinco-titles">
						    <a id="SearchOrder1"  href="#" onclick="SearchOrder(this)" class="SearchOrder" value="1">{{__('Newest')}}</a>
                            <a id="SearchOrder2"  href="#" onclick="SearchOrder(this)" class="SearchOrder" value="2">{{__('Old')}}</a>
						    <a id="SearchOrder3"  href="#"  onclick="SearchOrder(this)" class="SearchOrder" value="3">{{__('Cheapest')}}</a>
                            <a id="SearchOrder4"   href="#"  onclick="SearchOrder(this)" class="SearchOrder" value="4">{{__('Expensive')}}</a>
                        </div>
                      </div>
                    </div>
                    <div class="filters modal-toggle" data-modal="filters">
                      <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                        <path fill-rule="evenodd" d="M5.17 6a3.001 3.001 0 005.66 0H22V4H10.83a3.001 3.001 0 00-5.66 0H2v2h3.17zM9 5a1 1 0 11-2 0 1 1 0 012 0zm7 10a3.001 3.001 0 01-2.83-2H2v-2h11.17a3.001 3.001 0 015.66 0H22v2h-3.17A3.001 3.001 0 0116 15zm1-3a1 1 0 11-2 0 1 1 0 012 0zM5.17 18H2v2h3.17a3.001 3.001 0 005.66 0H22v-2H10.83a3.001 3.001 0 00-5.66 0zM9 19a1 1 0 11-2 0 1 1 0 012 0z" clip-rule="evenodd"></path>
                      </svg>
                      <span>{{__('Filters')}}‌</span>
                    </div>
                    <div class="current-name modal-toggle" data-modal="orderby">
                      <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                        <path fill-rule="evenodd" d="M6 15.793L3.707 13.5l-1.414 1.414 4 4a1 1 0 001.414 0l4-4-1.414-1.414L8 15.793V5H6v10.793zM22 5H10v2h12V5zm0 4H12v2h10V9zm0 4h-8v2h8v-2zm-6 4h6v2h-6v-2z" clip-rule="evenodd"></path>
                      </svg>
                      <span>{{__('Sort')}}</span>
                    </div>
                  </div>
                  
                </form>
              </div>
 
            </div>
			@php $date = \Morilog\Jalali\Jalalian::now()->getTimestamp(); @endphp
           <ul class="products columns-4 columns-1200-{{$columns_1200}} columns-992-{{$columns_992}} columns-768-{{$columns_768}} columns-576-{{$columns_576}} columns-320-{{$columns_320}}">
			  
			@foreach($data['product'] as $product)
              <li class="product type-product  ">
 
	                   <a href="{{route('Front.products.index',$product->slug)}}"  class="page-wrapper-LoopProduct-link page-wrapper-loop-product__link">
				@if(sizeof($product->prices) >0)
					@if($product->prices[0]->discount_percent>0 and $product->prices[0]->time_discount==1 and $date < $product->prices[0]->end_date)
				<span class="onsale">{{__('Special Sale')}}</span>
			 @endif
			  @endif
                   <img width="150" height="150" src="/File/product/150_150/{{$product->image}}" class="attachment-page-wrapper_thumbnail size-page-wrapper_thumbnail" alt="{{$product->title}}" decoding="async" loading="lazy" srcset="/File/product/150_150/{{$product->image}} 150w, /File/product/300_300/{{$product->image}} 300w, /File/product/768_768/{{$product->image}} 768w,/File/product/600_600/{{$product->image}} 600w, /File/product/64_64/{{$product->image}} 64w, /File/product/{{$product->image}} 800w" sizes="(max-width: 150px) 100vw, 150px" />
                  <h2 class="page-wrapper-loop-product__title">{{$product->title}}</h2>
				  @if(sizeof($product->prices) >0)
                       <div class="stock-rating">
                         <div class="stock">
					   <img src="/File/default/svg/stock.svg" alt="{{__('Available In Stock')}}" >  
                           <span>{{__('Available In Stock')}} </span>
                         </div>
                       </div>
				  @else
				  <div class="stock-rating">
                         <div class="stock">
					   <img src="/File/default/svg/stock.svg" alt="{{__('Not Available In Stock')}}" >  
                           <span>{{__('Not Available In Stock')}}</span>
                         </div>
                       </div>
				  @endif
				   <div class="price">
				   @if(sizeof($product->prices) >0)
					   
                    <div class="price">
                    @if($product->prices[0]->discount_percent>0 and $product->prices[0]->time_discount==1 and $date < $product->prices[0]->end_date)
                          <span class="discount">{{$product->prices[0]->discount_percent}}%</span>
                      @endif
					 @if($product->prices[0]->discount_percent>0 and $product->prices[0]->time_discount==1 and $date < $product->prices[0]->end_date)
                      <del aria-hidden="true">
                        <span class="page-wrapper-Price-amount amount">
                          <bdi>{{fnumber_format($product->prices[0]->price)}} &nbsp; <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                          </bdi>
                        </span>
                      </del>
                      <ins>
                        <span class="page-wrapper-Price-amount amount">
                          <bdi>{{fnumber_format(PriceCalculation($product->prices[0]->price,$product->prices[0]->discount_percent))}} &nbsp; <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                          </bdi>
                        </span>
                      </ins>
					  @else
					  <ins>
                        <span class="page-wrapper-Price-amount amount">
                          <bdi>{{fnumber_format($product->prices[0]->price)}} &nbsp; <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                          </bdi>
                        </span>
                      </ins>  
					  @endif
                    </div>
					@else
						 <div class="price"> <span class="page-wrapper-Price-amount amount"> {{__('Call To Get The Price')}} </span></div>
					@endif
                  </div>
				   @if(sizeof($product->prices) >0)
					  @if($product->prices[0]->time_discount==1 and isset($settings['time_discount']) and $settings['time_discount']==1 and $date < $product->prices[0]->end_date)
					      <div class="countdown-timer "  data-date="{{$product->prices[0]->end_date}}" ></div>
				    @endif	  
				    @endif	  
                </a>  
 
	    		 <div class="product--actions">
				  @if(isset($settings['quick_purchase']) and $settings['quick_purchase']==1)
                   <div class="action-item add2cart" title="{{__('Add To Cart')}}" data-toggle="jTippy" data-position="right" data-id="{{$product->id}}" data-variation-id="0">
	    		     <img src="/File/default/svg/cart-2.svg" alt="{{__('Add To Cart')}}">
                   </div>
				   @endif
                   <div class="action-item add-favorites " title="{{__('Favorites')}}" data-toggle="jTippy" data-position="right" data-id="{{$product->id}}">
				   <a href="{{route('Front.storeFavorits',$product->id)}}" >
				 
	    		   <img src="/File/default/svg/favorites-2.svg" alt="{{__('Favorites')}}" >
	               </a>
                   </div>
                   <div class="action-item add-compare " title="{{__('Compare')}}"  data-toggle="jTippy" data-position="right" data-id="{{$product->id}}">
				   <a href="{{route('Front.compares.index',$product->id)}}" >
	    		    <img src="/File/default/svg/compare-2.svg" alt="{{__('Compare')}}">
					</a>
                   </div>
				    @if(isset($settings['quick_view']) and $settings['quick_view']==1)
				     @php 
         if (sizeof($product->prices)>0) {
            if ($product->prices[0]->AttributeValue != null) {
                $attributeTitle = $product->prices[0]->AttributeValue->attribute->title . ' : ';
                $attributeId = $product->prices[0]->AttributeValue->attribute->id;
            } else {
                $attributeTitle = '';
                $attributeId = 0;
            }
        } else {
            $attributeTitle = '';
            $attributeId = 0;
        }
 @endphp
	  @php $tags=explode(',',$product->keywords); $tagsAll='';@endphp
	  @php $arrayAttributes_list=[];@endphp
    @if(isset($product->short_description) and  $product->short_description !=null)
        @php
            $arrayAttributes_list=json_decode($product->short_description);
        @endphp
    @endif
	                
                          <div class="action-item modals-toggle quick-view"  title="{{__('Quick View')}}"  data-toggle="jTippy" data-position="right" data-modal="quick-view" data-id="{{$product->id}}" data-variation-id="{{$product->id}}" data-slug="{{route('Front.products.index',$product->slug)}}" data-image="/File/product/300_300/{{$product->image}}" data-category="{{$product->categorys->title}}"data-categoryslug="{{$product->categorys->slug}}" data-brand="{{$product->brands->title}}" data-title="{{$product->title}}" 
						  data-tag="@foreach($tags as $tage)<a href='#' rel='tag' > {{$tage}} </a>, @endforeach" data-attributes="@if($arrayAttributes_list!=null) @foreach($arrayAttributes_list as $key => $itemattr)<div class='attribute'> {!! $arrayAttributes_list[$key] !!}</div> @endforeach @endif" data-price="@if(count($product->prices)>0) <form class='variations_form cart' action='{{route('Front.carts.insertCart')}}'  method='post' enctype='multipart/form-data' data-product_id='0-{{$product->id}}'>  <input type='hidden'  name='_token' value='{{csrf_token()}}'>  <table class='variations' cellspacing='0'> <tbody> <tr class='attribute-pa_color'>  <th class='label'>  <label for='pa_color'>{{$attributeTitle}}</label>  </th> <td class='value'> @php $i=0;@endphp  @foreach($product->prices as $price)  @if($price->AttributeValue!=null) @if($i==0)  @php $checked='checked';@endphp  @php $btnActive='btn-active';@endphp @else @php $checked='';@endphp   @php $btnActive='no-active';@endphp  @endif @if(isset($price->AttributeValue->property) and $price->AttributeValue->property!= '' ) <div class='variation-item variation-swatches AttrPrice0-{{$product->id}}'  onclick='priceValueModal(0,{{$product->id}},{{$price->attribute_value_id}},{{$price->id}})'> <input type='radio' name='attributeValue'  id='attribute_value0-{{$product->id}}-{{$price->attribute_value_id}}' {{$checked}} value='{{$price->attribute_value_id}},{{$attributeId}}' >  <label data-toggle='jTippy' data-position='top'  title='{{$price->AttributeValue->value}}' for='attribute_value0-{{$product->id}}-{{$price->attribute_value_id}}' style='border-radius: 22px'> <span class='circle' style='display: inline-flex; align-items: center; justify-content: center; background-color: {{$price->AttributeValue->property}}; width: 36px; height: 36px; padding: 0; border-radius: 50%;'> <svg viewBox='0 0 24 24' class='svg' style='display: none;'> <path d='M9.5 15.586l9.293-9.293 1.414 1.414-10 10a1 1 0 01-1.414 0l-4.5-4.5 1.414-1.414L9.5 15.586z'></path>  </svg> </span> <span class='title'>{{$price->AttributeValue->value}}</span> </label> </div> @else  <div class='variation-item variation-swatches AttrPrice0-{{$product->id}}'  onclick='priceValueModal(0,{{$product->id}},{{$price->attribute_value_id}},'{{$price->id}})'> <input type='radio' name='attributeValue'  id='attribute_value0-{{$product->id}}-{{$price->attribute_value_id}}' {{$checked}} value='{{$price->attribute_value_id}},{{$attributeId}}' >  <label data-toggle='jTippy' data-position='top' title='{{$price->AttributeValue->value}}' for='attribute_value0-{{$product->id}}-{{$price->attribute_value_id}}' style='border-radius: 22px'>  <span class='circle' style='display: inline-flex; align-items: center; justify-content: center;height: 36px; padding: 0 8px; border-radius: 50%;'> {{$price->AttributeValue->value}}  </span>  </label> </div> @endif  @endif @php $i++;@endphp  @endforeach  </td> </tr>  </tbody>  </table> <div class='single_variation_wrap'>  <div class='page-wrapper-variation single_variation'> <div class='page-wrapper-variation-description'></div>  <div class='page-wrapper-variation-price'> <span class='price'  > @php $i=0;@endphp  @foreach($product->prices as $price) @if($i==0)  @php $d_none='block';@endphp  @else @php $d_none='none';@endphp  @endif <div class='price priceHide-0-{{$product->id}}' id='0-{{$product->id}}-{{$price->attribute_value_id}}' style='display:{{$d_none}}'> <input id='price_id-0-{{$product->id}}-{{$price->attribute_value_id}}-{{$price->id}}' type='hidden' name='price_id{{$price->attribute_value_id}}' value='{{$price->id}}' >  @if($price->discount_percent>0) <span class='discount'>{{$price->discount_percent}}%</span>  <del aria-hidden='true'> <span class='page-wrapper-Price-amount amount'> <bdi>{{fnumber_format($price->price)}}&nbsp; <span class='page-wrapper-Price-currencySymbol'>{{$prefix}}</span>  </bdi> </span> </del>  <ins> <span class='page-wrapper-Price-amount amount'> <bdi> {{fnumber_format(PriceCalculation($price->price,$price->discount_percent))}} &nbsp; <span class='page-wrapper-Price-currencySymbol'>{{$prefix}}</span>  </bdi> </span> </ins> @else 	 <ins>   <span class='page-wrapper-Price-amount amount'>  <bdi> {{fnumber_format($price->price)}} &nbsp; <span class='page-wrapper-Price-currencySymbol'>{{$prefix}}</span> </bdi>  </span>  </ins>  @endif   </div>  @php $i++;@endphp  @endforeach  </span>  </div>  <div class='page-wrapper-variation-availability'></div> </div> @if(sizeof($product->prices)>0)  <div class='page-wrapper-variation-add-to-cart variations_button'> <div class='add2cart-wrapper'>  <div class='quantity-holder'> <label class='screen-reader-text' for='quantity{{$product->id}}'>{{$product->title}}</label> <span class='decrease-qty decrease--qty'>-</span> <input type='number' id='quantity{{$product->id}}' class='input-text qty text' step='1' min='1' max='' name='quantity' value='1' title='{{__('Count')}}' size='4' placeholder='' inputmode='numeric' autocomplete='off' /> <span class='increase-qty increase--qty'>+</span>  </div>  <button type='submit' class='single_add_to_cart_button button alt lara-element-button'>+</button> </div> <input type='hidden' name='add-to-cart' value='{{$product->id}}' /> <input type='hidden' name='product_id' value='{{$product->id}}' /> </div> @endif </div> </form> @endif" >
						    <img src="/File/default/svg/view-2.svg">
	  
                          </div>
						  @endif
                 </div>
				 @if(isset($settings['quick_purchase']) and $settings['quick_purchase']==1)
                <div class="add2cart--wrapper">
                  <div class="close">
                    <img src="/File/default/svg/close.svg"> 
                    <span>{{__('Close')}}</span>
                  </div>

                  
                           <div class="content">
                             <div id="product-1-{{$product->id}}" class="product-quick-cart product type-product  ">
							  @if(count($product->prices)>0)
                               <div class="summary entry-summary">
                                 <form class="variations_form cart" action="{{route('Front.carts.insertCart')}}"  method="post" enctype="multipart/form-data" data-product_id="1-{{$product->id}}">
								  @csrf
                                   <table class="variations" cellspacing="0">
                                     <tbody>
                                       <tr class="attribute-pa_color">
                                         <th class="label">
                                           <label >{{$attributeTitle}}</label>
                                         </th>
                                         <td class="value">
 
						                 @php $i=0;@endphp
                                             @foreach($product->prices as $price)
											
                                                @if($price->AttributeValue!=null)
                                                     @if($i==0)
                                                         @php $checked='checked';@endphp
                                                         @php $btnActive='btn-active';@endphp
                                                     @else
                                                         @php $checked='';@endphp
                                                         @php $btnActive='no-active';@endphp
                                                     @endif
                                              @if(isset($price->AttributeValue->property) and $price->AttributeValue->property!= '' )
							                <div class="variation-item variation-swatches AttrPrice1-{{$product->id}}"  onclick="priceValue('1','{{$product->id}}','{{$price->attribute_value_id}}','{{$price->id}}')">
                                             <input type="radio" name="attributeValue"  id="attribute_value1-{{$product->id}}-{{$price->attribute_value_id}}" {{$checked}} value="{{$price->attribute_value_id}},{{$attributeId}}" >
                                                 <label data-toggle="jTippy" data-position="top"  title="{{$price->AttributeValue->value}}" for="attribute_value1-{{$product->id}}-{{$price->attribute_value_id}}" style="border-radius: 22px">
							                	
                                                   <span class="circle" style="display: inline-flex; align-items: center; justify-content: center; background-color: {{$price->AttributeValue->property}}; width: 36px; height: 36px; padding: 0; border-radius: 50%;">
                                                     <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                                                       <path d="M9.5 15.586l9.293-9.293 1.414 1.414-10 10a1 1 0 01-1.414 0l-4.5-4.5 1.414-1.414L9.5 15.586z"></path>
                                                     </svg>
                                                   </span>
							                	
                                                   <span class="title">{{$price->AttributeValue->value}}</span>
                                                 </label>
                                               </div>
										   
                                    	@else
							              <div class="variation-item variation-swatches AttrPrice1-{{$product->id}}"  onclick="priceValue('1','{{$product->id}}','{{$price->attribute_value_id}}','{{$price->id}}')">
                                            <input type="radio" name="attributeValue"  id="attribute_value1-{{$product->id}}-{{$price->attribute_value_id}}" {{$checked}} value="{{$price->attribute_value_id}},{{$attributeId}}" >
                                            <label data-toggle="jTippy" data-position="top" title="{{$price->AttributeValue->value}}" for="attribute_value1-{{$product->id}}-{{$price->attribute_value_id}}" style="border-radius: 22px">
                                             <span class="circle" style="display: inline-flex; align-items: center; justify-content: center;height: 36px; padding: 0 8px; border-radius: 50%;">
                                                {{$price->AttributeValue->value}}
                                              </span>
                                            </label>
                                          </div>
									@endif
								    @endif
                                    @php $i++;@endphp
                                   @endforeach
                                         </td>
                                       </tr>
                                     </tbody>
                                   </table>
                                   <div class="single_variation_wrap">
                                     <div class="page-wrapper-variation single_variation">
                                       <div class="page-wrapper-variation-description"></div>
                                       <div class="page-wrapper-variation-price">
                                           <span class="price"  >
					             	   @php $i=0;@endphp
                                       @foreach($product->prices as $price)
                                           @if($i==0)
                                               @php $d_none='block';@endphp
                                           @else
                                               @php $d_none='none';@endphp
                                           @endif
                                             <div class="price priceHide-1-{{$product->id}}" id="1-{{$product->id}}-{{$price->attribute_value_id}}" style="display:{{$d_none}}">
					             			 <input id="price_id-1-{{$product->id}}-{{$price->attribute_value_id}}-{{$price->id}}" type="hidden" name="price_id{{$price->attribute_value_id}}" value="{{$price->id}}" >
					             			 @if($price->discount_percent>0)
                                               <span class="discount">{{$price->discount_percent}}%</span>
                                               <del aria-hidden="true">
                                                 <span class="page-wrapper-Price-amount amount">
                                                   <bdi>{{fnumber_format($price->price)}}&nbsp; <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                                   </bdi>
                                                 </span>
                                               </del>
                                               <ins>
                                                 <span class="page-wrapper-Price-amount amount">
                                                   <bdi> {{fnumber_format(PriceCalculation($price->price,$price->discount_percent))}} &nbsp; <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                                   </bdi>
                                                 </span>
                                               </ins>
					             			   @else
					             				 <ins>
                                                 <span class="page-wrapper-Price-amount amount">
                                                   <bdi> {{fnumber_format($price->price)}} &nbsp; <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                                                   </bdi>
                                                 </span>
                                               </ins>
					             			   @endif
                                             </div>
			                           @php $i++;@endphp
                                        @endforeach
                                           </span>
                                       </div>
                                       <div class="page-wrapper-variation-availability"></div>
                                     </div>
									 @if(sizeof($product->prices)>0)
                                     <div class="page-wrapper-variation-add-to-cart variations_button">
                                       <div class="add2cart-wrapper">
                                         <div class="quantity-holder">
                                           <label class="screen-reader-text" for="quantity">{{$product->title}}</label>
                                           <span class="decrease-qty decrease--qty">-</span>
										    <input type="number" id="quantity" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" title="{{__('Count')}}" size="4" placeholder="" inputmode="numeric" autocomplete="off" />
                                           <span class="increase-qty increase--qty">+</span>
                                         </div>
                                         <button type="submit" class="single_add_to_cart_button button alt lara-element-button">+</button>
                                       </div>
                                       <input type="hidden" name="add-to-cart" value="{{$product->id}}" />
                                       <input type="hidden" name="product_id" value="{{$product->id}}" />
                                     </div>
									 @endif
                                   </div>
                                 </form>
                               </div>
							    @endif
                             </div>
                           </div>
                </div>
				@endif
			    <div class="second-img">
				   <a href="{{route('Front.products.index',$product->slug)}}">
                   <img width="150" height="150" src="/File/product/150_150/{{$product->image}}" class="attachment-page-wrapper_thumbnail size-page-wrapper_thumbnail" alt="{{$product->title}}" decoding="async" loading="lazy" srcset="/File/product/150_150/{{$product->image}} 150w, /File/product/300_300/{{$product->image}} 300w, /File/product/768_768/{{$product->image}} 768w,/File/product/600_600/{{$product->image}} 600w, /File/product/64_64/{{$product->image}} 64w, /File/product/{{$product->image}} 800w" sizes="(max-width: 150px) 100vw, 150px" />
                   </a>
                 </div>
 
              </li>
			  @endforeach
			   
			   
            </ul>
 					 					
                    <div class="pagination category-pagination text-center setinco-box-shadow">
                        <div class="pagination-border">
                            @if ($paginator->lastPage() > 1)
                                <ul class="pagination pagination-sm dir-rtl justify-content-center px-0">
                                    <li class=" page-numbers {{$dir}}-chevron-left {{ ($paginator->currentPage() == 1) ? ' disabled' : '' }}">
                                        <a href="{{ $paginator->url(1) }}"><img src="/File/default/svg/chevron.svg" class="svg"></a>
                                    </li>
                                    @for ($i = 1; $i <= $paginator->lastPage(); $i++)