@extends('Layouts.frontLayout',['classBody'=>"home container-max-width show-bottom-nav"])
@section('title')
 {{$data['page']->title}}
@endsection
@section('metaData')
       <meta name="meta_title" content="{{(isset($data['page']->meta_data->meta_title) and $data['page']->meta_data->meta_title!="")?$data['page']->meta_data->meta_title:''}}">
       <meta name="meta_tags" content="{{(isset($data['page']->meta_data->meta_tags) and $data['page']->meta_data->meta_tags!="")?$data['page']->meta_data->meta_tags:''}}">
       <meta name="meta_description" content="{{(isset($data['page']->meta_data->meta_description) and $data['page']->meta_data->meta_description!="")?$data['page']->meta_data->meta_description:''}}">
       <meta property="og:url"content="{{url('/')}}" >
       <meta property="og:type"content="{{(isset($data['page']->meta_data->facebook_meta_data) and $data['page']->meta_data->facebook_meta_data!="")?$data['page']->meta_data->facebook_meta_data:''}}" >
       <meta property="og:title"content="{{(isset($data['page']->meta_data->meta_title) and $data['page']->meta_data->meta_title!="")?$data['page']->meta_data->meta_title:''}}" >
       <meta property="og:description"content="{{(isset($data['page']->meta_data->facebook_meta_description) and $data['page']->meta_data->facebook_meta_description!="")?$data['page']->meta_data->facebook_meta_description:''}}" >
       <meta property="og:image"content="{{url('/')}}/{{(isset($data['page']->meta_data->facebook_meta_image) and $data['page']->meta_data->facebook_meta_image!="")?$data['page']->meta_data->facebook_meta_image:''}}">
       <meta name="twitter:card" content="{{(isset($data['page']->meta_data->twitter_meta_data) and $data['page']->meta_data->twitter_meta_data!="")?$data['page']->meta_data->twitter_meta_data:''}}" >
       <meta name="twitter:site" content="{{url('/')}}" >
       <meta name="twitter:title" content="{{(isset($data['page']->meta_data->meta_title) and $data['page']->meta_data->meta_title!="")?$data['page']->meta_data->meta_title:''}}" >
       <meta name="twitter:description" content=" {{(isset($data['page']->meta_data->twitter_meta_description) and $data['page']->meta_data->twitter_meta_description!="")?$data['page']->meta_data->twitter_meta_description:''}}">
       <meta name="twitter:image" content="{{url('/')}}/{{(isset($data['page']->meta_data->twitter_meta_image) and $data['page']->meta_data->twitter_meta_image!="")?$data['page']->meta_data->twitter_meta_image:''}}">
@endsection
@section('content')
       <main id="main">
         <div class="amazing-header" style="    background: url(/File/default/promotion-center-pattern.svg) no-repeat center 0,linear-gradient(45deg,#b500d0,#ff3a49);">
           <div class="container" >
            {{$data['page']->title}}
           </div>
         </div>
 
      <div class="container main-container">
	             <nav class="page-wrapper-breadcrumb breadcrumb">
             <a href="/">{{__('Home')}}  </a>&nbsp;&#47;&nbsp;{{$data['page']->title}}
           </nav>
        <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
 
              </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