@extends('adtTheme::layouts.master')
@section('title',!is_null($product['metas']) && !is_null($product['metas']['meta_title']) ? $product['metas']['meta_title'] : $product['name']['product_name'])
@section('meta_description',!is_null($product['metas'])  ? $product['metas']['meta_description'] : '')
@section('meta_keywords',!is_null($product['metas']) ? $product['metas']['meta_keywords'] : '')
@section('meta')

    <meta property="og:type" content="product"/>
    @if(array_key_exists('price_data',$product) && !is_null($product['price_data']))
        @if(!config('storeSettings.hidePrice',false)) @if(!empty($product['price_data']->basket_discount) && $product['price_data']->basket_discount->basket_discount_price > 0) <meta property="og:price:amount" content="{{  $product['price_data']->basket_discount->basket_discount_price }}"/><meta name="twitter:data1" content="{{  $product['price_data']->basket_discount->basket_discount_price }} {{ array_key_exists('currency',$product) ?  $product['currency']['currency_code'] : 'TRY' }}"> @elseif(!empty($product['price_data']->discount) && $product['price_data']->discount->discount_price > 0) <meta property="og:price:amount" content="{{  $product['price_data']->discount->discount_price }}"/><meta name="twitter:data1" content="{{  $product['price_data']->discount->discount_price }} {{ array_key_exists('currency',$product) ?  $product['currency']['currency_code'] : 'TRY' }}"> @else <meta property="og:price:amount" content="{{  $product['price_data']->product_price }}"/><meta name="twitter:data1" content="{{  $product['price_data']->product_price }} {{ array_key_exists('currency',$product) ?  $product['currency']['currency_code'] : 'TRY' }}"> @endif <meta name="twitter:label1" content="Price"><meta property="og:price:currency" content="{{ array_key_exists('currency',$product) ?  $product['currency']['currency_code'] : 'TRY' }}"/>
        @endif
    @endif

    @if(array_key_exists('images',$product) && !is_null($product['images']) && count($product['images']) > 0)
        <meta property="og:image" content="{{ url('/').$product['images'][array_key_first($product['images'])]['paths']['large'] }}"/><meta name="twitter:image:alt" content="{{ $product['images'][array_key_first($product['images'])]['alt_and_title'] }}"/>
    @endif
    @if(array_key_exists('images',$product) && count($product['images']) > 0 && $product['images'][array_key_first($product['images'])]['paths']['medium'])
        @if(config('generalSettings.webp_status',0)) <link fetchpriority="high" rel="preload" href="{{ $product['images'][array_key_first($product['images'])]['paths']['medium_webp'] }}" as="image" type="image/webp">
        @else <link fetchpriority="high" rel="preload" href="{{ $product['images'][array_key_first($product['images'])]['paths']['medium'] }}" as="image">
        @endif
    @endif
@endsection
@section('content')

    @include('frontend.themes.default.layouts.partials.announcement-template',
['position'=>\App\Constants\AnnouncementPositionTypeConstants::PRODUCT_HEADER,'relationId' => $product['product_id']])
    <div class="container" v-cloak><nav class="breadcrumb"> @foreach($product['top_level_categories'] as $item) <span class="breadcrumb__item"> @if($loop->iteration > 1) <i class="icon icon-chevron-right"></i> @endif <a href="{{ route('frontend.'.config('storeSettings.storeCode').'.category',[$item['category_name']['category_slug']]) }}"> {{ $item['category_name']['category_name'] }} </a></span> @endforeach
        </nav><div class="row product-page-list"><div class="col-lg-6"><div class="product-page-showcase"><div class="product-page-showcase__card"><div id="showcaseCard" class="swiper"><div class="swiper-wrapper popup-gallery"><a v-for="(previewImage,iKey)  in previewImages" @if(config('generalSettings.webp_status',0)) :href="previewImage.paths.large_webp" @else :href="previewImage.paths.large" @endif data-fancybox="zoom-gallery-mobile" class="swiper-slide"><span class="product-page-showcase__image"><img v-if="iKey === 0" fetchpriority="high" @if(config('generalSettings.webp_status',0)) :src="previewImage.paths.medium_webp" @else :src="previewImage.paths.medium" @endif :alt="previewImage.alt_and_title"><img v-else @if(config('generalSettings.webp_status',0)) :src="previewImage.paths.medium_webp" @else :src="previewImage.paths.medium" @endif loading="lazy" :alt="previewImage.alt_and_title"></span></a><template v-if="Object.keys(previewImages).length > 0"><div v-for="previewVideo in previewVideos" class="swiper-slide"><div v-if="previewVideo.type == 'local' || previewVideo.type == 'vimeo'" class="product-page-showcase__image"><video playsinline muted loop autoplay disablepictureinpicture preload="metadata" :poster="previewVideo.image_path"><source :src="previewVideo.video_path" type="video/mp4"></video></div><div v-if="previewVideo.type == 'youtube'" @click="videoOpen(previewVideo)" class="product-page-showcase__image"><img fetchpriority="low" data-lazy loading="lazy" :src="previewVideo.image_path" :alt="previewVideo.title"></div></div></template></div></div><div class="product-page-showcase__tags"> @foreach($product['badges'] as $badge) <div @if(!empty($badge['badge_color'])) style="background-color: {{ $badge['badge_color'] }}" @endif class="badge"><span @if(!empty($badge['text_color'])) style="color: {{ $badge['text_color'] }}" @endif >{!! $badge['name']['badge_name'] !!}</span></div> @endforeach @if(!is_null($product['price_data']->discount)) <div class="badge discount"><i class="icon icon-discountbadges"></i><span>{{ __('frontend/product_card.x_discount_percent',['discountPercent' => $product['price_data']->discount->discount_percent]) }}</span></div> @endif </div><div class="product-page-showcase__actions"><div v-if="Object.keys(previewVideos).length > 0" class="badge"><i class="icon icon-video"></i><span>{{ __('frontend/product-detail.video') }}</span></div></div><button class="product-page-showcase__navigation product-page-showcase__navigation-next"><i class="icon icon-chevron-right"></i></button><button class="product-page-showcase__navigation product-page-showcase__navigation-prev"><i class="icon icon-chevron-left"></i></button></div><div class="product-page-showcase__slides"><div thumbsslider="" id="showcaseSlides" class="swiper"><div class="swiper-wrapper"><div v-for="previewImage in previewImages" class="swiper-slide"><div class="product-page-showcase__slide"><img @if(config('generalSettings.webp_status',0)) :src="previewImage.paths.large_webp" @else :src="previewImage.paths.large" @endif :alt="previewImage.alt_and_title"></div></div><template v-if="Object.keys(previewVideos).length > 0"><div v-for="previewVideo in previewVideos" class="swiper-slide"><div @click="videoOpen(previewVideo)" class="product-page-showcase__slide product-page-showcase__slide--thumbnail"><i class="icon icon-chevron-right"></i><i class="icon icon-cell-2"></i><img :src="previewVideo.image_path" alt="thumbnail"></div></div></template></div></div></div></div> @if(!is_null($cargoCounterRemainingTime)) <countdown div-class="d-lg-flex d-none" endtime="{{ $cargoCounterRemainingTime }}"></countdown> @endif @if(array_key_exists('accessory_products',$product) && count($product['accessory_products']) > 0) <div class="product-page-accessories d-lg-flex d-none"><div class="product-page-accessories__title"> {!! __('frontend/product-detail.accessories_for_this_product') !!} </div><section class="swiper-container" data-slider data-between="12" data-config='{ "slidesPerView": "auto", "breakpoints": { "0": { "spaceBetween": 10 }, "1200": { "spaceBetween": 12 } } }'><div class="swiper-wrapper"> @include('frontend.themes.default.templates.products.partials.accessory-slider-component') </div></section></div> @endif </div><div class="col-lg-6"><div class="product-page-panel"><div class="product-page-header mb-5"><div class="product-page-header__content"><div class="product-page-header__title"><h1>@{{ productData.name.product_name }}</h1></div><div class="product-page-header__description"> @{{ productData.descriptions.product_short_description }} </div></div><div class="product-page-header__detail"> @if(!config('storeSettings.hidePrice',false)) <div v-if="productData.price.price != null" class="product-page-header__price"> @if(config('app.storeType',\App\Constants\StoreTypeConstants::RETAIL) == \App\Constants\StoreTypeConstants::DEALER) <div><strong>{{ __('frontend/product-detail.dealer_seria_price') }} :</strong></div> @endif <div class="d-flex flex-column"><div :class="productData.price.basketDiscountPrice == null && productData.price.discountPrice == null ? 'product-page-header__amount' : 'product-page-header__discount'" ><span v-if="productData.currency.display_position == 'prepend'" v-text="productData.currency.currency_short_name"></span> @{{ (productData.price.price).toFixed(2) }} <span v-if="productData.currency.display_position == 'append'" v-text="productData.currency.currency_short_name"></span></div><div v-if="productData.price.discountPrice != null" class="product-page-header__amount" ><span v-if="productData.currency.display_position == 'prepend'" v-text="productData.currency.currency_short_name"></span> @{{ (productData.price.discountPrice).toFixed(2) }} <span v-if="productData.currency.display_position == 'append'" v-text="productData.currency.currency_short_name"></span></div></div><div v-if="productData.price.basketDiscountPrice != null" class="product-page-header__badge"><strong> Sepette <span v-if="productData.currency.display_position == 'prepend'" v-text="productData.currency.currency_short_name"></span> @{{ (productData.price.basketDiscountPrice).toFixed(2) }} <span v-if="productData.currency.display_position == 'append'" v-text="productData.currency.currency_short_name"></span></strong></div></div> @else <span>{{ __('frontend/general.hide_price_text') }}</span> @endif <a id="pills-comments-tab" data-bs-toggle="pill" data-bs-target="#pills-comments" type="button" role="tab" class="product-page-header__review"><i class="icon icon-star-rounded-fill"></i><span>{{ number_format($product['avg_rating'],1) }}({{ $productComments->total() }} {{ __('frontend/product-detail.comment') }})</span></a></div></div></div><div class="product-page-detail mb-lg-8 mb-5"><table><tr><td>{{ __('frontend/product-detail.product_code') }}</td><td>:</td><td>@{{ productData.product_code }}</td></tr> @if(!is_null($product['brand']) && config('storeSettings.productDetailPageViewBrand', false)) <tr><td>{{ __('frontend/product-detail.product_brand') }}</td><td>:</td><td>{{ $product['brand']['brand_name'] }}</td></tr> @endif <tr v-if="selectedProductVariant != undefined && selectedProductVariant != null && Object.keys(selectedProductVariant).length > 0"><td>{{ __('frontend/product-detail.product_barcode') }}</td><td>:</td><td>@{{ selectedProductVariant.barcode }}</td></tr><tr v-if="productData.sale_criteria.min_order > 1"><td>{{ __('frontend/product-detail.product_min_order') }}</td><td>:</td><td>@{{ productData.sale_criteria.min_order }}</td></tr> @if(isset($includedVariants) && count($includedVariants) > 0) <tr><td>{{ __('frontend/product-detail.dealer_product_included_variant') }}</td><td>:</td><td> {{  implode(',',$includedVariants->pluck('variant_name')->toArray()) }} </td></tr><tr><td>{{ __('frontend/product-detail.dealer_product_included_variant_count') }}</td><td>:</td><td> {{  count($includedVariants) }} </td></tr> @if(!config('storeSettings.hidePrice',false)) <tr><td>{{ __('frontend/product-detail.dealer_product_unit_price') }}</td><td>:</td><td><span v-if="productData.currency.display_position == 'prepend'" v-text="productData.currency.currency_short_name"></span> @if(!empty($product['price_data']->basket_discount) && $product['price_data']->basket_discount->basket_discount_price > 0) {{  ($product['price_data']->basket_discount->basket_discount_price)/count($includedVariants) }} @elseif(!empty($product['price_data']->discount) && $product['price_data']->discount->discount_price > 0) {{  ($product['price_data']->discount->discount_price)/count($includedVariants) }} @else {{  $product['price_data']->product_price/count($includedVariants) }} @endif <span v-if="productData.currency.display_position == 'append'" v-text="productData.currency.currency_short_name"></span></td></tr> @endif @endif </table></div> @include('frontend.themes.default.templates.products.partials.variant-selection-area') @if(!config('storeSettings.hidePrice',false)) <div class="product-page-number mb-5"><div class="product-page-number__title">{{ $product['unit']['name']['unit_name'] }}:</div><div class="product-page-number__counter"><button :disabled="(productData.product_stock != null && productData.product_stock.product_stock <= 0)" @click="qtyInput > 1 ?  qtyInput -= 1 : qtyInput = 1" class="product-page-number__reducer"><i class="icon icon-minus"></i></button><input :disabled="(productData.product_stock != null && productData.product_stock.product_stock <= 0)" v-model.number="qtyInput" @if(array_key_exists('sale_criteria',$product) && !empty($product['sale_criteria'])) @if($product['sale_criteria']['min_order'] > 0) min="{{ $product['sale_criteria']['min_order'] }}" value="{{ $product['sale_criteria']['min_order'] }}" @endif @if($product['sale_criteria']['max_order'] > 0) max="{{ $product['sale_criteria']['max_order'] }}" @endif @else min="1" value="1" @endif :step="productData.unit !=undefined && productData.unit.step ? productData.unit.step : 1 " id="product_count" class="product-page-number__count"><button :disabled="(productData.product_stock != null && productData.product_stock.product_stock <= 0)" @click="qtyInput += 1" class="product-page-number__booster"><i class="icon icon-plus"></i></button></div></div><div class="product-page-actions mb-5"><template v-if="productData.product_stock != null"><button v-if="productData.product_stock.product_stock > 0" @click="addBasket()" type="button" class="btn btn-black">{{ __('frontend/product-detail.add_to_basket') }} <i class="icon icon-bag"></i></button><button v-if="productData.product_stock.product_stock <= 0" type="button" disabled="disabled" class="btn btn-black">{{ __('frontend/product-detail.sold_out') }} <i class="icon icon-bag"></i></button></template><template v-if="productData.product_stock == null" class="item add-cart"><button v-if="Object.keys(productVariants).length > 0 && selectedProductVariantId == null" type="button" disabled="disabled" class="btn  "> @if(!empty($productVariantData)) {{ __('frontend/product-detail.choose_option_with_option_text',['optionNames' => implode(',',array_column($productVariantData['variantGroupsList'],'variantGroupName'))]) }} @else {{ __('frontend/product-detail.choose_option') }} @endif <i class="icon icon-bag"></i></button><button v-if="Object.keys(productVariants).length > 0 && selectedProductVariantId != null && selectedProductVariant.variantStock > 0" type="button" @click="addBasket()" class="btn btn-black">{{ __('frontend/product-detail.add_to_basket') }}<i class="icon icon-bag"></i></button><button v-if="Object.keys(productVariants).length > 0 && selectedProductVariantId != null && selectedProductVariant.variantStock <= 0" type="button" disabled class="btn  disabled">{{ __('frontend/product-detail.sold_out') }}<i class="icon icon-bag"></i></button></template><button @click="productToFavorite({{ $product['product_id'] }})" v-if="userFavorites == null || userFavorites[{{ $product['product_id'] }}] == undefined" class="btn btn-outline-black">{{ __('frontend/product-detail.add_favorite') }} <i class="icon icon-hearth "></i></button><button @click="productToFavorite({{ $product['product_id'] }})" v-if="userFavorites != null && userFavorites[{{ $product['product_id'] }}] != undefined" class="btn btn-outline-black">{{ __('frontend/product-detail.remove_favorite') }}<i class="icon   icon-hearth-fill "></i></button></div> @else <div class="product-page-actions mb-5"><button type="button" disabled="disabled" class="btn  "> {{ __('frontend/general.hide_price_text') }} <i class="icon icon-bag"></i></button></div> @endif <div class="product-page-socials mb-lg-8 mb-5"><a href="https://api.whatsapp.com/send?phone={{ str_replace(' ','',strip_tags(config('storeSettings.storeWhatsappNumber'))) }}&text={{ $product['name']['product_name'] }}" class="btn btn-white"><i class="icon icon-whatsapp"></i>{{ __('frontend/product-detail.whatsapp_order') }}</a></div><div v-if="productData.information != undefined && Object.keys(productData.information).length > 0"><div v-for="information in productData.information" class="product-page-banner mb-3"><i v-if="information.product_information_icon != '' && information.product_information_icon != null" :class="'icon '+information.product_information_icon"></i><div class="product-page-banner__content"><div class="product-page-banner__title"> @{{ information.text.product_information_title }} </div><div v-html="information.text.product_information" class="product-page-banner__description"></div></div></div></div> @if(array_key_exists('accessory_products',$product) && count($product['accessory_products']) > 0) <div class="product-page-accessories d-flex d-lg-none mb-4"><div class="product-page-accessories__title">{!! __('frontend/product-detail.accessories_for_this_product') !!}</div><section class="swiper-container" data-slider data-items="2" data-between="12" data-config='{ "slidesPerView": "auto", "breakpoints": { "0": { "spaceBetween": 10 }, "1200": { "spaceBetween": 12 } } }'><div class="swiper-wrapper"> @include('frontend.themes.default.templates.products.partials.accessory-slider-component') </div></section></div> @endif @if(!is_null($cargoCounterRemainingTime)) <countdown div-class="d-flex d-lg-none" endtime="{{ $cargoCounterRemainingTime }}"></countdown> @endif @if(!is_null($productCampaigns) && count($productCampaigns) > 0) @foreach($productCampaigns as $productCampaign) @if(!is_null($productCampaign->productDetail)) <div class="product-page-banner product-page-banner--green mb-3"> @if(!empty($productCampaign->productDetail->campaign_mini_image)) <img width="100" src="{{ $productCampaign->productDetail->campaign_mini_image }}"> @else <i class="icon icon-discountbadges"></i> @endif <div class="product-page-banner__content"><div class="product-page-banner__title">{{ $productCampaign->productDetail->campaign_title }}</div><div class="product-page-banner__description"> {{ $productCampaign->productDetail->campaign_description }} </div></div></div> @endif @endforeach @endif @include('frontend.themes.default.layouts.partials.announcement-template',
['position'=>\App\Constants\AnnouncementPositionTypeConstants::PRODUCT_BUTTONS_SUB,'relationId' => $product['product_id']]) </div></div><div class="product-page-tabs"><ul class="product-page-tabs__buttons" id="pills-tab" role="tablist"><li role="presentation"><button class="btn btn-outline-black btn-sm active" id="pills-description-tab" data-bs-toggle="pill" data-bs-target="#pills-description" type="button" role="tab"> {{ __('frontend/product-detail.product_description') }} </button></li><li role="presentation"><button class="btn btn-outline-black btn-sm" id="pills-delivery-and-return-tab" data-bs-toggle="pill" data-bs-target="#pills-delivery-and-return" type="button" role="tab"> {{ __('frontend/product-detail.product_delivery_and_return') }} </button></li><li role="presentation"><button class="btn btn-outline-black btn-sm" id="pills-comments-tab" data-bs-toggle="pill" data-bs-target="#pills-comments" type="button" role="tab">{{ __('frontend/product-detail.comment') }} ({{ $productComments->total() }}) </button></li> @if(count($availableInstallmentGroups) > 0) <li role="presentation"><button class="btn btn-outline-black btn-sm" id="pills-installments-tab" data-bs-toggle="pill" data-bs-target="#pills-installments" type="button" role="tab">{{ __('frontend/product-detail.installment_options') }} </button></li> @endif @if(count($attributeTableData) > 0) <li role="presentation"><button class="btn btn-outline-black btn-sm" id="product-attributes-tab" data-bs-toggle="pill" data-bs-target="#product-attributes" type="button" role="tab">{{ __('frontend/product-detail.product_attributes') }} </button></li> @endif @if(count($tabs) > 0) @foreach($tabs as $key => $tab) <button class="btn btn-outline-black btn-sm" id="{{ $key }}-tab" data-bs-toggle="pill" data-bs-target="#{{ $key }}" type="button" role="tab">{{ $tab->getTabName() }} </button> @endforeach @endif </ul><div class="tab-content" id="pills-tabContent"><div class="tab-pane fade show active" id="pills-description" role="tabpanel" tabindex="0"><div class="product-page-tabs__content"><div class="product-page-tabs__title">{{ __('frontend/product-detail.product_detail') }}</div></div><div class="product-page-tabs__detail"> {!! $product['descriptions']['product_long_description'] !!} </div></div><div class="tab-pane fade" id="pills-delivery-and-return" role="tabpanel" tabindex="0"><div class="product-page-tabs__content"><div class="product-page-tabs__title">{{ __('frontend/product-detail.product_delivery_and_return') }}</div></div><div class="product-page-tabs__detail"> {!! $product['delivery_and_return']['product_delivery_and_return'] ?? '' !!} </div></div><div class="tab-pane fade" id="pills-comments" role="tabpanel" tabindex="0"><div class="product-page-tabs__content"> @include('frontend.themes.default.templates.products.partials.comments') </div></div> @if(count($availableInstallmentGroups) > 0) <div class="tab-pane fade " id="pills-installments" role="tabpanel" tabindex="0" aria-labelledby="#pills-installments-tab"> @include('frontend.themes.default.templates.products.partials.installments') </div> @endif @if(count($attributeTableData) > 0) <div class="tab-pane fade " id="product-attributes" role="tabpanel" tabindex="0" aria-labelledby="#product-attributes-tab"> @include('frontend.themes.default.templates.products.partials.product-attributes') </div> @endif @if(count($tabs) > 0) @foreach($tabs as $key => $tab) <div class="tab-pane fade " id="{{ $key }}" role="tabpanel" tabindex="0" aria-labelledby="#{{ $key }}"> {!! $tab->getTabContent() !!} </div> @endforeach @endif </div></div>
        @include('frontend.themes.default.templates.products.partials.similar-product-carousel')
        @include('frontend.themes.default.templates.products.partials.complement-product-carousel') @include('frontend.themes.default.templates.products.partials.size-model') @include('frontend.themes.default.templates.products.partials.tell-when-it-comes-stock-modal') @include('frontend.themes.default.templates.products.partials.evaluate-modal')
        @include('frontend.themes.default.layouts.partials.announcement-template',
['position'=>\App\Constants\AnnouncementPositionTypeConstants::PRODUCT_FOOTER,'relationId' => $product['product_id']])
    </div>

@endsection

@section('style_before') <link rel="stylesheet" href="{{ Helper::assetPath('static/fancybox/jquery.fancybox.min.css') }}"/>
@endsection
@section('style')
    <link rel="stylesheet" href="{{ Helper::assetPath('styles/pages/product.css') }}"/>
    @if(count($tabs) > 0)
        @foreach($tabs as $key => $tab) {!! $tab->getTabCss() !!}
        @endforeach
    @endif
@endsection
@section('js-middle')
    <script defer src="{{ Helper::assetPath('static/fancybox/jquery.fancybox.min.js') }}"></script><!-- jquery zoom --><script defer src="{{ Helper::assetPath('static/fancybox/jquery.zoom.min.js') }}"></script><script>
        window.pageType = "product";
        window.rid = "{{ $product['product_id'] }}";
    </script><script defer src="{{ Helper::assetPath('page-js/products/product-variant-system.js?v=1') }}"></script><script defer src="{{ Helper::assetPath('page-js/products/product-detail.js?v=1') }}"></script><script>
        document.addEventListener('DOMContentLoaded', function () {
            productDetail.productData = {!! json_encode($product) !!}
                productDetail.productComments = {!! json_encode( $productComments) !!}
                productDetail.productVariants = {!! json_encode($productVariantData) !!}
                productDetail.installmentGroups = {!! json_encode($availableInstallmentGroups) !!}
                productDetail.routes.basket = "{{ route('frontend.'.config('storeSettings.storeCode').'.basket')  }}"
            productDetail.routes.addBasket = "{{ route('frontend.'.config('storeSettings.storeCode').'.add-basket-product')  }}"
            productDetail.routes.newComment = "{{ route('frontend.'.config('storeSettings.storeCode').'.new-comment')  }}"
            productDetail.routes.commentEvaluation = "{{ route('frontend.'.config('storeSettings.storeCode').'.comment-evaluation')  }}"
            productDetail.routes.comments = "{{ route('frontend.'.config('storeSettings.storeCode').'.product-all-comments',$product['name']['product_slug'])  }}"
            productDetail.routes.tellWhenItComesStock = "{{ route('frontend.'.config('storeSettings.storeCode').'.tell-when-it-comes-stock')  }}"
            window.lang.productDetail = {!! json_encode(__('frontend/js/product-detail')) !!};
            @if(array_key_exists('sale_criteria',$product) && !empty($product['sale_criteria']))
                @if($product['sale_criteria']['min_order'] > 0)
                productDetail.qtyInput = {{ $product['sale_criteria']['min_order'] }};
            @endif
                @endif

                @if(isset($selectedProductVariant) && count($selectedProductVariant) > 0)
                productDetail.selectedProductVariant = {!!  json_encode($selectedProductVariant) !!}
                productDetail.selectedProductVariantId = {{ $selectedProductVariantId }}
                @endif
        });

    </script>
@endsection
@section('js-end')
    <script defer src="{{ Helper::assetPath('static/magnific-popup/magnific-popup.js') }}"></script><script defer src="{{ Helper::assetPath('scripts/product.js') }}"></script><script defer src="{{ Helper::assetPath('scripts/slider.js') }}"></script><script defer src="{{ Helper::assetPath('scripts/category.js') }}"></script><script defer src="{{ Helper::assetPath('scripts/product-page.js') }}"></script><script defer src="{{ Helper::assetPath('scripts/elements.js') }}"></script><script defer src="{{ Helper::assetPath('scripts/more.js') }}"></script> @include('frontend.themes.default.integrations.google.ads.product-detail-view',['product' => $product])
    @include('frontend.themes.default.integrations.google.ads.product-detail-add-to-cart',['product' => $product])
    @include('frontend.themes.default.integrations.facebook.product_detail',['product' => $product])
    @include('frontend.themes.default.integrations.schema.product-detail-schema',['product' => $product,'productComments' => $productComments])

    @if(count($tabs) > 0)
        @foreach($tabs as $key => $tab) {!! $tab->getTabJavascript() !!}
        @endforeach
    @endif
@endsection

@include('frontend.themes.default.layouts.partials.static-code')
@section('top-bar-notification')
    @include('frontend.themes.default.layouts.partials.top-bar-notification',[ 'positions' =>[\App\Constants\AnnouncementPositionTypeConstants::PRODUCT_PAGE_TOP],'relationId' => $product['product_id']])
@endsection