@extends('Layouts.frontLayout',['classBody'=>"home container-max-width show-bottom-nav"])
@section('title')
   {{__('Home')}}
@endsection
@section('content')

   <main id="main">
 
       <div class="fullwidth-slider object-fit" data-config="{&quot;animation&quot;:&quot;fadeout&quot;,&quot;nav&quot;:&quot;1&quot;,&quot;dots&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;1&quot;,&quot;loop&quot;:true,&quot;pause_hover&quot;:&quot;1&quot;,&quot;autoplay_timeout&quot;:5000,&quot;autoplay_speed&quot;:500,&quot;nav_speed&quot;:500}">
        <div class="owl-carousel">
		 @foreach($data['sliders'] as $slider)

			  <a href="{{$slider->link}}" class="" target="_blank">
			  <img width="2560" height="533" src="/File/slider/{{$slider->image}}" class="img-fluid lara-post-image" alt="{{$slider->title}}" decoding="async" srcset="/File/slider/{{$slider->image}} 2560w, /File/slider/300_165/{{$slider->image}} 300w, /File/slider/1024_310/{{$slider->image}} 1024w, /File/slider/768_460/{{$slider->image}} 768w, /File/slider/1536_420/{{$slider->image}} 1536w, /File/slider/2048_520/{{$slider->image}} 2048w, /File/slider/600_325/{{$slider->image}} 600w" sizes="(max-width: 2560px) 100vw, 2560px" loading="eager" />
          </a>
		  @endforeach
        </div>
      </div>
      <div class="container main-container">
        <div class="row">
          <div class="col-12 col-lg-12 main-bar">
 
 
             @foreach($data['advertisings'] as $advertising)
              @if($advertising->type==1)
                   @include('Front.Shop.partials.advertising_one')
  	          @elseif($advertising->type==2)
                   @include('Front.Shop.partials.advertising_two')
		      @elseif($advertising->type==3)
                   @include('Front.Shop.partials.advertising_three')
			  @elseif($advertising->type==4)
                   @include('Front.Shop.partials.advertising_four')
		      @elseif($advertising->type==5)
                   @include('Front.Shop.partials.advertising_five')
	          @elseif($advertising->type==6)
		        @if(isset($advertising->products) and $advertising->products!=null and sizeof( $advertising->products)>0 )
			       @include('Front.Shop.partials.advertising_six')
			    @endif
 	          @elseif($advertising->type==7)
			     @if(isset($advertising->products) and $advertising->products!=null and sizeof( $advertising->products)>0 )
			       @include('Front.Shop.partials.advertising_seven')
			    @endif
 	          @elseif($advertising->type==8)
			     @if(isset($advertising->products) and $advertising->products!=null and sizeof( $advertising->products)>0 )
			       @include('Front.Shop.partials.advertising_eight')
			    @endif
 	          @elseif($advertising->type==9)
			    @if(isset($advertising->products) and $advertising->products!=null and sizeof( $advertising->products)>0 )
			       @include('Front.Shop.partials.advertising_nine')
			    @endif
 	          @elseif($advertising->type==10)
			     @if(isset($advertising->products) and $advertising->products!=null and sizeof( $advertising->products)>0 )
			       @include('Front.Shop.partials.advertising_ten')
			    @endif
 	          @elseif($advertising->type==11)
			     @if(isset($advertising->products) and $advertising->products!=null and sizeof( $advertising->products)>0 )
			       @include('Front.Shop.partials.advertising_eleven') 
			     @endif
 	          @elseif($advertising->type==12)
			    @if(isset($advertising->products) and $advertising->products!=null and sizeof( $advertising->products)>0 )
			       @include('Front.Shop.partials.advertising_twelve') 
			     @endif
 	          @elseif($advertising->type==13)
			     @if(isset($advertising->products) and $advertising->products!=null and sizeof( $advertising->products)>0 )
			       @include('Front.Shop.partials.advertising_thirteen')
			     @endif
 	          @elseif($advertising->type==14)
			      @if(isset($advertising->products) and $advertising->products!=null and sizeof( $advertising->products)>0 )
			       @include('Front.Shop.partials.advertising_fourteen')
			     @endif
 	          @elseif($advertising->type==15)
			     @if(isset($advertising->products) and $advertising->products!=null and sizeof( $advertising->products)>0 )
			       @include('Front.Shop.partials.advertising_fifteen') 
				 @endif
 	          @elseif($advertising->type==16)
			    @if(isset($advertising->products) and $advertising->products!=null and sizeof( $advertising->products)>0 )
			       @include('Front.Shop.partials.advertising_sixteen')
			    @endif
 	          @elseif($advertising->type==17)
			       @include('Front.Shop.partials.advertising_seventeen')
 	          @elseif($advertising->type==18)
			       @include('Front.Shop.partials.advertising_eighteen')
 	          @elseif($advertising->type==19)
			       @include('Front.Shop.partials.advertising_nineteen') 
 	          @elseif($advertising->type==20)
			       @include('Front.Shop.partials.advertising_twenty')
	          @endif
            @endforeach
     
 	 @if(count($data['blogs'])>0)
            <div class="widget widget-posts-slider"   data-config="{&quot;nav&quot;:true,&quot;dots&quot;:true,&quot;autoplay&quot;:false,&quot;rewind&quot;:false,&quot;pause_hover&quot;:true,&quot;single_slide&quot;:false,&quot;autoplay_timeout&quot;:5000,&quot;autoplay_speed&quot;:500,&quot;nav_speed&quot;:500,&quot;items1200&quot;:&quot;5&quot;,&quot;items992&quot;:&quot;4&quot;,&quot;items768&quot;:&quot;3&quot;,&quot;items576&quot;:&quot;2&quot;,&quot;items320&quot;:&quot;2&quot;}">
              <header class="widget-header">
                <h3 class="widget-title">
                  <span>{{__('Blog')}}</span>
                 <a href="{{route('Front.blogs.index') }}">{{__('Read More')}}</a>
                </h3>
              </header>
              <div class="widget-content">
                <div class="owl-carousel">
				 @foreach($data['blogs'] as $blog)
                  <div class="slider-item">
                    <a href="{{route('Front.blogs.blogSingle',$blog->slug)}}">
                      <img loading="lazy" width="312" height="194" src="/File/blog/312_194/{{$blog->image}}" class="attachment-main_thumbnail size-main_thumbnail lara-post-image" alt="{{$blog->title}}" decoding="async" srcset="/File/blog/312_194/{{$blog->image}} 312w, /File/blog/384_240/{{$blog->image}} 384w" sizes="(max-width: 312px) 100vw, 312px" />
                      <h2 class="item-title">{{$blog->title}}</h2>
                      
                    </a>
                  </div>
				  @endforeach
                </div>
              </div>
              </div>  
			  @endif
              </div>
            </div>
          </div>
    </main>
	
    <div class="modal" id="quick-view">
      <div class="modal-dialog">
        <header class="modal-header">
          <strong class="modal-title">{{__('Preview')}}</strong>
		   <img src="/File/default/svg/close.svg" alt="{{__('Close')}}" class=" close svg">
        </header>
 
     <div class="modal-content">
    <div   class="product type-product ">
      <div class="row">
        <div class="col-12 col-lg-6 product-image" id="product-image">

        </div>
        <div class="col-12 col-lg-6 summary entry-summary">
          <h1 class="product_title entry-title" id="product_title" > </h1>
          <div class="summary-columns">
            <div class="column-description">
              <div class="product_meta">
                <span class="posted_in" id="posted_in" > 
                </span>
                <span class="tagged_as" id="tagged_as">   </span>
              </div>
              <div class="short-attributes">
                <strong class="title">{{__('Attributes')}} </strong>
                <div class="attributes" data-showmore="1" id="attributesModal">
                </div>
              </div>
 
 
            </div>
            <div class="column-cart">
              <div class="cart-box summary entry-summary" id="cart-box">
			  
              </div>
            </div>
          </div>
          
        </div>
      </div>
    </div>
 
		</div>
      </div>
    </div> 	
@endsection

@section('script')
<script>
 
	   function priceValueModal(advertising_id,product_id,value_id,price_id) {
		     $(".priceHide"+'-'+advertising_id+'-'+product_id).hide();
            $('#'+advertising_id+'-'+product_id+'-'+ value_id).show();
            $('#price_id'+'-'+advertising_id+'-'+product_id+'-'+ value_id+'-'+price_id).val(price_id);
	   }
	   function priceValue(advertising_id,product_id,value_id,price_id) {
            $(".priceHide"+'-'+advertising_id+'-'+product_id).hide();
            $('#'+advertising_id+'-'+product_id+'-'+ value_id).show();
            $('#price_id'+'-'+advertising_id+'-'+product_id+'-'+ value_id+'-'+price_id).val(price_id);
        }

    $('.modal-toggle').click(function () {
	$('#product-image').html('');
	 $('#attributesModal').html('');
	$('#product_title').html('');
	$('#posted_in').html('');
	$('#tagged_as').html('');
	$('#cart-box').html('');
		var modal_id=$(this).data("id");
		var modal_image=$(this).data("image");
		var modal_category=$(this).data("category");
		var modal_categorySlug=$(this).data("categoryslug");
		var modal_brand=$(this).data("brand");
		var modal_title=$(this).data("title");
		var modal_tag=$(this).data("tag");
		var attributes=$(this).data("attributes");
		var modal_price=$(this).data("price");
		var modal_slug=$(this).data("slug");
		$('#attributesModal').append(attributes);
		$('#product-image').append(' <a href="'+modal_slug+'"><img width="600" height="600" src="/File/product/600_600/'+modal_image+'" class="img-fluid" alt="'+modal_title+'" decoding="async" loading="lazy" srcset="/File/product/600_600/'+modal_image+' 600w, /File/product/300_300/'+modal_image+' 300w, /File/product/150_150/'+modal_image+' 150w,/File/product/768_768/'+modal_image+' 768w, /File/product/64_64/'+modal_image+' 64w, /File/product/'+modal_image+' 800w" sizes="(max-width: 600px) 100vw, 600px" /> </a>');
		$('#product_title').append(modal_title);
		$('#cart-box').append(modal_price);
		 @if(isset($settings['show_category_brand']) and $settings['show_category_brand']==1)
		$('#tagged_as').append('{!!__('Tags')!!} :' + modal_tag);
		$('#posted_in').append('{!!__('Category')!!} : <a href="'+modal_categorySlug+'" rel="tag">'+modal_category+'</a>');
		  @endif
 
         let e = $(this).data("modal");
		  $("#" + e).addClass("show");
		  
		   $(".increase-qty").click((function() {
            let e = $(this).prev("input"),
                i = parseInt(e.attr("max")),
                s = parseInt(e.attr("step"));
            s = s || 1, i = i || 99999;
            let o = parseInt(e.val());
            if (o = o || 0, !isNaN(o) && o < i) {
                let t = o + s;
                t = t > i ? i : t, e.val(t)
            }
            e.trigger("change")
        }));
		
		$(".decrease-qty").click((function() {
            let e = t(this).next("input"),
                i = parseInt(e.attr("min")),
                s = parseInt(e.attr("step"));
            s = s || 1, i = i || 1;
            let o = parseInt(e.val());
            if (o = o || 0, !isNaN(o) && o > i) {
                let t = o - s;
                t = t < i ? i : t, e.val(t)
            }
            e.trigger("change")
        }))
		   
    });
	
</script>
@endsection