@extends('layouts.frontLayout.front-layout')

@section('content')

<link href="

https://cdn.jsdelivr.net/npm/icomoon@1.0.0/style.min.css

" rel="stylesheet">




	 <!--Body Container-->

         <div id="page-content">

            <!--Home slider-->

            <section class="slideshow-wrapper">

               <div class="home-banner">

                  @foreach($banner as $product)	 

                  <div class="slideshow-content w-100 text-center position-relative">

                     <img src="{{ asset('images/BannerImages/' . $product->image) }}" class="w-100" alt="{{ $product->description }}" title="{{ $product->description }}">

                  </div>

                  @endforeach

               </div>

            </section>

            <!--End Home slider-->

			<section class="section home-promo-content" style="

    padding-top: 10px;

    padding-bottom: 10px;

">

			    <div class="container">

                    <section class="feature-home-five ">

                        <div class="auto-container">

                            <div class="row clearfix">

                                <div class="col-lg-4 col-md-6 col-sm-12 feature-block">

                                    <div class="single-item">

                                        <div class="icon-box"><i class="icon-1"></i></div>

                                        <h4>Free Shipping</h4>

                                        <p>Free shipping on order over $100</p>

                                    </div>

                                </div>

                                <div class="col-lg-4 col-md-6 col-sm-12 feature-block">

                                    <div class="single-item">

                                        <div class="icon-box"><i class="icon-2"></i></div>

                                        <h4>Support 24/7</h4>

                                        <p>Contact us 24 hours a day, 7 days a week</p>

                                    </div>

                                </div>

                                <div class="col-lg-4 col-md-6 col-sm-12 feature-block">

                                    <div class="single-item">

                                        <div class="icon-box"><i class="icon-3"></i></div>

                                        <h4>30 Days Return</h4>

                                        <p>Simply return it within 30 days for an exchange.</p>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </section>

			        <!--<div class="d-flex justify-content-between flex-wrap">-->

			        <!--       <div class="promo-image col-12 col-md-4">-->

			        <!--            <img decoding="async" width="auto" height="auto" src="https://sktperfectdemo.com/themepack/motorcycle/wp-content/uploads/2021/03/performance-img2.jpg" alt="autohomeproducts">-->

			        <!--      </div>-->

			        <!--      <div class="promo-content col-12 col-md-7">-->

			        <!--            <div class="section-subtitle">TAKING RIDES TO A NEWER LEVEL</div>-->

			        <!--            <h1 class="text-uppercase">GREAT PERFORMANCE THAT MATTERS IN FUTURE</h1>-->

			        <!--            <p>Posuere tellus imperd facilisis. Curabitur vivrra faucbusy tellus eu semper nunc finbus placerat. Suspendi potenti kinlireye tellus imperd facilisis. Curabitur vivrra womand Praesent vel semem vulputate interdum.</p>-->

			        <!--            <div class="featured-points d-flex justify-content-between flex-wrap w-100">-->

    			    <!--                <div class="featured-point d-flex justify-content-between col-12 col-md-6 my-4">-->

    			    <!--                    <div class="featured-point-img">-->

    			    <!--                        <img src="{{ asset('assets/images/performance-icon1.jpg') }}" width="auto" height="auto" alt="autohomeproducts" decoding="async">-->

    			    <!--                    </div>-->

    			    <!--                    <div class="featured-point-cnt">-->

    			    <!--                        <h3 class="mb-1">Title One</h3>-->

    			    <!--                        <p>Posue teus imperd facilis. vivra faucbusy telleu</p>-->

    			    <!--                    </div>-->

    			    <!--                </div>-->

    			    <!--                <div class="featured-point d-flex justify-content-between col-12 col-md-6 my-4">-->

    			    <!--                    <div class="featured-point-img">-->

    			    <!--                        <img src="{{ asset('assets/images/performance-icon2.jpg') }}" width="auto" height="auto" alt="autohomeproducts" decoding="async">-->

    			    <!--                    </div>-->

    			    <!--                    <div class="featured-point-cnt">-->

    			    <!--                        <h3 class="mb-1">Title Two</h3>-->

    			    <!--                        <p>Posue teus imperd facilis. vivra faucbusy telleu</p>-->

    			    <!--                    </div>-->

    			    <!--                </div>-->

    			    <!--                <div class="featured-point d-flex justify-content-between col-12 col-md-6 my-4">-->

    			    <!--                    <div class="featured-point-img">-->

    			    <!--                        <img src="{{ asset('assets/images/performance-icon3.jpg') }}" width="auto" height="auto" alt="autohomeproducts" decoding="async">-->

    			    <!--                    </div>-->

    			    <!--                    <div class="featured-point-cnt">-->

    			    <!--                        <h3 class="mb-1">Title Three</h3>-->

    			    <!--                        <p>Posue teus imperd facilis. vivra faucbusy telleu</p>-->

    			    <!--                    </div>-->

    			    <!--                </div>-->

    			    <!--                <div class="featured-point d-flex justify-content-between col-12 col-md-6 my-4">-->

    			    <!--                    <div class="featured-point-img">-->

    			    <!--                        <img src="{{ asset('assets/images/performance-icon4.jpg') }}" width="auto" height="auto" alt="autohomeproducts" decoding="async">-->

    			    <!--                    </div>-->

    			    <!--                    <div class="featured-point-cnt">-->

    			    <!--                        <h3 class="mb-1">Title Four</h3>-->

    			    <!--                        <p>Posue teus imperd facilis. vivra faucbusy telleu</p>-->

    			    <!--                    </div>-->

    			    <!--                </div>-->

			        <!--            </div>-->

			        <!--      </div>-->

			        <!--</div>-->

			        <!--<div class="d-flex justify-content-between align-items-center w-75 m-auto bg-white p-2 image-blocks">-->

			        <!--    <div class="promo-image col-md-4 p-2">-->

			        <!--        <img decoding="async" width="auto" height="auto" src="https://sktperfectdemo.com/themepack/motorcycle/wp-content/uploads/2021/03/box-img1.jpg" alt="autohomeproducts">-->

			        <!--    </div>-->

			        <!--    <div class="promo-image col-md-4 p-2">-->

			        <!--        <img decoding="async" width="auto" height="auto" src="https://sktperfectdemo.com/themepack/motorcycle/wp-content/uploads/2021/03/box-img2.jpg" alt="autohomeproducts">-->

			        <!--    </div>-->

			        <!--    <div class="promo-image col-md-4 p-2">-->

			        <!--        <img decoding="async" width="auto" height="auto" src="https://sktperfectdemo.com/themepack/motorcycle/wp-content/uploads/2021/03/box-img3.jpg" alt="autohomeproducts">-->

			        <!--    </div>-->

			        <!--</div>-->

			    </div>

			</section>

			<!-- Categories Section-->

                <section class="feature-categories text-center">

                    <div class="auto-container">

                    <div class="sec-title">

                    <h2>Featured Categories</h2>         

                    <p>Express your opinion on the future development of raroin.</p>          

                    </div>

                    <div class="inner-container">

                        <div class="row clearfix">

                            <div class="col-lg-2 col-md-6 col-sm-12 single-column">

                                <div class="single-item wow fadeInUp animated" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-name: fadeInUp;">

                                    <div class="icon-box"><i class="icon-25"></i></div>

                                <h6><a href="#">Bearing Assem</a></h6>

                                </div>

                            </div>

                            <div class="col-lg-2 col-md-6 col-sm-12 single-column">

                                <div class="single-item wow fadeInUp animated" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-name: fadeInUp;">

                                    <div class="icon-box"><i class="icon-26"></i></div>

                                <h6><a href="#">Service Kits</a></h6>

                                </div>

                            </div>

                            <div class="col-lg-2 col-md-6 col-sm-12 single-column">

                                <div class="single-item wow fadeInUp animated" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-name: fadeInUp;">

                                    <div class="icon-box"><i class="icon-27"></i></div>

                                <h6><a href="#">Oil &amp; Lubricants</a></h6>

                                </div>

                            </div>

                            <div class="col-lg-2 col-md-6 col-sm-12 single-column">

                                <div class="single-item wow fadeInUp animated" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-name: fadeInUp;">

                                    <div class="icon-box"><i class="icon-28"></i></div>

                                <h6><a href="#">Tires &amp; Wheels</a></h6>

                                </div>

                            </div>

                            <div class="col-lg-2 col-md-6 col-sm-12 single-column">

                                <div class="single-item wow fadeInUp animated" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-name: fadeInUp;">

                                    <div class="icon-box"><i class="icon-29"></i></div>

                                <h6><a href="#">Oil Filter</a></h6>

                                </div>

                            </div>

                            <div class="col-lg-2 col-md-6 col-sm-12 single-column">

                                <div class="single-item wow fadeInUp animated" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-name: fadeInUp;">

                                    <div class="icon-box"><i class="icon-30"></i></div>

                                <h6><a href="#">Body Parts</a></h6>

                                </div>

                            </div>

                            <div class="col-lg-2 col-md-6 col-sm-12 single-column">

                                <div class="single-item wow fadeInUp animated" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-name: fadeInUp;">

                                    <div class="icon-box"><i class="icon-4"></i></div>

                                <h6><a href="#">Gold Braceletes</a></h6>

                                </div>

                            </div>

                            <div class="col-lg-2 col-md-6 col-sm-12 single-column">

                                <div class="single-item wow fadeInUp animated" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-name: fadeInUp;">

                                    <div class="icon-box"><i class="icon-5"></i></div>

                                <h6><a href="#">Lightig</a></h6>

                                </div>

                            </div>

                            <div class="col-lg-2 col-md-6 col-sm-12 single-column">

                                <div class="single-item wow fadeInUp animated" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-name: fadeInUp;">

                                    <div class="icon-box"><i class="icon-6"></i></div>

                                <h6><a href="#">Repair Parts</a></h6>

                                </div>

                            </div>

                            <div class="col-lg-2 col-md-6 col-sm-12 single-column">

                                <div class="single-item wow fadeInUp animated" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-name: fadeInUp;">

                                    <div class="icon-box"><i class="icon-7"></i></div>

                                <h6><a href="#">Air Filter</a></h6>

                                </div>

                            </div>

                            <div class="col-lg-2 col-md-6 col-sm-12 single-column">

                                <div class="single-item wow fadeInUp animated" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-name: fadeInUp;">

                                    <div class="icon-box"><i class="icon-8"></i></div>

                                <h6><a href="#">Performence Parts</a></h6>

                                </div>

                            </div>

                            <div class="col-lg-2 col-md-6 col-sm-12 single-column">

                                    <div class="single-item wow fadeInUp animated" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-name: fadeInUp;">

                                <div class="icon-box"><i class="icon-9"></i></div>

                                <h6><a href="#">All Accessories</a></h6>

                                </div>

                            </div>

                        </div>

                        </div>

                    </div>

                </section>

			@if(count($category) > 0)

			<section class="section pt-2 Shop_coloe">

			    <div class="container">

                  <div class="section-header m-5">

                     <!--<div class="section-subtitle">AIP</div>-->

                     <h2 class="text-uppercase">SHOP BY COLLECTIONS</h2>

                  </div>

                  <div class="catgory-slider grid-products inner-pro-slider cat-blocks">

				    @foreach($category as $product)

				        
                        <div class="item">

                            @if (Auth::check())

                                  <a class="col-12 cat-box p-2 position-relative" href="{{ url('product/'.$product['id'].'/'.$product['seo_unique']) }}">{{ $product['name'] }}</a>

                		                <img class="lazyload" data-src="{{ $default_image }}" src="{{ $default_image }}" alt="product" title="{{ $product['name'] }}" decoding="async" width="auto" height="auto">

                		                <div class="cat-content position-absolute">

                		                    <h2>{{ $product['name'] }}</h2>

                		                </div>

            		              </a>

        		            @else

        		                <a type="button" data-bs-toggle="modal" data-bs-target="#login-modal"  class="col-12 cat-box p-2 position-relative">

        		                    <img class="lazyload" data-src="{{ $default_image }}" src="{{ $default_image }}" alt="product" title="{{ $product['name'] }}" decoding="async" width="auto" height="auto">

            		                <div class="cat-content position-absolute">

            		                    <h2>{{ $product['name'] }}</h2>

            		                </div>

            		            </a>

        		            @endif

    		            </div>

				  @endforeach

				  </div>

                </div>

			</section>

			@endif

                  

			<section class="section bg-gray pt-5 home-pro-list">

			    <div class="container">

			        <div class="d-flex flex-wrap justify-content-between">

			            <div class="col-12 col-md-4">

			                <img decoding="async" width="auto" height="auto" src="https://sktperfectdemo.com/themepack/motorcycle/wp-content/uploads/2021/03/ktm-bike.png"  alt="ktm-bike" loading="lazy">

			            </div>

			            <div class="col-12 col-md-6">

			                 <div class="d-flex justify-content-between">

			                     <div class="col-12 col-md-5">

			                         <div class="section-header text-left p-0">

            		                     <div class="section-subtitle">Choose A</div>

                                         <h2 class="text-uppercase">MOTORCYCLE</h2>

                                     </div>

                                 </div>

                                <!-- <div class="col-12 col-md-5">

                                     <a href="#" type="button" class="btn btn-lg border-0 btn-primary" >View All Bikes</a>

                                 </div>-->

                             </div> 

                             @if(count($best_seller_products) > 0) 

                             <div class="product-Slider grid-products inner-pro-slider">

            				     @foreach($best_seller_products as $product)

                                    <div class="item">

                                        <!--Start Product Image-->

                                        <div class="product-image">

                                           <!--Start Product Image-->

                						   
                						   @if (Auth::check())

                                           <a href="{{ $product['seo_unique'] }}" class="product-img">

                                            @else

                                            <a href="#" data-bs-toggle="modal" data-bs-target="#login-modal" class="product-img login-btn">

                                            @endif

                                              <!--Image-->

                                              <img class="lazyload" data-src="{{ $default_image }}" src="{{ $default_image }}" alt="product" title="{{ $product['name'] }}">

                                              <!--End Image-->

                                           </a>

                                           <!-- End Product Image -->

                                        </div>

                                        <!-- End Product Image -->

                                        <!--Start Product Details-->

                                        <div class="product-details feature-product-area text-center">

                                           

                                                <a class="product-name" href="{{ $product['seo_url'] }}">{{ $product['product_name'] }}</a>

                                        

                                            <div class="product-link">

                                           

                                                <a href="{{ $product['seo_url'] }}" class="btn btn-sm border-0 btn-primary">Shop Now</a>

                                            </div>

                                        </div>

                                        <!--End Product Details-->

                                     </div>	 

            				     @endforeach

            				  </div>

            				  @endif 

			            </div>

			        </div>

			    </div>

			</section>



            <section class="section">

                <div class="container">

                    <h2 class="text-uppercase">IMPROVE GENERAL RIDEABILITY</h2>

                    </div>

                    <div class="d-flex flex-wrap justify-content-between align-items-center w-100 m-auto bg-white p-2 cat-blocks">

                        @foreach($blog as $blog)

                            <div class="col-12 col-md-4 cat-box p-2 position-relative">

                                <div class="blog-image">

                                        <img src="{{ asset('images/BlogImages/'.$blog->image) }}" alt="Blog Image" class="img-responsive">

                                    </div>

                              <div class="cat-content position-absolute">

                                        <h2 class="blog-title">{{ $blog->title }}</h2>

                                    <p class="blog-meta">

                                       <!--  <span class="blog-date"  style="color: red;">{{ $blog->date }}</span>-->

                                    </p>

                                </div>

                            <div class="text-center">

                                 

                             <a href="{{ route('blog-show', ['id' => $blog->id]) }}" class="btn btn-sm border-0 btn-primary">Read More</a>

                            </div>

                            </div>

                        @endforeach

                    </div>

                </div>

            </section>                                                                        


 @if(count($new_arrival_products) > 0)

            <!--Product Slider-->

          <section class="section product-slider pt-5 home-pro-list">

               <div class="container">

                  <div class="section-header">

                     <div class="section-subtitle">New</div>

                     <h2 class="text-uppercase" style="text-align: center;">Arrivals</h2>

                  </div>

                  <div class="productSlider grid-products inner-pro-slider">

                     @foreach($new_arrival_products as $product)

                     <div class="item">

                        <!--Start Product Image-->

                        <div class="product-image">

                           <!--Start Product Image-->

                           
                           @if (Auth::check())

                           <a href="{{ $product['seo_unique'] }}" class="product-img">

                            @else

                            <a href="#" data-bs-toggle="modal" data-bs-target="#login-modal" class="product-img login-btn">

                            @endif

                              <!--Image-->

                              <img class="lazyload" data-src="{{ $default_image }}" src="{{ $default_image }}" alt="product" title="{{ $product['name'] }}">

                              <!--End Image-->

                           </a>

                           <!-- End Product Image -->

                        </div>

                        <!-- End Product Image -->

                        <!--Start Product Details-->

                        <div class="product-details feature-product-area text-center">

                            

                                <a class="product-name" href="{{ $product['seo_url'] }}">{{ $product['product_name'] }}</a>

                           

                            <div class="product-link">

                           

                                <a href="{{ $product['seo_url'] }}" class="btn btn-sm border-0 btn-primary">Shop Now</a>

                            

                             

                            </div>

                        </div>

                        <!--End Product Details-->

                     </div>  

                  @endforeach

                  </div>

               </div>

            </section>
 -->
            <!--End Product Slider-->

            @endif  
            
			<!-- <section class="section pt-5">

			    <div class="container">

			        <div class="d-flex flex-wrap justify-content-between">

			            <div class="col-12 col-md-6 position-relative">

			                 <div class="section-header text-left p-0">

    		                     <div class="section-subtitle">Customer Feedback</div>

                                 <h2 class="text-uppercase">WHY PEOPLE ARE TALKING ABOUT US</h2>

                             </div>

                             <div class="review-Slider bg-gray">

                                 @foreach($product_reviews as $product_reviews_values)

                                 <div class="review-content">

                                     <p class="review-name">{{$product_reviews_values->name}}</p>

                                     <p class="review-title">{{$product_reviews_values->review_title}}</p>

            				         <h3 class="review-message">{{$product_reviews_values->message}}</h3>

                                    <div class="star-rating">

                                        @for ($i = 1; $i <= 5; $i++)

                                            @if ($i <= $product_reviews_values->rating)

                                                <span class="star">&#9733;</span>

                                            @else

                                                <span class="star">&#9734;</span>

                                            @endif

                                        @endfor

                                    </div>

            				     </div>

            				     @endforeach

            				 </div>

            				 <div class="review-nav">

            				     <button type="button" role="presentation" class="review-prev"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="24px" height="24px"><path d="M 34.980469 3.992188 C 34.71875 3.996094 34.472656 4.105469 34.292969 4.292969 L 14.292969 24.292969 C 13.902344 24.683594 13.902344 25.316406 14.292969 25.707031 L 34.292969 45.707031 C 34.542969 45.96875 34.917969 46.074219 35.265625 45.980469 C 35.617188 45.890625 35.890625 45.617188 35.980469 45.265625 C 36.074219 44.917969 35.96875 44.542969 35.707031 44.292969 L 16.414063 25 L 35.707031 5.707031 C 36.003906 5.417969 36.089844 4.980469 35.929688 4.601563 C 35.769531 4.21875 35.394531 3.976563 34.980469 3.992188 Z"/></svg></button>

            				     <button type="button" role="presentation" class="review-next"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="24px" height="24px"><path d="M 14.988281 3.992188 C 14.582031 3.992188 14.21875 4.238281 14.0625 4.613281 C 13.910156 4.992188 14 5.421875 14.292969 5.707031 L 33.585938 25 L 14.292969 44.292969 C 14.03125 44.542969 13.925781 44.917969 14.019531 45.265625 C 14.109375 45.617188 14.382813 45.890625 14.734375 45.980469 C 15.082031 46.074219 15.457031 45.96875 15.707031 45.707031 L 35.707031 25.707031 C 36.097656 25.316406 36.097656 24.683594 35.707031 24.292969 L 15.707031 4.292969 C 15.519531 4.097656 15.261719 3.992188 14.988281 3.992188 Z"/></svg></button>

            			     </div>

            			</div>

			            <div class="col-12 col-md-4">

    		                <img decoding="async" width="auto" height="auto" src="https://sktperfectdemo.com/themepack/motorcycle/wp-content/uploads/2021/03/big-helmet.png"  alt="ktm-bike" loading="lazy">

    		            </div>

			        </div>

			    </div>

			</section> -->

        </div>

		 <!--End Body Container-->

<!--End Body Container-->

 <div id="quickView-modal" class="mfp-with-anim mfp-hide">

            <button title="Close (Esc)" type="button" class="mfp-close">×</button>

            <div class="row" id="ProductDetails">

               

			</div>

         </div>

<!--End Quickview Popup vvvccc-->

<script type="text/javascript" src="{{ asset('js/ajax_jquery.min.js')}}"></script>

<script type="text/javascript">

$(document).ready(function() {  

    $('.home-banner').slick({

      autoplay: true,

      speed: 500,

      fade: true,

      cssEase: 'linear',

      arrows: false,

      dots: true,

      slidesToShow: 1,

      slidesToScroll: 1

    });

    $('.catgory-slider').slick({

      autoplay: true,

      speed: 500,

      arrows: true,

      slidesToShow: 3,

      slidesToScroll: 1,

      responsive: [

        {

          breakpoint: 1024,

          settings: {

            slidesToShow: 2,

          }

        },

        {

          breakpoint: 600,

          settings: {

            slidesToShow: 1,

          }

        },

      ]

    });

    $('.product-Slider').slick({

      autoplay: true,

      speed: 500,

      arrows: true,

      slidesToShow: 2,

      slidesToScroll: 1,

      responsive: [

        {

          breakpoint: 1024,

          settings: {

            slidesToShow: 1,

          }

        },

      ]

    });

    $('.review-Slider').slick({

      autoplay: true,

      speed: 500,

      arrows: true,

      slidesToShow: 1,

      slidesToScroll: 1,

      prevArrow: $('.review-prev'),

      nextArrow: $('.review-next'),

    });

});

$(document).on('click','.quick-view',function(){  

		 var product_id = $(this).attr('data-product-id'); 

		 var seo_url = $(this).attr('data-product-seo_url');  

		  $('#ProductDetails').html('<div class="container-fluid PleaseWaitDiv" id="popupLoading" style="display: none;"></div>');

		  $("#popupLoading").show();

		  $.ajax({ 

				   url: "/product-details/"+product_id+"/"+seo_url,

				   type:'get',

				   success: function(data) {

					   $('.PleaseWaitDiv').hide();

					   if(data.status){

						  $('#ProductDetails').html(data.view);

						  

					   }

				   }

			}); 

   });

$(document).on('click','.addtocart-btn',function(e){   

var btn_type = $(this).attr('data-btntype'); 

$("#action").val(btn_type);

	 var proid = $("#product_id").val(); 

	   e.preventDefault();

	   $('.PleaseWaitDiv').show();

	   var formdata = $(".product-form").serialize()+"&proid="+proid;

	   var actionType= $('[name=action]').val(); 

	   $.ajax({

		   url: '/add-to-cart',

		   type:'POST',

		   data: formdata,

		   success: function(data) {

			   $('.PleaseWaitDiv').hide();

			   if(!data.status){

				 if(data.type=="validation"){

					printErrorMsg(data.errors,'cart_err_msg');

					$('.cart_err_msg').delay(3000).fadeOut('slow');

				 }

			  }else{

				 $('#msgDiv').css('display', 'block').delay(3000).fadeOut('slow');

				 var msg = {};

				 msg[0]= data.message;

				 printSuccessMsg(msg,'cart_msg');

				 $('.cart_msg').delay(3000).fadeOut('slow');

				 $('input[name="size"]').attr('checked', false);

				 $('#minicart-drawer').modal('show');

			  }

			   cartitemsAjax();

		   }

		   

		   

		   

		   

		   

	   });

});





$(document).on('click','.add-wishlist-btn',function(e){ 

	e.preventDefault();

	var proid = $("#product_id").val(); 

	var formdata = $(".product-form").serialize()+"&proid="+proid;

   $.ajax({

	 data: formdata,

	 type : 'post',

	 url : '/add-to-wishlist',

	 success:function(resp){ 

	   if(resp.status){

		 if(resp.message ==='set'){ 

			$('#wishlist-btn').html(' <i id="wishlist-icon" class="add-wishlist icon an an-heart me-1"></i> <span>Add to Wishlist</span>');

		 }else if(resp.message ==='unset'){

			$('#wishlist-btn').html('<i id="wishlist-icon" class="add-wishlist icon an an-heart-l me-1"></i> <span>Add to Wishlist</span>');        

		 }

		   var msg = [];

		   msg[0] = resp.alert_message;

		   printSuccessMsg(msg,'wishlist_msg');

		   $('.wishlist_msg').delay(3000).fadeOut('slow');

	   }else{

		 if(resp.message == 'login'){  

			   alert('Please login first');

		 }else{

			   var msg = [];

			   msg[0] = resp.message;

			   printErrorMsg(msg,'wishlist_err_msg');

			   $('.wishlist_err_msg').delay(3000).fadeOut('slow');

		 }

	   }

	 },

   }); 

 });

 

function size_onchange(size_key){

	    $(".product-size").removeClass("active");

		$(".size-"+size_key).addClass("active");

		$(".attr-size").attr('checked', false);

		$("#attr-size-"+size_key).attr('checked', true);

		 var proid = $("#product_id").val(); 

         var size = $("#attr-size-"+size_key).val(); 

         $.ajax({  

            url: '/get-product-attribute-price',

               type:'POST',

               data: {size:size,proid:proid,_token:"{{csrf_token()}}"},

               success: function(data) {

                     if(data.status){

						   $('.pricebox').html(data.data['price_info']);

                     }

					  if(data.wishlist_count =='1'){ 

							$('#wishlist-btn').html(' <i id="wishlist-icon" class="add-wishlist icon an an-heart me-1"></i> <span>Add to Wishlist</span>');

					   }else if(data.wishlist_count =='0'){

							$('#wishlist-btn').html('<i id="wishlist-icon" class="add-wishlist icon an an-heart-l me-1"></i> <span>Add to Wishlist</span>');        

					   }

					 

					 

					 

               }

         });

} 



function color_onchange(key){ 

    $("#color-"+key).trigger('click');

	

}	

function decrease_qty(){ 

   var quantity = $("#quantity").val();

   if(quantity > 1){

	  $("#quantity").val(quantity-1);

   }

}

function increase_qty(){ 

	var quantity = $("#quantity").val();

	  if(quantity != 10){

		   if(quantity == ''){

			 quantity = 0;

		   }

	   var sum =  parseInt(quantity) + 1;     

		$("#quantity").val(sum);

	 }

   

}

function isNumberKey(evt){ 

  return false;

   /* var charCode = (evt.which) ? evt.which : evt.keyCode

    if (charCode > 31 && (charCode < 48 || charCode > 57))

        return false;

    return true; */

}

</script>



@stop

@section('javascript')

@parent

@stop