@extends('Layouts.frontLayout',['classBody'=>"page-wrapper page-wrapper-page  container-max-width show-bottom-nav sticky-tabs"])
@section('title')
  {{$data['product']->title}}
@endsection
@section('metaData')
    <meta itemprop="name" content="{{$data['product']->categorys->title}}">
    <meta name="image" content="{{$data['product']->image}}">
    <meta name="product_id" content="{{$data['product']->id}}">
    <meta name="product_available" content="@if(sizeof($data['product']->prices) >0){{1}}@else{{0}}@endif">
    <meta name="product_category" content="@if ($data['product']->categorys) @foreach ($data['product']->categorys->parents() as $parent) {{ $parent->title }},@endforeach {{ $data['product']->categorys->title }} @endif">
   <meta name="product_image" content="{{url('/')}}/File/product/{{$data['product']->image}},@foreach($data['images'] as $images){{url('/')}}/File/product/{{$images->image}}, @endforeach"> 
    @if(count($data['prices'])>0)
    <meta name="product_guarantee" content="{{$data['prices'][0]->guarantee}}">
    <meta name="product_price" content="{{$data['prices'][0]->price}}">
    <meta name="product_off" content="{{$data['prices'][0]->discount_percent}}">
	@else
	<meta name="product_price" content="0">
    <meta name="product_off" content="0">
	<meta name="product_guarantee" content="">
	@endif
    <meta name="product_title" content="{{$data['product']->title}}">

    <meta name="description" content="{{$data['product']->title}}">
    <meta name="product_name" content="{{$data['product']->title}}">
    <meta property="og:image" content="{{url('/')}}/File/product/{{$data['product']->image}}">
	<meta name="meta_title" content="{{(isset($data['product']->meta_data->meta_title) and $data['product']->meta_data->meta_title!="")?$data['product']->meta_data->meta_title:''}}">
   <meta name="meta_tags" content="{{(isset($data['product']->meta_data->meta_tags) and $data['product']->meta_data->meta_tags!="")?$data['product']->meta_data->meta_tags:''}}">
    <meta name="meta_description" content="{{(isset($data['product']->meta_data->meta_description) and $data['product']->meta_data->meta_description!="")?$data['product']->meta_data->meta_description:''}}">
    <meta property="og:url"content="{{url()->current()}}" >
    <meta property="og:type"content="{{(isset($data['product']->meta_data->facebook_meta_data) and $data['product']->meta_data->facebook_meta_data!="")?$data['product']->meta_data->facebook_meta_data:''}}" >
    <meta property="og:title"content="{{(isset($data['product']->meta_data->meta_title) and $data['product']->meta_data->meta_title!="")?$data['product']->meta_data->meta_title:''}}" >
    <meta property="og:description"content="{{(isset($data['product']->meta_data->facebook_meta_description) and $data['product']->meta_data->facebook_meta_description!="")?$data['product']->meta_data->facebook_meta_description:''}}" >
    <meta property="og:image"content="{{url('/')}}/{{(isset($data['product']->meta_data->facebook_meta_image) and $data['product']->meta_data->facebook_meta_image!="")?$data['product']->meta_data->facebook_meta_image:''}}">
    <meta name="twitter:card" content="{{(isset($data['product']->meta_data->twitter_meta_data) and $data['product']->meta_data->twitter_meta_data!="")?$data['product']->meta_data->twitter_meta_data:''}}" >
    <meta name="twitter:site" content="{{url()->current()}}" >
    <meta name="twitter:title" content="{{(isset($data['product']->meta_data->meta_title) and $data['product']->meta_data->meta_title!="")?$data['product']->meta_data->meta_title:''}}" >
    <meta name="twitter:description" content=" {{(isset($data['product']->meta_data->twitter_meta_description) and $data['product']->meta_data->twitter_meta_description!="")?$data['product']->meta_data->twitter_meta_description:''}}">
    <meta name="twitter:image" content="{{url('/')}}/{{(isset($data['product']->meta_data->twitter_meta_image) and $data['product']->meta_data->twitter_meta_image!="")?$data['product']->meta_data->twitter_meta_image:''}}">
@endsection
@section('css')
 
     <link rel="stylesheet" href="{{ asset('Front/assets/css/photoswipe.min.css') }}" type="text/css" media="all" />
     <link rel="stylesheet" href="{{ asset('Front/assets/css/default-skin.min.css') }}" type="text/css" media="all" />
 
@endsection

@section('content')
 	   @php 
         $Points=0;
         $PointsSum=0;
         $PointsRecommend=[];
         if(count($data['comments']) !=0) {
             $PointsSum = $data['comments']->sum('rating');
             $PointsRecommend = $data['comments']->where('recommend',0);
             $Points=$PointsSum/count($data['comments']);
         }
 	   @endphp
     <main id="main">
       <div class="container container-single-product">
         <nav class="page-wrapper-breadcrumb breadcrumb">
           <a href="/">{{__('Home')}}</a>&nbsp;&#47;&nbsp; 
		 @if ($data['product']->categorys)
              @foreach ($data['product']->categorys->parents() as $parent)
                  <a href="{{ route('Front.searchs.index',$parent->slug) }}">{{ $parent->title }}</a>&nbsp;&#47;&nbsp; 
              @endforeach
                   <a href="{{ route('Front.searchs.index',$data['product']->categorys->slug) }}">{{ $data['product']->categorys->title }}</a>&nbsp;&#47;&nbsp; 
         @endif
		 {{$data['product']->title}}
 
         </nav>
		 @php $date = \Morilog\Jalali\Jalalian::now()->getTimestamp(); @endphp
         <div class="page-wrapper-notices-wrapper"></div>
         <div  class="product type-product ">
           <div class="product-columns row">
             <div class="column-image col-12 col-lg-4 col-xl-5">
               <div class="onsale-holder">
              	  @if(sizeof($data['product']->prices) >0)
			         @if($data['product']->prices[0]->discount_percent>0 and $data['product']->prices[0]->time_discount==1 and $date < $data['product']->prices[0]->end_date)
			        	<span class="onsale">{{__('Special Sale')}}</span>
					 <div class="countdown-timer " data-date="{{$data['product']->prices[0]->end_date}}"></div>
			         @endif
			    @endif
               </div>
               <div class="page-wrapper-product-gallery page-wrapper-product-gallery--with-images page-wrapper-product-gallery--columns-4 images" data-columns="4" >
			  
                 <figure class="page-wrapper-product-gallery__wrapper">
				 @if(count($data['productAttribute'])>0)
					 @if($data['productAttribute'][0]->attributeValue!=null)
					 @if(isset($data['productAttribute'][0]->image)) 
					  <div data-thumb="/Files/product/64_64/{{$data['productAttribute'][0]->image}}" data-thumb-alt="{{$data['product']->title}}" class="page-wrapper-product-gallery__image" id="lara-post-imagethumb">
                     <a href="/Files/product/{{$data['productAttribute'][0]->image}}" id="lara-post-imagehref">
                       <img width="600" height="600" src="/File/product/600_600/{{$data['productAttribute'][0]->image}}" id="lara-post-image" class="lara-post-image" alt="{{$data['product']->title}}" decoding="async" loading="lazy" title="{{$data['product']->title}}" data-caption="" data-src="/File/product/{{$data['productAttribute'][0]->image}}" data-large_image="/File/product/{{$data['productAttribute'][0]->image}}" data-large_image_width="800" data-large_image_height="800" srcset="/File/product/600_600/{{$data['productAttribute'][0]->image}} 600w, /File/product/300_300/{{$data['productAttribute'][0]->image}} 300w, /File/product/150_150/{{$data['productAttribute'][0]->image}} 150w, /File/product/768_768/{{$data['productAttribute'][0]->image}} 768w, /File/product/64_64/{{$data['productAttribute'][0]->image}} 64w, /File/product/{{$data['productAttribute'][0]->image}} 800w" sizes="(max-width: 600px) 100vw, 600px" />
                     </a>
                   </div>
                  @else
                   <div data-thumb="/Files/product/64_64/{{$data['product']->image}}" data-thumb-alt="{{$data['product']->title}}" class="page-wrapper-product-gallery__image" id="lara-post-imagethumb">
                     <a href="/Files/product/{{$data['product']->image}}" id="lara-post-imagehref">
                       <img width="600" height="600" src="/File/product/600_600/{{$data['product']->image}}" id="lara-post-image" class="lara-post-image" alt="{{$data['product']->title}}" decoding="async" loading="lazy" title="{{$data['product']->title}}" data-caption="" data-src="/File/product/{{$data['product']->image}}" data-large_image="/File/product/{{$data['product']->image}}" data-large_image_width="800" data-large_image_height="800" srcset="/File/product/600_600/{{$data['product']->image}} 600w, /File/product/300_300/{{$data['product']->image}} 300w, /File/product/150_150/{{$data['product']->image}} 150w, /File/product/768_768/{{$data['product']->image}} 768w, /File/product/64_64/{{$data['product']->image}} 64w, /File/product/{{$data['product']->image}} 800w" sizes="(max-width: 600px) 100vw, 600px" />
                     </a>
                   </div>
					 @endif
					 @endif
				 @else 
                   <div data-thumb="/Files/product/64_64/{{$data['product']->image}}" data-thumb-alt="{{$data['product']->title}}" class="page-wrapper-product-gallery__image" id="lara-post-imagethumb">
                     <a href="/Files/product/{{$data['product']->image}}" id="lara-post-imagehref">
                       <img width="600" height="600" src="/File/product/600_600/{{$data['product']->image}}" id="lara-post-image" class="lara-post-image" alt="{{$data['product']->title}}" decoding="async" loading="lazy" title="{{$data['product']->title}}" data-caption="" data-src="/File/product/{{$data['product']->image}}" data-large_image="/File/product/{{$data['product']->image}}" data-large_image_width="800" data-large_image_height="800" srcset="/File/product/600_600/{{$data['product']->image}} 600w, /File/product/300_300/{{$data['product']->image}} 300w, /File/product/150_150/{{$data['product']->image}} 150w, /File/product/768_768/{{$data['product']->image}} 768w, /File/product/64_64/{{$data['product']->image}} 64w, /File/product/{{$data['product']->image}} 800w" sizes="(max-width: 600px) 100vw, 600px" />
                     </a>
                   </div>
				   @endif
                   <div class="gallery-thumbs">
				   @php $k=0;@endphp
				    @foreach($data['images'] as $images)
					@if($k<4)
                      <div class="thumb-item modal-toggle" data-modal="gallery-thumbs" data-src="{{$images->image}}">
					     <img width="64" height="64" src="/File/product/64_64/{{$images->image}}" class="attachment-page-wrapper_gallery_thumbnail size-page-wrapper_gallery_thumbnail" alt="{{$data['product']->title}}" decoding="async" loading="lazy" srcset="/File/product/64_64/{{$images->image}} 64w, /File/product/300_300/{{$images->image}} 300w,/File/product/150_150/{{$images->image}} 150w, /File/product/768_768/{{$images->image}} 768w, /File/product/600_600/{{$images->image}} 600w, /File/product/{{$images->image}} 800w" sizes="(max-width: 64px) 100vw, 64px" />
                     </div>
					 @endif
					  @php $k++;@endphp
					 @endforeach
					 @php $k=0;@endphp
					 @foreach($data['productAttribute'] as $Attribute )
					  @if($Attribute->attributeValue!=null)
					 @if(isset($Attribute->image))
						 @if($k<4)
					  <div class="thumb-item modal-toggle" data-modal="gallery-thumbs" data-src="{{$Attribute->image}}">
					     <img width="64" height="64" src="/File/product/64_64/{{$Attribute->image}}" class="attachment-page-wrapper_gallery_thumbnail size-page-wrapper_gallery_thumbnail" alt="{{$data['product']->title}}" decoding="async" loading="lazy" srcset="/File/product/64_64/{{$Attribute->image}} 64w, /File/product/300_300/{{$Attribute->image}} 300w,/File/product/150_150/{{$Attribute->image}} 150w, /File/product/768_768/{{$Attribute->image}} 768w, /File/product/600_600/{{$Attribute->image}} 600w, /File/product/{{$Attribute->image}} 800w" sizes="(max-width: 64px) 100vw, 64px" />
                     </div>
					  @endif
					  @php $k++;@endphp
					 @endif
					 @endif
					 @endforeach
                     <div class="thumb-item thumb-item-more modal-toggle" data-modal="gallery-thumbs">
                       <img width="64" height="64" src="/File/product/64_64/{{$data['product']->image}}" class="attachment-page-wrapper_gallery_thumbnail size-page-wrapper_gallery_thumbnail" alt="{{$data['product']->title}}" decoding="async" loading="lazy" srcset="/File/product/64_64/{{$data['product']->image}} 64w, /File/product/300_300/{{$data['product']->image}} 300w,/File/product/150_150/{{$data['product']->image}} 150w, /File/product/768_768/{{$data['product']->image}} 768w, /File/product/600_600/{{$data['product']->image}} 600w, /File/product/{{$data['product']->image}} 800w" sizes="(max-width: 64px) 100vw, 64px" />
                       <svg viewBox="0 0 24 24">
                         <path fill-rule="evenodd" d="M16 12c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2zm-4-2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-8 2c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2z" clip-rule="evenodd"></path>
                       </svg>
                     </div>
                   </div>
                   <div class="single-product-actions">
					  @if($data['favorite']>0)
                        <div class="action-item add-favorites " title="{{__('Favorites')}}" data-toggle="jTippy" data-position="left">
					       <a onclick="deleteRecord('{{route('Front.deleteProduct',$data['product']->id)}}')" >
						  <img src="/File/default/svg/favoritesActive.svg" alt="{{__('Favorites')}}">  
						  </a>
                        </div>
						@else
					    <div class="action-item add-favorites " title="{{__('Favorites')}}" data-toggle="jTippy" data-position="left">
					      <a href="{{route('Front.storeFavorits',$data['product']->id)}}">
						  <img src="/File/default/svg/favorites.svg" alt="{{__('Favorites')}}"> 
                           </a>						  
                        </div>
						 @endif
                         <div class="action-item sharing modal-toggle" data-modal="product-sharing" title="{{__('Share')}}" data-toggle="jTippy" data-position="left">
                          <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                            <path d="M15.917 14.16l-6.94 3.47a3 3 0 11-.895-1.789l6.94-3.47a3.021 3.021 0 010-.742l-6.94-3.47a3 3 0 11.895-1.789l6.94 3.47a3 3 0 110 4.319z"></path>
                          </svg>
                        </div>
                        <div class="action-item add-compare " title="{{__('Compare')}}" data-toggle="jTippy" data-position="left" data-id="495">
						<a href="{{route('Front.compares.index',$data['product']->id)}}">
						<img src="/File/default/svg/compare.svg">
						</a>
                        </div>
                   </div>
                 </figure>
               </div>
               <div class="sku-wrapper">
                 <span>{{__('Code')}} : </span>
                 <span>{{$data['product']->code}}</span>
               </div>
             </div>
             <div class="column-summary col-12 col-lg-8 col-xl-7">
               <div class="summary entry-summary">
                 <h1 class="product_title entry-title">{{$data['product']->title}}</h1>
                 <div class="summary-columns">
                   <div class="column-description">
                     <div class='en-title'>
                       <span>{{$data['product']->english_title}}</span>
                     </div>
                      <div class="product-rating">
                       <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                         <path d="M11.98 2.1a.455.455 0 00-.414.315L9.426 9.05l-6.97-.014a.455.455 0 00-.268.823l5.648 4.087-2.169 6.628a.455.455 0 00.7.509L12 16.973l5.634 4.11a.455.455 0 00.7-.509l-2.169-6.628 5.648-4.087a.455.455 0 00-.267-.823l-6.97.014-2.144-6.635a.455.455 0 00-.451-.315z"></path>
                       </svg>
                       <div class="average">
                         <span>{{$Points}}</span>
                         <span>({{ $PointsSum}})</span>
                       </div>
                       <span class="separator"></span>
                       <a href="#reviews" class="page-wrapper-review-link reviews" rel="nofollow"> {{count($data['comments'])}} {{__('Reviews')}}</a>
                     </div>
                     <div class="recommended">
                       <svg viewBox="0 0 24 24" class="thumbs svg" style="display: none;">
                         <path fill-rule="evenodd" d="M7.5 8l3.15-4.2a4.5 4.5 0 013.6-1.8 2.483 2.483 0 012.449 2.89L16.18 8h2.424a3 3 0 012.951 3.537l-.974 5.357A5 5 0 0115.661 21h-6.55c-.148 0-.294-.033-.428-.096l-.824-.39A1 1 0 017 21H3a1 1 0 01-1-1V9a1 1 0 011-1h4.5zm.5 2v8.367L9.336 19h6.326a3 3 0 002.951-2.463l.974-5.358A1 1 0 0018.603 10H15a1 1 0 01-.986-1.164l.712-4.274A.482.482 0 0014.25 4a2.5 2.5 0 00-2 1L8.8 9.6a1 1 0 01-.8.4zm-2 0H4v9h2v-9z" clip-rule="evenodd"></path>
                       </svg>
                       <span>{{count($PointsRecommend)}} {{__('Customer Has Recommended This Product')}} </span>
                       <span title="{{__('Buyers Of Goods Share Their Shopping Experience With Users By Choosing One Of The Options Of Offer Or No Offer.')}}" data-toggle="jTippy" data-position="top">
                         <svg viewBox="0 0 24 24" class="info svg" style="display: none;">
                           <path fill-rule="evenodd" d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm18 0a8 8 0 11-16 0 8 8 0 0116 0zm-10-2h3v7h-2v-5h-1v-2zm3-2a1 1 0 10-2 0 1 1 0 002 0z" clip-rule="evenodd"></path>
                         </svg>
                       </span>
                     </div>
				 @if(isset($settings['show_category_brand']) and $settings['show_category_brand']==1)
                     <div class="product_meta">
                       <span class="posted_in">{{__('Category')}} : 
					     @if ($data['product']->categorys)
                            @foreach ($data['product']->categorys->parents() as $parent)
                                <a href="{{ route('Front.searchs.index',$parent->slug) }}" rel="tag" >{{ $parent->title }}</a>, 
                            @endforeach
                            <a href="{{ route('Front.searchs.index',$data['product']->categorys->slug) }}">{{ $data['product']->categorys->title }}</a> 
                        @endif
                       </span>
                       <span class="tagged_as">{{__('Tags')}} : 					    
      					   @php $tags=explode(',',$data['product']->keywords); @endphp
                               @foreach($tags as $tage)
                              <a href="#"  rel="tag" >{{$tage}}</a>,
                              @endforeach
                       </span>
                       <span class="brands">{{__('Brand')}} : <a href="#"> {{$data['product']->brands->title}}</a>
                       </span>
                     </div>
					 @endif
                     <div class="short-attributes">
                       <strong class="title">{{__('Attributes')}}</strong>
                       <div class="attributes" data-showmore="1">
                   @php $arrayAttributes_list=[];@endphp
                     @if(isset($data['product']->short_description) and  $data['product']->short_description !=null)
                         @php
                             $arrayAttributes_list=json_decode($data['product']->short_description);
                         @endphp
                     @endif
                   	@if($arrayAttributes_list!=null)
	          	       @foreach($arrayAttributes_list as $key => $item)
                         <div class="attribute">
                           <svg viewBox="0 0 16 16" class="svg" style="display: none;">
                             <circle cx="8" cy="8" r="2"></circle>
                           </svg>
                           {!! $arrayAttributes_list[$key] !!}
                         </div>
						  @endforeach
					 @endif
                       </div>
                     </div>
	
 
	               <div class="additional-info">
                       <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                         <path fill-rule="evenodd" d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm10-5a1 1 0 110 2 1 1 0 010-2zm-2 3h3v7h-2v-5h-1v-2z" clip-rule="evenodd"></path>
                       </svg>{{$data['product']->fast_sending}}
                     </div>
                     <div class="additional-info">
                       <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                         <path fill-rule="evenodd" d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm10-5a1 1 0 110 2 1 1 0 010-2zm-2 3h3v7h-2v-5h-1v-2z" clip-rule="evenodd"></path>
                       </svg>{!! (isset($settings['product_text_'.$lang]))?$settings['product_text_'.$lang]:'' !!}
                     </div>
                     <div class="free-shipping">
                       <div>
                         <strong class="title">{{__('Free Shipping')}}</strong>
                         <div class="text">{{__('For High Orders')}} {{ (isset($settings['free_order_minimum_amount_'.$lang]))?$settings['free_order_minimum_amount_'.$lang]:'' }} {{$prefix}} </div>
                       </div>
                       <img src="/{{(isset($settings['free_shipping_image_'.$lang]))?$settings['free_shipping_image_'.$lang]:''}}" width="132" height="76" alt="{{__('Free Shipping')}}">
                     </div>
                   </div>
                   <div class="column-cart">
                     <div class="cart-box">
					  @php $i=0;@endphp
					  @if(sizeof($data['prices'])==0)
				     <div class="stock-rating">
                         <div class="stock">
					      <img src="/File/default/svg/stock.svg">  
                           <span>{{__('Not Available In Stock')}}</span>
                         </div>
                       </div>
					  @endif
					  @foreach($data['prices'] as $price) @if($i==0) @php $d_none='block';@endphp @else @php $d_none='none';@endphp @endif
                        <div class="product_prices "  id="product_prices{{$price->attribute_value_id}}" style="display:{{$d_none}}">
                        <div class="panel-vendor "   >
                         <div class="vendor-header">
                           <strong>{{__('Seller')}}</strong>
                         </div>
                         <div class="vendor-activity">
                           <div class="icon">
                             <svg viewBox="0 0 24 24" class="vendor-icon svg" style="display: none;">
                               <path fill-rule="evenodd" d="M19.5 3h-15a1 1 0 00-.959.715l-1.5 5.053A1 1 0 002 9.053V12a1 1 0 001 1h.006l.038 7.006A1 1 0 004.048 21l9.956-.035a1 1 0 00.996-1V13h4v8h2v-8a1 1 0 001-1V9.053a1 1 0 00-.041-.285l-1.5-5.053A1 1 0 0019.5 3zm.5 8V9.198L18.754 5H5.246L4 9.198V11h16zm-7 2H5.006l.033 5.997L13 18.968V13z" clip-rule="evenodd"></path>
                             </svg>
                           </div>
						  
                           <div>
                             <div class='product-vendor'>
                               <strong>{{$price->seller->store_name}}</strong>
                             </div>
                           </div>
						    <a href="{{route('Front.shop',$price->seller->slug)}}">
                           <svg viewBox="0 0 24 24" class="chevron-icon   svg" data-modal="vendor-details" style="display: none;">
                             <path d="M12.583 12L8.29 16.293l1.414 1.414 5-5a1 1 0 000-1.414l-5-5L8.29 7.707 12.583 12z"></path> </svg>
							 </a>
                         </div>
                       </div>
					   
                       <div class="panel-info" >
                         <div class="product-info">
                           <img width="24" height="24" src="/File/default/shield.png"   alt="{{$data['product']->refund}}" decoding="async" loading="lazy" />
                           <span>{{$data['product']->refund}}</span>
                         </div>
						
                         <div class="product-info">
                           <img width="24" height="24" src="/File/default/verified.png"   alt="{{$price->guarantee}}" decoding="async" loading="lazy" />
                           <span>{{$price->guarantee}}</span>
                         </div>
                       
						 
                       </div>
                       <div class="panel-stock" >
					   
                         <div class="stock-text">
                           <div>
                             <svg viewBox="0 0 24 24" class="stock-icon svg" style="display: none;">
                               <path fill-rule="evenodd" d="M7 19H6a1 1 0 01-1-1V6a1 1 0 011-1h2v7h8V5h2a1 1 0 011 1v12a1 1 0 01-1 1h-1v2h1a3 3 0 003-3V6a3 3 0 00-3-3H6a3 3 0 00-3 3v12a3 3 0 003 3h1v-2zm3-9V5h4v5h-4zm-.293 7.793l1.755 1.755 3.795-4.217 1.486 1.338-4.5 5a1 1 0 01-1.45.038l-2.5-2.5 1.414-1.414z" clip-rule="evenodd"></path>
                             </svg>
                             <div>
                                @if($price->count >0)<p class="stock instock">{{__('Available In Stock')}}    </p>@else <p class="stock instock">{{__('Not Available In Stock')}}</p>  @endif
                             </div>
                           </div>
                            
                         </div>
					     <div class="delivery">
                           <div class="delivery-bullet">
                             <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                               <path d="M0 10C0 4.477 4.477 0 10 0s10 4.477 10 10-4.477 10-10 10S0 15.523 0 10z"></path>
                               <path stroke="#030A16" stroke-opacity=".1" d="M.5 10a9.5 9.5 0 1119 0 9.5 9.5 0 01-19 0z"></path>
                             </svg>
                           </div>
                           <div class="delivery-text">
						   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="width: 16px; height: 16px; fill: #d86b00;"><path d="M22 5h-2v2h2V5z"></path><path fill-rule="evenodd" d="M15 15h6v-2h-6a1 1 0 110-2h5V9h-6a1 1 0 110-2h4V5H7a7 7 0 000 14h11v-2h-3a1 1 0 110-2zm-3-3a5 5 0 10-10 0 5 5 0 0010 0z" clip-rule="evenodd"></path><path d="M21.5 9H24v2h-2.5V9zM21.5 17H19v2h2.5v-2z"></path><path fill-rule="evenodd" d="M7 12V9.75H5.5v3c0 .414.336.75.75.75h3V12H7z" clip-rule="evenodd"></path></svg>
                              {{__('Minimum Order')}} : {{$price->minimum_order}}
                           </div>
                         </div>
 
						<div class="delivery">
                           <div class="delivery-bullet">
                             <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                               <path d="M0 10C0 4.477 4.477 0 10 0s10 4.477 10 10-4.477 10-10 10S0 15.523 0 10z"></path>
                               <path stroke="#030A16" stroke-opacity=".1" d="M.5 10a9.5 9.5 0 1119 0 9.5 9.5 0 01-19 0z"></path>
                             </svg>
                           </div>
                           <div class="delivery-text">
						   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="width: 16px; height: 16px; fill: #1028ff;"><path d="M22 5h-2v2h2V5z"></path><path fill-rule="evenodd" d="M15 15h6v-2h-6a1 1 0 110-2h5V9h-6a1 1 0 110-2h4V5H7a7 7 0 000 14h11v-2h-3a1 1 0 110-2zm-3-3a5 5 0 10-10 0 5 5 0 0010 0z" clip-rule="evenodd"></path><path d="M21.5 9H24v2h-2.5V9zM21.5 17H19v2h2.5v-2z"></path><path fill-rule="evenodd" d="M7 12V9.75H5.5v3c0 .414.336.75.75.75h3V12H7z" clip-rule="evenodd"></path></svg>
                             {{__('Maximum Order')}} : {{$price->maximum_order}}
                           </div>
                         </div>
						  
                         <div class="delivery">
                           <div class="delivery-bullet">
                             <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                               <path d="M0 10C0 4.477 4.477 0 10 0s10 4.477 10 10-4.477 10-10 10S0 15.523 0 10z"></path>
                               <path stroke="#030A16" stroke-opacity=".1" d="M.5 10a9.5 9.5 0 1119 0 9.5 9.5 0 01-19 0z"></path>
                             </svg>
                           </div>
                           <div class="delivery-text">
                             <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                               <path fill-rule="evenodd" d="M14.17 19H8.83a3.001 3.001 0 01-5.66 0H2a1 1 0 01-1-1v-7.333C1 8.097 3.033 6 5.556 6H9V5a1 1 0 011-1h12a1 1 0 011 1v13a1 1 0 01-1 1h-2.17a3.001 3.001 0 01-5.66 0zm0-2H11V6h10v11h-1.17a3.001 3.001 0 00-5.66 0zM9 17h-.17a3.001 3.001 0 00-5.66 0H3v-3h5v-2H3v-1.333C3 9.187 4.151 8 5.556 8H9v9zm-2 1a1 1 0 11-2 0 1 1 0 012 0zm10 1a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path>
                             </svg> {{$price->leadtime_day}}  {{__('Day')}} {{__('Leadtime Day')}}
                           </div>
                         </div>
                       </div>
                       </div>
					    @php $i++;@endphp
						@endforeach
					    @if(count($data['prices'])>0)
                       <form class="variations_form cart"  action="{{route('Front.carts.insertCart')}}" method="post"   >
				         @csrf
                         <table class="variations" cellspacing="0">
                           <tbody>
                             <tr class="attribute-pa_color">
                               <th class="label">
                                 <label for="pa_color">{{$data['attributeTitle']}} </label>
                               </th>
                               <td class="value">
							  @php $i=0;@endphp
                              @foreach($data['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 AttrPrice"  onclick="priceValue('{{$price->attribute_value_id}}','{{$price->id}}')">
                                  <input type="radio" name="attributeValue"  id="attribute_value{{$price->attribute_value_id}}" {{$checked}} value="{{$price->attribute_value_id}},{{$data['attributeId']}}" >
                                  <label data-toggle="jTippy" data-position="top"  title="{{$price->AttributeValue->value}}" for="attribute_value{{$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 AttrPrice"  onclick="priceValue('{{$price->attribute_value_id}}','{{$price->id}}')">
                                  <input type="radio" name="attributeValue"  id="attribute_value{{$price->attribute_value_id}}" {{$checked}} value="{{$price->attribute_value_id}},{{$data['attributeId']}}" >
                                  <label data-toggle="jTippy" data-position="top" title="{{$price->AttributeValue->value}}" for="attribute_value{{$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($data['prices'] as $price)
                               @if($i==0)
                                   @php $d_none='block';@endphp
                               @else
                                   @php $d_none='none';@endphp
                               @endif
							         <div class="price priceHide" id="{{$price->attribute_value_id}}" style="display:{{$d_none}}">
									 <input id="price_id{{$price->attribute_value_id}}" type="hidden" name="price_id{{$price->attribute_value_id}}" value="{{$price->id}}" >
									  
										  @if($price->discount_percent>0 and $price->time_discount==1 and $date < $price->end_date)
							             <span class="discount">{{$price->discount_percent}}%</span>
							               <del aria-hidden="true">
							               <span class="page-wrapper-Price-amount amount"><bdi> {{fnumber_format($price->price)}} <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))}}   <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)}}   <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($data['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">{{$data['product']->title}}</label>
                              <span class="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">+</span>
                            </div>
                            <button type="submit" class="single_add_to_cart_button button alt lara-element-button" >{{__('Add To Cart')}}</button>
                            <input type="hidden" name="add-to-cart" value="{{$data['product']->id}}" />
                            <input type="hidden" name="product_id" value="{{$data['product']->id}}" />
                           
                          </div>
                          </div>
						  @endif
                         </div>
                       </form>
					   @endif
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <div class="services">
             <div class="row">
			 @foreach($data['icon'] as $icon)
               <a href="/" class="col">
                 <img width="56" height="56" src="/{{ $icon->image}}" class="attachment-full size-full" alt="{{ $icon->title}}" decoding="async" loading="lazy" />
                 <p>{{ $icon->title}}</p>
               </a>
			  @endforeach
             </div>
           </div>
    @if(isset($settings['seller']) and $settings['seller']==1)
  <span class="seller-title">{{__('Other Sellers Of This Product')}}  </span>
<div id="product-seller-list">
   @php $i=0; @endphp @foreach($data['pricesAll'] as $pricesAll) @if($i==0) @php $active='active' ;@endphp @else @php $active='' ;@endphp @endif
     @if($pricesAll->seller!=null)
    <div class="services">
        <div class="row">
            <div class="col">
                <div class="vendor-activity">
                    <div class="icon">
                        <svg viewBox="0 0 24 24" class="vendor-icon svg" style="display: none;">
                            <path
                                fill-rule="evenodd"
                                d="M19.5 3h-15a1 1 0 00-.959.715l-1.5 5.053A1 1 0 002 9.053V12a1 1 0 001 1h.006l.038 7.006A1 1 0 004.048 21l9.956-.035a1 1 0 00.996-1V13h4v8h2v-8a1 1 0 001-1V9.053a1 1 0 00-.041-.285l-1.5-5.053A1 1 0 0019.5 3zm.5 8V9.198L18.754 5H5.246L4 9.198V11h16zm-7 2H5.006l.033 5.997L13 18.968V13z"
                                clip-rule="evenodd"
                            ></path>
                        </svg>
                    </div>
                </div>
                <div>
                    <div class="product-vendor">
                        <strong >{{$pricesAll->seller->store_name}}</strong>
                    </div>
                </div>
            </div>
            <div class="col">
                <img width="24" height="24" src="/File/default/verified.png" alt="{{$pricesAll->guarantee}}" decoding="async" loading="lazy" />
                <p>{{$pricesAll->guarantee}} </p>
            </div>
            <div class="col">
                <div class="delivery-text">
                    <svg viewBox="0 0 24 24" class="svg svgs" style="display: none;">
                        <path
                            fill-rule="evenodd"
                            d="M14.17 19H8.83a3.001 3.001 0 01-5.66 0H2a1 1 0 01-1-1v-7.333C1 8.097 3.033 6 5.556 6H9V5a1 1 0 011-1h12a1 1 0 011 1v13a1 1 0 01-1 1h-2.17a3.001 3.001 0 01-5.66 0zm0-2H11V6h10v11h-1.17a3.001 3.001 0 00-5.66 0zM9 17h-.17a3.001 3.001 0 00-5.66 0H3v-3h5v-2H3v-1.333C3 9.187 4.151 8 5.556 8H9v9zm-2 1a1 1 0 11-2 0 1 1 0 012 0zm10 1a1 1 0 100-2 1 1 0 000 2z"
                            clip-rule="evenodd"
                        ></path>
                    </svg>
                   {{$pricesAll->leadtime_day}}  {{__('Day')}} {{__('Leadtime Day')}}
                </div>
            </div>
            <div class="col">						
			  @if($pricesAll->discount_percent>0)
		         <span class="discount">{{$pricesAll->discount_percent}}%</span>
		           <del aria-hidden="true">
		           <span class="page-wrapper-Price-amount amount"><bdi> {{fnumber_format($pricesAll->price)}} <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span></bdi></span>
		           </del> 
		           <ins>
		           <span class="page-wrapper-Price-amount amount">
		         <bdi>{{fnumber_format(PriceCalculation($pricesAll->price,$pricesAll->discount_percent))}}   <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span></bdi></span>
		           </ins>
		           @else
		            <ins>
                          <span class="page-wrapper-Price-amount amount">
                            <bdi> {{fnumber_format($pricesAll->price)}}   <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span> </bdi>
                          </span>
                        </ins>
		          @endif
            </div>
            <div class="col">
			    <form action="{{route('Front.carts.insertCart')}}" method="post">
				  @csrf
				<input type="hidden"   name="quantity" value="{{$pricesAll->minimum_order}}"   />
				 <input type="hidden" name="attributeValue"  id="attribute_value{{$pricesAll->attribute_value_id}}"   value="{{$pricesAll->attribute_value_id}},{{$data['attributeId']}}" >
				 <input id="price_id{{$pricesAll->attribute_value_id}}" type="hidden" name="price_id{{$pricesAll->attribute_value_id}}" value="{{$pricesAll->id}}" >
				 <input type="hidden" name="add-to-cart" value="{{$data['product']->id}}" />
                 <input type="hidden" name="product_id" value="{{$data['product']->id}}" />
                <button type="submit" class="single_add_to_cart_button button alt lara-element-button">{{__('Buy')}} </button>
				</form>
            </div>
        </div>
    </div>
    @endif
    @php $i++ ;@endphp @endforeach
</div>
@endif

           <div class="widget widget-products-slider widget-related-products style-slider" data-config="{&quot;nav&quot;:&quot;1&quot;,&quot;dots&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;1&quot;,&quot;rewind&quot;:null,&quot;pause_hover&quot;:&quot;1&quot;,&quot;single_slide&quot;:null,&quot;autoplay_timeout&quot;:5000,&quot;autoplay_speed&quot;:500,&quot;nav_speed&quot;:500,&quot;items1200&quot;:7,&quot;items992&quot;:5,&quot;items768&quot;:4,&quot;items576&quot;:3,&quot;items320&quot;:2}">
             <header class="widget-header">
               <h2 class="widget-title">
                 <span>{{__('Similar Products')}} </span>
               </h2>
             </header>
             <div class="widget-content">
               <div class="owl-carousel">
			    @foreach($data['similarProducts'] as $similarProducts)
                 <div class="slider-item product type-product ">
                   <a  href="{{route('Front.products.index',$similarProducts->slug)}}">
                     <img width="150" height="150" src="/File/product/150_150/{{$similarProducts->image}}" class="attachment-page-wrapper_thumbnail size-page-wrapper_thumbnail" alt="{{$similarProducts->title}}" decoding="async" loading="lazy" srcset="/File/product/150_150/{{$similarProducts->image}} 150w, /File/product/300_300/{{$similarProducts->image}} 300w, /File/product/768_768/{{$similarProducts->image}} 768w,/File/product/600_600/{{$similarProducts->image}} 600w, /File/product/64_64/{{$similarProducts->image}} 64w, /File/product/{{$similarProducts->image}} 800w" sizes="(max-width: 150px) 100vw, 150px" />
                     <h2 class="item-title">{{$similarProducts->title}}</h2>
				  @if(sizeof($similarProducts->prices) >0)
                       <div class="stock-rating">
                         <div class="stock">
					   <img src="/File/default/svg/stock.svg">  
                           <span>{{__('Available In Stock')}} </span>
                         </div>
                       </div>
				  @else
				  <div class="stock-rating">
                         <div class="stock">
					   <img src="/File/default/svg/stock.svg">  
                           <span>{{__('Not Available In Stock')}}</span>
                         </div>
                       </div>
				  @endif
				   @if(sizeof($similarProducts->prices) >0)
                    <div class="price">
				   @if($similarProducts->prices[0]->discount_percent>0 and $similarProducts->prices[0]->time_discount==1 and $date < $similarProducts->prices[0]->end_date)
                          <span class="discount">{{$similarProducts->prices[0]->discount_percent}}%</span>
                      @endif
					  @if($similarProducts->prices[0]->discount_percent>0 and $similarProducts->prices[0]->time_discount==1 and $date < $similarProducts->prices[0]->end_date)
                      <del aria-hidden="true">
                        <span class="page-wrapper-Price-amount amount">
                          <bdi>{{fnumber_format($similarProducts->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($similarProducts->prices[0]->price,$similarProducts->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($similarProducts->prices[0]->price)}} &nbsp; <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                          </bdi>
                        </span>
                      </ins>  
					  @endif
                    </div>
					 @if($similarProducts->prices[0]->time_discount==1 and isset($settings['time_discount']) and $settings['time_discount']==1 and $date < $similarProducts->prices[0]->end_date)
					      <div class="countdown-timer "  data-date="{{$similarProducts->prices[0]->end_date}}" ></div>
				    @endif
					 @endif
                   </a>
				    @if(sizeof($similarProducts->prices) >0)
				    @if($similarProducts->prices[0]->time_discount==1 and $date < $similarProducts->prices[0]->end_date)
                     <div class="product-badges">
                      <div class="product-badge" style="background: #ef4056;">{{__('Discount')}}</div>
                    </div>
				   @endif
				   @endif
  
                   <div class="second-img">
                     <a  href="{{route('Front.products.index',$similarProducts->slug)}}">
                     <img width="150" height="150" src="/File/product/150_150/{{$similarProducts->image}}" class="attachment-page-wrapper_thumbnail size-page-wrapper_thumbnail" alt="{{$similarProducts->title}}" decoding="async" loading="lazy" srcset="/File/product/150_150/{{$similarProducts->image}} 150w, /File/product/300_300/{{$similarProducts->image}} 300w, /File/product/768_768/{{$similarProducts->image}} 768w,/File/product/600_600/{{$similarProducts->image}} 600w, /File/product/64_64/{{$similarProducts->image}} 64w, /File/product/{{$similarProducts->image}} 800w" sizes="(max-width: 150px) 100vw, 150px" />
                     </a>
                   </div>
                 </div>
				 @endforeach
				   
               </div>
             </div>
           </div>
           <div class="page-wrapper-tabs wc-tabs-wrapper ">
             <ul class="tabs digipsetin wc-tabs" role="tablist">
               <li class="description_tab" id="tab-title-description" role="tab" aria-controls="tab-description">
                 <a href="#tab-description"> {{__('Description')}} </a>
               </li>
               <li class="additional_information_tab" id="tab-title-additional_information" role="tab" aria-controls="tab-additional_information">
                 <a href="#tab-additional_information"> {{__('Specification')}} </a>
               </li>
               <li class="reviews_tab" id="tab-title-reviews" role="tab" aria-controls="tab-reviews">
                 <a href="#tab-reviews"> {{count($data['comments'])}} {{__('Comment')}} </a>
               </li>
             </ul>
             <div class="tab-columns">
               <div class="column-content">
                 <div class="page-wrapper-Tabs-panel page-wrapper-Tabs-panel--description panel entry-content wc-tab" id="tab-description" role="tabpanel" aria-labelledby="tab-title-description">
                   <div class="tabs-panel-inner">
                     <h2> {{__('Description')}}</h2>
                     {!!$data['product']->description!!}
                   </div>
                 </div>
                 <div class="page-wrapper-Tabs-panel page-wrapper-Tabs-panel--additional_information panel entry-content wc-tab" id="tab-additional_information" role="tabpanel" aria-labelledby="tab-title-additional_information">
                   <div class="tabs-panel-inner">
                     <h2>{{__('Specification')}}</h2>
                     <table class="page-wrapper-product-attributes shop_attributes group-attributes">
					  @foreach($data['categoryAttribute'] as $categoryAttribute)
                       <tr class="attribute-group-row">
                         <th colspan="2">
                           <div>
                             <span class="group-title">{{$categoryAttribute->title}}</span>
                           </div>
                         </th>
                       </tr>
					  @if(sizeof($categoryAttribute->attributeAll)>0)
				       @foreach($categoryAttribute->attributeAll as $attribute)
                        @php  $AttributeValue=\App\Models\AttributeValue::getProductAttributeValue($attribute->id,$data['product']->id); @endphp
                         @if(sizeof($AttributeValue)>0)
						@if($AttributeValue[0]->attribute_value_id ==0 and $AttributeValue[0]->text =='')
						 @continue
						  @endif
                       <tr class="page-wrapper-product-attributes-item ">
                         <th class="page-wrapper-product-attributes-item__label">{{$attribute->title}}</th>
                         <td class="page-wrapper-product-attributes-item__value">
                              <p>
							    @if($AttributeValue[0]->attribute_value_id !=0 )
									<a rel="tag"> {{implode(',',$AttributeValue->pluck('value')->toArray())}}</a>
								@else
									<a rel="tag">{{$AttributeValue[0]->text}}</a>
								@endif
                              </p>
                         </td>
                       </tr>
					     @endif
					  @endforeach
                     @endif
				   @endforeach
                     </table>
                   </div>
                 </div>
                 <div class="page-wrapper-Tabs-panel page-wrapper-Tabs-panel--reviews panel entry-content wc-tab" id="tab-reviews" role="tabpanel" aria-labelledby="tab-title-reviews">
                   <div class="tabs-panel-inner">
                     <div id="reviews" class="page-wrapper-Reviews">
                       <h2 class="page-wrapper-Reviews-title"> {{__('Reviews')}} </h2>
                       <div class="reviews-columns">
                         <div class="column-rating">
                           <div class="review-rating">
                             <div class="average-rating">
                               <strong>{{$Points}}</strong>
                               <span>{{__('From')}} 5</span>
                             </div>
                             <div class="total-ratings">
                               <div class="star-rating">
                                 <svg viewBox="0 0 24 24">
                                   <path d="M11.98 2.1a.455.455 0 00-.414.315L9.426 9.05l-6.97-.014a.455.455 0 00-.268.823l5.648 4.087-2.169 6.628a.455.455 0 00.7.509L12 16.973l5.634 4.11a.455.455 0 00.7-.509l-2.169-6.628 5.648-4.087a.455.455 0 00-.267-.823l-6.97.014-2.144-6.635a.455.455 0 00-.451-.315z"></path>
                                 </svg>
                                 <svg viewBox="0 0 24 24">
                                   <path d="M11.98 2.1a.455.455 0 00-.414.315L9.426 9.05l-6.97-.014a.455.455 0 00-.268.823l5.648 4.087-2.169 6.628a.455.455 0 00.7.509L12 16.973l5.634 4.11a.455.455 0 00.7-.509l-2.169-6.628 5.648-4.087a.455.455 0 00-.267-.823l-6.97.014-2.144-6.635a.455.455 0 00-.451-.315z"></path>
                                 </svg>
                                 <svg viewBox="0 0 24 24">
                                   <path d="M11.98 2.1a.455.455 0 00-.414.315L9.426 9.05l-6.97-.014a.455.455 0 00-.268.823l5.648 4.087-2.169 6.628a.455.455 0 00.7.509L12 16.973l5.634 4.11a.455.455 0 00.7-.509l-2.169-6.628 5.648-4.087a.455.455 0 00-.267-.823l-6.97.014-2.144-6.635a.455.455 0 00-.451-.315z"></path>
                                 </svg>
                                 <svg viewBox="0 0 24 24">
                                   <path d="M11.98 2.1a.455.455 0 00-.414.315L9.426 9.05l-6.97-.014a.455.455 0 00-.268.823l5.648 4.087-2.169 6.628a.455.455 0 00.7.509L12 16.973l5.634 4.11a.455.455 0 00.7-.509l-2.169-6.628 5.648-4.087a.455.455 0 00-.267-.823l-6.97.014-2.144-6.635a.455.455 0 00-.451-.315z"></path>
                                 </svg>
                               </div>

                               <span> {{__('Out Of A Total Of')}}  {{$PointsSum}}   {{__('Points')}}  </span>
                             </div>
                           </div>

                           <p class="leave-review">{{__('Leave A Comment About This Product')}}</p>
                           <button class="button button-outline button-small modal-toggle" data-modal="modal-reviews">{{__('Insert A Comment')}} </button>
                         </div>
                         <div class="column-comments">
                           <div id="comments">
                             <ol class="commentlist">
							  @foreach($data['comments'] as $comment)
                               <li class="review byuser comment-author-admin bypostauthor even thread-even depth-1" id="li-comment-{{$comment->id}}">
                                 <div id="comment-{{$comment->id}}" class="comment_container">
                                   <div class="comment-text">
                                     <div class="review-title">
                                       <span class="rating-{{ $comment->rating }}">{{ $comment->rating }}.0</span>
                                       <strong>{{ $comment->title }}</strong>
                                     </div>
                                     <p class="meta">
                                       <span class="page-wrapper-review__author">{{ $comment->fullname }}</span>
                                       <span class="separator"></span>
                                       <time class="page-wrapper-review__published-date" >{{timestampDateDay($comment->created_at,true)['date']}}</time>
                                       <span class="separator"></span>
                                     </p>
                                     <div class="comment-recommend">
									 @if($comment->recommend==0)
                                       <div class="recommended">
                                        <svg viewBox="0 0 24 24"><path fill-rule="evenodd" d="M7.5 8l3.15-4.2a4.5 4.5 0 013.6-1.8 2.483 2.483 0 012.449 2.89L16.18 8h2.424a3 3 0 012.951 3.537l-.974 5.357A5 5 0 0115.661 21h-6.55c-.148 0-.294-.033-.428-.096l-.824-.39A1 1 0 017 21H3a1 1 0 01-1-1V9a1 1 0 011-1h4.5zm.5 2v8.367L9.336 19h6.326a3 3 0 002.951-2.463l.974-5.358A1 1 0 0018.603 10H15a1 1 0 01-.986-1.164l.712-4.274A.482.482 0 0014.25 4a2.5 2.5 0 00-2 1L8.8 9.6a1 1 0 01-.8.4zm-2 0H4v9h2v-9z" clip-rule="evenodd"></path></svg>{{__('Recommended')}}
                                       </div>
									   @elseif($comment->recommend==1)
									    <div class="no-idea">
                                       <svg viewBox="0 0 24 24"><path fill-rule="evenodd" d="M10 8h2V7a1 1 0 011-1h4a1 1 0 011 1v2a1 1 0 01-.4.8l-2.4 1.8A3 3 0 0014 14v3h2v-3a1 1 0 01.4-.8l2.4-1.8A3 3 0 0020 9V7a3 3 0 00-3-3h-4a3 3 0 00-3 3v1zM6 5h2v12H6V5zm2 13H6v2h2v-2zm8 0h-2v2h2v-2z" clip-rule="evenodd"></path></svg>{{__('No Idea')}} 
                                       </div>
									   @else
									   <div class="not-recommended">
                                         <svg viewBox="0 0 24 24">
                                           <path fill-rule="evenodd" d="M7.5 16l3.15 4.2a4.5 4.5 0 003.6 1.8 2.482 2.482 0 002.449-2.89L16.18 16h2.424a3 3 0 002.951-3.537l-.974-5.357A5 5 0 0015.661 3h-6.55a1 1 0 00-.428.096l-.824.39A1 1 0 007 3H3a1 1 0 00-1 1v11a1 1 0 001 1h4.5zm.5-2V5.633L9.336 5h6.326a3 3 0 012.951 2.463l.974 5.358A1 1 0 0118.603 14H15a1 1 0 00-.986 1.164l.712 4.274a.482.482 0 01-.476.562 2.5 2.5 0 01-2-1L8.8 14.4A1 1 0 008 14zm-2 0H4V5h2v9z" clip-rule="evenodd"></path>
                                         </svg>{{__('Not Recommended')}}
                                       </div>
									   @endif
                                     </div>
                                     <div class="description">
                                       <p>{!! $comment->text !!}</p>
                                     </div>
			                        @php $arrayAdvantage_list=[];@endphp
                                       @if(isset($comment->advantage) and  $comment->advantage !=null and  $comment->advantage !='')
                                           @php
                                               $arrayAdvantage_list=json_decode($comment->advantage);
                                           @endphp
                                       @endif
                                     	@if($arrayAdvantage_list!=null)
	                                     @foreach($arrayAdvantage_list as $key => $item)
                                          <div class="advantage">
                                           <svg viewBox="0 0 24 24">  <path fill-rule="evenodd" d="M13 4h-2v7H4v2h7v7h2v-7h7v-2h-7V4z" clip-rule="evenodd"></path> </svg>
									        {!! $arrayAdvantage_list[$key] !!}
                                         </div>
			                      		  @endforeach
			                      	 @endif
					 			       @php $arrayDisAdvantage_list=[];@endphp
                                       @if(isset($comment->disadvantage) and  $comment->disadvantage !=null and  $comment->disadvantage !='')
                                           @php
                                               $arrayDisAdvantage_list=json_decode($comment->disadvantage);
                                           @endphp
                                       @endif
                                     	@if($arrayDisAdvantage_list!=null)
	                                     @foreach($arrayDisAdvantage_list as $key => $item)
                                                  <div class="disadvantage">
                                                   <svg viewBox="0 0 24 24">  <path d="M20 11v2H4v-2h16z"></path> </svg>  
												   {!! $arrayDisAdvantage_list[$key] !!}
                                                 </div>
			                      		  @endforeach
			                      	 @endif
                                   </div>
                                 </div>
                               </li>
                             @endforeach
                             </ol>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>

               <div class="column-cart">
                 <div class="cart-box">
                   <div class="row-onsale">
                     @if(sizeof($data['product']->prices) >0)
			         @if($data['product']->prices[0]->discount_percent>0)
			        	<span class="onsale">{{__('Special Sale')}}</span>
			         @endif
			         @endif
                   </div>
                   <div class="row-image">
                     <img width="64" height="64" src="/File/product/64_64/{{$data['product']->image}}" class="attachment-page-wrapper_gallery_thumbnail size-page-wrapper_gallery_thumbnail" alt="" decoding="async" loading="lazy" srcset="/File/product/64_64/{{$data['product']->image}} 64w, /File/product/300_300/{{$data['product']->image}} 300w, /File/product/150_150/{{$data['product']->image}}150w, /File/product/768_768/{{$data['product']->image}} 768w,/File/product/600_600/{{$data['product']->image}} 600w, /File/product/{{$data['product']->image}} 800w" sizes="(max-width: 64px) 100vw, 64px" />
                     <div class="title">{{$data['product']->title}}</div>
                   </div>
                   <div class="row-info">
  				  @if(sizeof($data['product']->prices) >0)
					  <div class="stock-text">
					   <img src="/File/default/svg/stock.svg">  
					   <div>
                         <p class="stock instock">{{__('Available In Stock')}}</p>
                       </div>
                       </div>
				  @else
				     <div class="stock-text">
					   <img src="/File/default/svg/stock.svg">  
					   <div>
                         <p class="stock instock">{{__('Not Available In Stock')}}</p>
                       </div>
                       </div>
				  @endif
 
                   </div>
                   <div class="row-add2cart">
                     <div class="price-wrapper">
                       <div class="price">
					   @if(sizeof($data['product']->prices) >0)
                         <div class="price">
			            @if($data['product']->prices[0]->discount_percent>0)
                           <span class="discount">{{$data['product']->prices[0]->discount_percent}}%</span>
					     @endif
					
					@if($data['product']->prices[0]->discount_percent>0)
                      <del aria-hidden="true">
                        <span class="page-wrapper-Price-amount amount">
                          <bdi>{{fnumber_format($data['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($data['product']->prices[0]->price,$data['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($data['product']->prices[0]->price)}} &nbsp; <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                          </bdi>
                        </span>
                      </ins>  
					  @endif
                        </div>
				    @endif
                       </div>
                     </div>
 
					 @if(sizeof($data['prices'])>0) 
  @php 
         if (sizeof($data['product']->prices)>0) {
            if ($data['product']->prices[0]->AttributeValue != null) {
                $attributeTitle = $data['product']->prices[0]->AttributeValue->attribute->title . ' : ';
                $attributeId = $data['product']->prices[0]->AttributeValue->attribute->id;
            } else {
                $attributeTitle = '';
                $attributeId = 0;
            }
        } else {
            $attributeTitle = '';
            $attributeId = 0;
        }
 @endphp
 @if(sizeof($data['product']->prices)>0)
                   <form class="variations_form cart"  action="{{route('Front.carts.insertCart')}}" method="post" enctype="multipart/form-data" >
				         @csrf
						  <input type="hidden" name="attributeValue"  id="attribute_value1-{{$data['product']->prices[0]->id}}-{{$data['product']->prices[0]->attribute_value_id}}"   value="{{$data['product']->prices[0]->attribute_value_id}},{{$attributeId}}" >
						 <input id="price_id-1-{{$data['product']->id}}-{{$data['product']->prices[0]->attribute_value_id}}-{{$data['product']->prices[0]->id}}" type="hidden" name="price_id{{$data['product']->prices[0]->attribute_value_id}}" value="{{$data['product']->prices[0]->id}}" >
                       <input type="hidden" name="add-to-cart" value="{{$data['product']->id}}" />
                       <input type="hidden" name="product_id" value="{{$data['product']->id}}" />
                       <div class="quantity-holder">
                         <label class="screen-reader-text" for="quantity">{{$data['product']->title}}</label>
                         <span class="decrease-qty">-</span>
                         <input type="number" id="quantity" class="input-text qty text" step="1" min="1" max="" name="quantity" value="{{$data['product']->prices[0]->minimum_order}}" title="{{__('Count')}}"  size="4" placeholder="" inputmode="numeric" autocomplete="off" />
                         <span class="increase-qty">+</span>
                       </div>
                       <button type="submit" name="add-to-cart" class="button button-small single_add_to_cart_button">{{__('Add To Cart')}}</button>
                     </form>
					   @endif
					   @endif
                   </div>
                 </div>
               </div>
             </div>
           </div>
           <div class="widget widget-products-slider widget-up-sell-products style-slider" data-config="{&quot;nav&quot;:&quot;1&quot;,&quot;dots&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;1&quot;,&quot;rewind&quot;:null,&quot;pause_hover&quot;:&quot;1&quot;,&quot;single_slide&quot;:null,&quot;autoplay_timeout&quot;:5000,&quot;autoplay_speed&quot;:500,&quot;nav_speed&quot;:500,&quot;items1200&quot;:7,&quot;items992&quot;:5,&quot;items768&quot;:4,&quot;items576&quot;:3,&quot;items320&quot;:2}">
             <header class="widget-header">
               <h2 class="widget-title">
                 <span>{{__('Suggested Products')}}  </span>
               </h2>
             </header>
             <div class="widget-content">
               <div class="owl-carousel">
			    @foreach($data['suggestedProducts'] as $suggestedProducts)
                 <div class="slider-item product type-product ">
                   <a  href="{{route('Front.products.index',$suggestedProducts->slug)}}">
                     <img width="150" height="150" src="/File/product/150_150/{{$suggestedProducts->image}}" class="attachment-page-wrapper_thumbnail size-page-wrapper_thumbnail" alt="{{$suggestedProducts->title}}" decoding="async" loading="lazy" srcset="/File/product/150_150/{{$suggestedProducts->image}} 150w, /File/product/300_300/{{$suggestedProducts->image}} 300w, /File/product/768_768/{{$suggestedProducts->image}} 768w,/File/product/600_600/{{$suggestedProducts->image}} 600w, /File/product/64_64/{{$suggestedProducts->image}} 64w, /File/product/{{$suggestedProducts->image}} 800w" sizes="(max-width: 150px) 100vw, 150px" />
                     <h2 class="item-title">{{$suggestedProducts->title}}</h2>
				  @if(sizeof($suggestedProducts->prices) >0)
                       <div class="stock-rating">
                         <div class="stock">
					   <img src="/File/default/svg/stock.svg">  
                           <span>{{__('Available In Stock')}} </span>
                         </div>
                       </div>
				  @else
				  <div class="stock-rating">
                         <div class="stock">
					   <img src="/File/default/svg/stock.svg">  
                           <span>{{__('Not Available In Stock')}}</span>
                         </div>
                       </div>
				  @endif
				   @if(sizeof($suggestedProducts->prices) >0)
                    <div class="price">
                      @if($suggestedProducts->prices[0]->time_discount==1 and $date < $suggestedProducts->prices[0]->end_date)
                          <span class="discount">{{$suggestedProducts->prices[0]->discount_percent}}%</span>
                      @endif
					  @if($suggestedProducts->prices[0]->time_discount==1 and $date < $suggestedProducts->prices[0]->end_date)
                      <del aria-hidden="true">
                        <span class="page-wrapper-Price-amount amount">
                          <bdi>{{fnumber_format($suggestedProducts->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($suggestedProducts->prices[0]->price,$suggestedProducts->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($suggestedProducts->prices[0]->price)}} &nbsp; <span class="page-wrapper-Price-currencySymbol">{{$prefix}}</span>
                          </bdi>
                        </span>
                      </ins>  
					  @endif
                    </div>
					
					  @if($suggestedProducts->prices[0]->time_discount==1 and isset($settings['time_discount']) and $settings['time_discount']==1 and $date < $suggestedProducts->prices[0]->end_date)
					      <div class="countdown-timer "  data-date="{{$suggestedProducts->prices[0]->end_date}}" ></div>
				    @endif
					 @endif
                   </a>
				    @if(sizeof($suggestedProducts->prices) >0)
  				    @if($suggestedProducts->prices[0]->time_discount==1 and $date < $suggestedProducts->prices[0]->end_date)
                     <div class="product-badges">
                      <div class="product-badge" style="background: #ef4056;">{{__('Discount')}}</div>
                    </div>
				   @endif
				   @endif
                   <div class="second-img">
                     <a  href="{{route('Front.products.index',$suggestedProducts->slug)}}">
                     <img width="150" height="150" src="/File/product/150_150/{{$suggestedProducts->image}}" class="attachment-page-wrapper_thumbnail size-page-wrapper_thumbnail" alt="{{$suggestedProducts->title}}" decoding="async" loading="lazy" srcset="/File/product/150_150/{{$suggestedProducts->image}} 150w, /File/product/300_300/{{$suggestedProducts->image}} 300w, /File/product/768_768/{{$suggestedProducts->image}} 768w,/File/product/600_600/{{$suggestedProducts->image}} 600w, /File/product/64_64/{{$suggestedProducts->image}} 64w, /File/product/{{$suggestedProducts->image}} 800w" sizes="(max-width: 150px) 100vw, 150px" />
                     </a>
                   </div>
                 </div>
				 @endforeach
               </div>
             </div>
           </div>
         </div>
       </div>
     </main>
	 
	  

	 
     <div class="modal" id="product-sharing">
       <div class="modal-dialog">
         <header class="modal-header">
           <strong class="modal-title">{{__('Share')}}</strong>
           <img src="/File/default/svg/close.svg" alt="{{__('Close')}}" class="close svg">
         </header>
         <div class="modal-content">
          <p>{{__('Share This Product With Your Friends')}}</p>
           <div class="product-sharing">
             <a href="/" class="copy-link" data-link="{{URL::current()}}">
               <svg viewBox="0 0 24 24">
                 <path fill-rule="evenodd" d="M10 3a1 1 0 00-1 1H7a3 3 0 013-3h8a3 3 0 013 3v12a3 3 0 01-3 3v-2a1 1 0 001-1V4a1 1 0 00-1-1h-8zm5 2a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h10zM5 7v14h10V7H5z" clip-rule="evenodd"></path>
               </svg> {{__('Copy Link')}} </a>
             <a href="https://wa.me?text={{URL::current()}}" target="_blank" class="whatsapp">
               <svg viewBox="0 0 24 24">
                 <path fill-rule="evenodd" d="M3 21.02l1.26-4.478a8.96 8.96 0 01-1.237-4.554C3.023 7.032 7.055 3 12.012 3 16.968 3 21 7.032 21 11.989c0 4.956-4.032 8.988-8.988 8.988a8.977 8.977 0 01-4.395-1.146L3 21.02zm4.853-2.824l.275.168a7.448 7.448 0 003.884 1.088c4.115 0 7.463-3.348 7.463-7.464 0-4.115-3.348-7.463-7.463-7.463-4.116 0-7.464 3.348-7.464 7.463 0 1.434.407 2.827 1.178 4.027l.186.289-.726 2.578 2.667-.686zm1.05-10.423l.584.032a.302.302 0 01.261.183l.85 1.988a.302.302 0 01-.05.316l-.74.856a.224.224 0 00-.027.25c.974 1.876 2.749 2.619 3.279 2.805.09.032.19.002.249-.074l.774-1.003a.302.302 0 01.365-.09l1.971.909c.129.059.2.2.17.337l-.094.435c-.105.491-.396.925-.819 1.196-.534.341-1.226.509-2.105.26-2.73-.772-4.273-2.579-5.101-3.708-.829-1.13-1.149-2.26-.942-3.181.14-.62.591-1.094.874-1.34a.705.705 0 01.501-.17z" clip-rule="evenodd"></path>
               </svg> {{__('Whatsapp')}} </a>
             <a href="https://twitter.com/intent/tweet?url={{URL::current()}}" target="_blank" class="twitter">
               <svg viewBox="0 0 24 24">
                 <path d="M21 6.73a7.374 7.374 0 01-2.12.581 3.708 3.708 0 001.623-2.041 7.444 7.444 0 01-2.346.896 3.693 3.693 0 00-6.292 3.367 10.483 10.483 0 01-7.61-3.858 3.665 3.665 0 00-.5 1.856 3.69 3.69 0 001.642 3.073 3.692 3.692 0 01-1.673-.464v.046a3.696 3.696 0 002.962 3.621c-.31.083-.636.13-.973.13-.238 0-.47-.024-.695-.07a3.695 3.695 0 003.448 2.565 7.409 7.409 0 01-4.585 1.579c-.298 0-.592-.018-.881-.051a10.437 10.437 0 005.66 1.661c6.793 0 10.506-5.626 10.506-10.505l-.013-.478A7.373 7.373 0 0021 6.73z"></path>
               </svg> {{__('Twitter')}} </a>
             <a href="https://www.facebook.com/sharer/sharer.php?m2w&s=100&p[url]={{URL::current()}}?>" target="_blank" class="facebook">
               <svg viewBox="0 0 24 24">
                 <path d="M16.597 2.005L14.742 2c-2.888 0-4.754 1.914-4.754 4.878V9H7.404A.404.404 0 007 9.404v3.192c0 .223.181.404.404.404h2.584v8.415c0 .223.181.404.404.404h3.204a.404.404 0 00.404-.404V13h2.596c.223 0 .404-.18.404-.404l.001-3.192A.405.405 0 0016.597 9H14V7.22c0-.916.387-1.22 1.58-1.22h1.017A.404.404 0 0017 5.597V2.41a.404.404 0 00-.404-.404z"></path>
               </svg> {{__('Facebook')}} </a>
           </div>
         </div>
       </div>
     </div>
 
     <div class="modal " id="modal-reviews">
       <div class="modal-dialog  ">
         <header class="modal-header">
           <strong class="modal-title">{{__('Your Point Of View')}}</strong>
           <img src="/File/default/svg/close.svg" alt="{{__('Close')}}" class="close svg"> 
         </header>
         <div class="modal-content">
           <div class="review-form-columns row">
              <div class="column-form col-12 col-md-6">
               <div id="review_form_wrapper">
                 <div id="review_form">
                   <div id="respond" class="comment-respond">
                    
                     <form action="{{route('commentProduct.store',$data['product']->id)}}"  method="post"  id="commentform" class="comment-form">
					 @csrf
                       <div class="comment-form-questions">
                         <p class="title">{{__('Do You Recommend Buying This Product?')}}</p>
                         <div class="questions">
                           <div class="question">
                             <input type="radio" name="recommend" value="0" id="recommended">
                             <label for="recommended">
                               <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                                 <path fill-rule="evenodd" d="M7.5 8l3.15-4.2a4.5 4.5 0 013.6-1.8 2.483 2.483 0 012.449 2.89L16.18 8h2.424a3 3 0 012.951 3.537l-.974 5.357A5 5 0 0115.661 21h-6.55c-.148 0-.294-.033-.428-.096l-.824-.39A1 1 0 017 21H3a1 1 0 01-1-1V9a1 1 0 011-1h4.5zm.5 2v8.367L9.336 19h6.326a3 3 0 002.951-2.463l.974-5.358A1 1 0 0018.603 10H15a1 1 0 01-.986-1.164l.712-4.274A.482.482 0 0014.25 4a2.5 2.5 0 00-2 1L8.8 9.6a1 1 0 01-.8.4zm-2 0H4v9h2v-9z" clip-rule="evenodd"></path>
                               </svg> {{__('Recommended')}}</label>
                           </div>
                           <div class="question">
                             <input type="radio" name="recommend" value="1" id="no-idea">
                             <label for="no-idea">
                               <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                                 <path fill-rule="evenodd" d="M10 8h2V7a1 1 0 011-1h4a1 1 0 011 1v2a1 1 0 01-.4.8l-2.4 1.8A3 3 0 0014 14v3h2v-3a1 1 0 01.4-.8l2.4-1.8A3 3 0 0020 9V7a3 3 0 00-3-3h-4a3 3 0 00-3 3v1zM6 5h2v12H6V5zm2 13H6v2h2v-2zm8 0h-2v2h2v-2z" clip-rule="evenodd"></path>
                               </svg> {{__('No Idea')}} </label>
                           </div>
                           <div class="question">
                             <input type="radio" name="recommend" value="2" id="not-recommended">
                             <label for="not-recommended">
                               <svg viewBox="0 0 24 24" class="svg" style="display: none;">
                                 <path fill-rule="evenodd" d="M7.5 16l3.15 4.2a4.5 4.5 0 003.6 1.8 2.482 2.482 0 002.449-2.89L16.18 16h2.424a3 3 0 002.951-3.537l-.974-5.357A5 5 0 0015.661 3h-6.55a1 1 0 00-.428.096l-.824.39A1 1 0 007 3H3a1 1 0 00-1 1v11a1 1 0 001 1h4.5zm.5-2V5.633L9.336 5h6.326a3 3 0 012.951 2.463l.974 5.358A1 1 0 0118.603 14H15a1 1 0 00-.986 1.164l.712 4.274a.482.482 0 01-.476.562 2.5 2.5 0 01-2-1L8.8 14.4A1 1 0 008 14zm-2 0H4V5h2v9z" clip-rule="evenodd"></path>
                               </svg> {{__('Not Recommended')}}</label>
                           </div>
                         </div>
                       </div>
                       <p class="comment-form-title">
                         <label for="title">{{__('The Title Of The Opinion')}} <span class="required">*</span> </label>
                         <input id="title" type="text" class="{{ $errors->has('title') ? ' is-invalid' : '' }}" name="title"   required  value="{{ old('title') }}"/>
						  @if ($errors->has('title')) <span class="invalid-feedback" role="alert"> <strong>{{ $errors->first('title') }}</strong> </span> @endif
                       </p>
                       <div class="comment-form-advantage">
                         <label for="advantage">{{__('Advantage')}}</label>
                         <div class="form-holder">
                           <input type="text" id="advantage">
                           <svg viewBox="0 0 24 24" class="add-point svg" data-type="advantage" style="display: none;">
                             <path fill-rule="evenodd" d="M13 4h-2v7H4v2h7v7h2v-7h7v-2h-7V4z" clip-rule="evenodd"></path>
                           </svg>
                         </div>
                         <div class="dynamic-labels"></div>
                       </div>
                       <div class="comment-form-disadvantage">
                         <label for="disadvantage">{{__('Disadvantage')}}</label>
                         <div class="form-holder">
                           <input type="text" id="disadvantage">
                           <svg viewBox="0 0 24 24" class="add-point svg" data-type="disadvantage" style="display: none;">
                             <path fill-rule="evenodd" d="M13 4h-2v7H4v2h7v7h2v-7h7v-2h-7V4z" clip-rule="evenodd"></path>
                           </svg>
                         </div>
                         <div class="dynamic-labels"></div>
                       </div>
                       <div class="comment-form-rating">
                         <label for="rating">{{__('Rate')}} <span class="required">*</span>  </label>
					  <div class="rating-slider-holder">
                          <div class="rating-slider" data-rate-title="{{__('Rate')}}">
                            <div class="slider-base"></div>
                            <span class="slider-step slider-step-1 active" data-step="1" data-rate-title="{{__('Rate')}}"></span>
                            <span class="slider-step slider-step-2" data-step="2" data-rate-title="{{__('Very Bad')}}"></span>
                            <span class="slider-step slider-step-3" data-step="3" data-rate-title="{{__('Not Too Bad')}}"></span>
                            <span class="slider-step slider-step-4" data-step="4" data-rate-title="{{__('Medium')}}"></span>
                            <span class="slider-step slider-step-5" data-step="5" data-rate-title="{{__('Good')}}"></span>
                            <span class="slider-step slider-step-6" data-step="6" data-rate-title="{{__('Excellent')}}"></span>
                            <span class="slider-handle"></span>
                            <input type="hidden" name="rating" value="">
                            <input type="hidden" name="type" value="1">
                          </div>
                        </div>
                       </div>
                       <p class="comment-form-comment">
                         <label for="comment">{{__('Your Message')}}  <span class="required">*</span> </label>
                         <textarea id="comment" class=" {{ $errors->has('comment') ? ' is-invalid' : '' }}"  name="comment" cols="45" rows="4" required>{{ old('comment') }}</textarea>
						 @if ($errors->has('comment')) <span class="invalid-feedback" role="alert"> <strong>{{ $errors->first('comment') }}</strong> </span> @endif
                       </p>
                       <p class="form-submit">
                         <input name="submit" type="submit" id="submit" class="submit" value="{{__('Submit Now')}}" />
                       </p>
                     </form>
                   </div>
                   
                 </div>
               </div>
             </div>
             <div class="column-rules col-12 col-md-6">
               <div class="rules-content">  {!! (isset($settings['comment_text_'.$lang]))?$settings['comment_text_'.$lang]:'' !!} </div>
             </div>
           </div>
         </div>
       </div>
     </div>
	 
	  <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
       <div class="pswp__bg"></div>
       <div class="pswp__scroll-wrap">
         <div class="pswp__container">
           <div class="pswp__item"></div>
           <div class="pswp__item"></div>
           <div class="pswp__item"></div>
         </div>
         <div class="pswp__ui pswp__ui--hidden">
           <div class="pswp__top-bar">
             <div class="pswp__counter"></div>
             <button class="pswp__button pswp__button--close" title="{{__('Close')}}  (Esc)"></button>
             <button class="pswp__button pswp__button--share" title="{{__('Share')}}"></button>
             <button class="pswp__button pswp__button--fs" title="{{__('Change Mode To Full Screen')}}"></button>
             <button class="pswp__button pswp__button--zoom" title="{{__('Zoom')}} {{__('In')}} /{{__('Out')}}"></button>
             <div class="pswp__preloader">
               <div class="pswp__preloader__icn">
                 <div class="pswp__preloader__cut">
                   <div class="pswp__preloader__donut"></div>
                 </div>
               </div>
             </div>
           </div>
           <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
             <div class="pswp__share-tooltip"></div>
           </div>
           <button class="pswp__button pswp__button--arrow--left" title="{{__('Previous')}}"></button>
           <button class="pswp__button pswp__button--arrow--right" title="{{__('Next')}}"></button>
           <div class="pswp__caption">
             <div class="pswp__caption__center"></div>
           </div>
         </div>
       </div>
     </div>
	 
     <div class="modal" id="gallery-thumbs">
       <div class="modal-dialog">
         <header class="modal-header">
           <strong class="modal-title">{{__('Product Images')}}</strong>
              <img src="/File/default/svg/close.svg" alt="{{__('Close')}}" class="close svg"> 
         </header>
         <div class="modal-content">
           <div class="row">
             <div class="column-slider col-12 col-md-7">
               <div class="owl-carousel gallery-thumbs-slider" data-slider-id="gallery--thumbs">
 
                 <div class="slider-item item-image">
                   <img width="800" height="800" src="/File/product/{{$data['product']->image}}" class="attachment-full size-full" alt="{{$data['product']->title}}" decoding="async" loading="lazy" srcset="/File/product/{{$data['product']->image}} 800w,/File/product/300_300/{{$data['product']->image}} 300w, /File/product/150_150/{{$data['product']->image}} 150w, /File/product/768_768/{{$data['product']->image}} 768w, /File/product/600_600/{{$data['product']->image}} 600w, /File/product/64_64/{{$data['product']->image}} 64w" sizes="(max-width: 800px) 100vw, 800px" />
                 </div>
				 
              @foreach($data['images'] as $images)
                 <div class="slider-item item-image">
                   <img width="800" height="800" src="/File/product/{{$images->image}}" class="attachment-full size-full" alt="{{$data['product']->title}}" decoding="async" loading="lazy" srcset="/File/product/{{$images->image}} 800w,/File/product/300_300/{{$images->image}} 300w, /File/product/150_150/{{$images->image}} 150w, /File/product/768_768/{{$images->image}} 768w, /File/product/600_600/{{$images->image}} 600w, /File/product/64_64/{{$images->image}} 64w" sizes="(max-width: 800px) 100vw, 800px" />
                 </div>
				 @endforeach
			  @foreach($data['productAttribute'] as $Attribute )
				  @if($Attribute->attributeValue!=null)
				 @if(isset($Attribute->image))
                 <div class="slider-item item-image" data-src="{{$Attribute->image}}">
                   <img width="800" height="800" src="/File/product/{{$Attribute->image}}" class="attachment-full size-full" alt="{{$data['product']->title}}" decoding="async" loading="lazy" srcset="/File/product/{{$Attribute->image}} 800w,/File/product/300_300/{{$Attribute->image}} 300w, /File/product/150_150/{{$Attribute->image}} 150w, /File/product/768_768/{{$Attribute->image}} 768w, /File/product/600_600/{{$Attribute->image}} 600w, /File/product/64_64/{{$Attribute->image}} 64w" sizes="(max-width: 800px) 100vw, 800px" />
                 </div>
				 @endif
				 @endif
				 @endforeach
               </div>
             </div>
             <div class="column-thumbs col-12 col-md-5">
               <p class="title">{{$data['product']->title}}</p>
               <div class="owl-thumbs gallery-thumbs" data-slider-id="gallery--thumbs">
 
                 <div class="owl-thumb-item thumb-item item-image">
                   <img width="64" height="64" src="/File/product/64_64/{{$data['product']->image}}" class="attachment-page-wrapper_gallery_thumbnail size-page-wrapper_gallery_thumbnail" alt="{{$data['product']->title}}" decoding="async" loading="lazy" srcset="/File/product/64_64/{{$data['product']->image}} 64w, /File/product/300_300/{{$data['product']->image}} 300w,/File/product/150_150/{{$data['product']->image}} 150w, /File/product/{{$data['product']->image}} 768w, /File/product/600_600/{{$data['product']->image}} 600w, /File/product/64_64/{{$data['product']->image}} 800w" sizes="(max-width: 64px) 100vw, 64px" />
                 </div>
				  @foreach($data['images'] as $images)
                 <div class="owl-thumb-item thumb-item item-image">
                   <img width="64" height="64" src="/File/product/64_64/{{$images->image}}" class="attachment-page-wrapper_gallery_thumbnail size-page-wrapper_gallery_thumbnail" alt="{{$data['product']->title}}" decoding="async" loading="lazy" srcset="/File/product/64_64/{{$images->image}} 64w, /File/product/300_300/{{$images->image}} 300w,/File/product/150_150/{{$images->image}} 150w, /File/product/{{$images->image}} 768w, /File/product/600_600/{{$images->image}} 600w, /File/product/64_64/{{$images->image}} 800w" sizes="(max-width: 64px) 100vw, 64px" />
                 </div>
				 @endforeach
 				 @foreach($data['productAttribute'] as $Attribute )
				  @if($Attribute->attributeValue!=null)
				 @if(isset($Attribute->image))
                 <div class="owl-thumb-item thumb-item item-image" data-src="{{$Attribute->image}}">
                   <img width="64" height="64" src="/File/product/64_64/{{$Attribute->image}}" class="attachment-page-wrapper_gallery_thumbnail size-page-wrapper_gallery_thumbnail" alt="{{$data['product']->title}}" decoding="async" loading="lazy" srcset="/File/product/64_64/{{$Attribute->image}} 64w, /File/product/300_300/{{$Attribute->image}} 300w,/File/product/150_150/{{$Attribute->image}} 150w, /File/product/{{$Attribute->image}} 768w, /File/product/600_600/{{$Attribute->image}} 600w, /File/product/64_64/{{$Attribute->image}} 800w" sizes="(max-width: 64px) 100vw, 64px" />
                 </div>
					 @endif
					 @endif
					 @endforeach
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
@endsection

 @section('script')
 
  <script type="text/javascript" src="{{ asset('Front/assets/js/jquery.zoom.min.js') }}" ></script>
  <script type="text/javascript" src="{{ asset('Front/assets/js/jquery.flexslider.min.js') }}" ></script>
  <script type="text/javascript" src="{{ asset('Front/assets/js/photoswipe.min.js') }}" ></script>
  <script type="text/javascript" src="{{ asset('Front/assets/js/photoswipe-ui-default.min.js') }}" ></script>
  <script type="text/javascript" src="{{ asset('Front/assets/js/single-product.min.js') }}" ></script>
 
	   <script>

	       $('.modal-toggle').click(function () {
		
         let e = $(this).data("modal");
		  $("#" + e).addClass("show");
    });
	       function priceValue(value_id,price_id) {
            $(".priceHide").hide();
		   $(".CartHide").hide();
           $(".product_prices").hide();
            $('#' + value_id).show();
            $('#price_id' + value_id).val(price_id);
			 $('#product_prices' + value_id).show();
		var product_id ={!! $data['product']->id !!};
		var attributeValue ={!! $data['attributeId'] !!};
		var productAttribute ={!! $data['productAttribute'] !!}
		



		  var url = '/products/getSeller/' + product_id + '/' + value_id + '/' + price_id;
        $.ajax({
            url: url,
            type: "get",
            dataType: "json",
            success: function (data) {
                var more = '';
                var coll = '';
                var row = '';
                var del = '';
                var m = '';
                var roww = '';

               $('#product-seller-list').empty();
 
                for (var i = 0; i < data.length; i++) {
				var col = '<div class="services"><div class="row"><div class="col"><div class="vendor-activity"><div class="icon"><svg viewBox="0 0 24 24" class="vendor-icon svg" ><path fill-rule="evenodd" d="M19.5 3h-15a1 1 0 00-.959.715l-1.5 5.053A1 1 0 002 9.053V12a1 1 0 001 1h.006l.038 7.006A1 1 0 004.048 21l9.956-.035a1 1 0 00.996-1V13h4v8h2v-8a1 1 0 001-1V9.053a1 1 0 00-.041-.285l-1.5-5.053A1 1 0 0019.5 3zm.5 8V9.198L18.754 5H5.246L4 9.198V11h16zm-7 2H5.006l.033 5.997L13 18.968V13z" clip-rule="evenodd"></path></svg></div></div><div><div class="product-vendor"><strong>' + data[i].seller.store_name +'</strong></div></div></div><div class="col"><img width="24" height="24" src="/File/default/verified.png" alt="' + data[i].guarantee+ '" decoding="async" loading="lazy"/><p>' + data[i].guarantee + '</p></div><div class="col"><div class="delivery-text"><svg viewBox="0 0 24 24" class="svg svgs" ><path fill-rule="evenodd" d="M14.17 19H8.83a3.001 3.001 0 01-5.66 0H2a1 1 0 01-1-1v-7.333C1 8.097 3.033 6 5.556 6H9V5a1 1 0 011-1h12a1 1 0 011 1v13a1 1 0 01-1 1h-2.17a3.001 3.001 0 01-5.66 0zm0-2H11V6h10v11h-1.17a3.001 3.001 0 00-5.66 0zM9 17h-.17a3.001 3.001 0 00-5.66 0H3v-3h5v-2H3v-1.333C3 9.187 4.151 8 5.556 8H9v9zm-2 1a1 1 0 11-2 0 1 1 0 012 0zm10 1a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg> ' + data[i].leadtime_day + ' {!! __('Day') !!} {!!__('Leadtime Day')!!} </div></div><div class="col">';
				if (data[i].discount_percent > 0)   var del = '<span class="discount">' + data[i].discount_percent+ '%</span><del aria-hidden="true"><span class="page-wrapper-Price-amount amount"><bdi>'+ formatnumber( data[i].price) +'<span class="page-wrapper-Price-currencySymbol">{!! $prefix !!}</span></bdi></span></del><ins><span class="page-wrapper-Price-amount amount"><bdi> '+ formatnumber(PriceCalculationJs( data[i].price, data[i].discount_percent)) +'<span class="page-wrapper-Price-currencySymbol">  {!! $prefix !!} </span></bdi></span></ins>';
				else   var del = '<ins><span class="page-wrapper-Price-amount amount"><bdi> '+ formatnumber( data[i].price) +'<span class="page-wrapper-Price-currencySymbol"> {!! $prefix !!}</span></bdi></span></ins>';
				var m = '</div><div class="col"><form action="{!! route('Front.carts.insertCart') !!}" method="post"> <input type="hidden" name="attributeValue"  id="attribute_value' +data[i].attribute_value_id+'"   value="' +data[i].attribute_value_id+','+attributeValue+'" > <input type="hidden" name="_token" value="{!!  csrf_token()  !!}"><input type="hidden" name="quantity" value="'+ data[i].minimum_order +'"/><input id="price_id' + data[i].attribute_value_id+ '" type="hidden" name="price_id' + data[i].attribute_value_id+ '" value="' + data[i].id+ '"><input type="hidden" name="add-to-cart" value="'+product_id+'"/><input type="hidden" name="product_id" value="'+product_id+'"/><button type="submit" class="single_add_to_cart_button button alt lara-element-button">{!!__('Buy')!!}</button></form></div></div></div>';
				   var coll = col + '' + '' + del + '' + m + '' + coll;
                }
 				
                $('#product-seller-list').append(coll);


            }
        });
				for(var i=0;i<productAttribute.length;i++)
		{
		
		  if((productAttribute[i].attribute_value != null ) && (value_id==productAttribute[i].attribute_value_id) && (productAttribute[i].image != null ))
		  {
		 if(value_id==productAttribute[i].attribute_value_id)
		  {
	   var PimagezoomImg = document.getElementsByClassName('zoomImg')[0];
		PimagezoomImg.setAttribute('src','/File/product/'+productAttribute[i].image); 
		var imagethumb = document.getElementById('lara-post-imagethumb');
	      imagethumb.setAttribute('data-thumb','/File/product/'+productAttribute[i].image); 
		  var imagehref = document.getElementById('lara-post-imagehref');
	      imagehref.setAttribute('href','/File/product/'+productAttribute[i].image); 
		var Pimage = document.getElementById('lara-post-image');
         Pimage.setAttribute('data-src','/File/product/'+productAttribute[i].image); 
         Pimage.setAttribute('srcset','/File/product/600_600/'+productAttribute[i].image+' 600w, /File/product/300_300/'+productAttribute[i].image+' 300w, /File/product/150_150/'+productAttribute[i].image+' 150w, /File/product/768_768/'+productAttribute[i].image +'768w, /File/product/64_64/'+productAttribute[i].image +'64w, /File/product/'+productAttribute[i].image+' 800w'); 
           Pimage.setAttribute('src','/File/product/600_600/'+productAttribute[i].image); 
           Pimage.setAttribute('data-large_image','/File/product/'+productAttribute[i].image); 
			 }
		  }
		}
        }
 function PriceCalculationJs(fi, priceValue)
{
    return  fi - ((fi / 100) * priceValue);
}
       var wc_single_product_params = {
 
         "review_rating_required": "yes",
         "flexslider": {
           "rtl": true,
           "animation": "slide",
           "smoothHeight": true,
           "directionNav": false,
           "controlNav": "thumbnails",
           "slideshow": false,
           "animationSpeed": 500,
           "animationLoop": false,
           "allowOneSlide": false
         },
         "zoom_enabled": "1",
         "zoom_options": [],
         "photoswipe_enabled": "1",
         "photoswipe_options": {
           "shareEl": false,
           "closeOnScroll": false,
           "history": false,
           "hideAnimationDuration": 0,
           "showAnimationDuration": 0
         },
         "flexslider_enabled": "1"
       };
 
 
  </script>
 
 @endsection