@extends('front.app', ['attributes' => 'class=product-page'])
@section('meta')
    <x-meta :meta="$meta"/>
    @if($goods_item->oImages->isNotEmpty())
        @foreach($goods_item->oImages as $one_image)
            @if($loop->first)
                @continue
            @endif
            <meta property="og:image" content="{{ asset('upfiles/goods-items/' . $one_image->img) }}"/>
        @endforeach
    @endif

    <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "description": "{!! $goods_item->body ? htmlentities(strip_tags($goods_item->body), ENT_QUOTES) : '' !!}",
  "name": "{{ $goods_item->name }}",
  "image": [{!! $goods_images_str !!}],
  "sku": "{{ $goods_item->model }}",
  "offers": {
    "@type": "Offer",
    "availability": "{{ $goods_item->in_stoc == 1 ? "https://schema.org/InStock" : "https://schema.org/OutOfStock" }}",
    "price": "{{ priceFormatForConversion($goods_item->price) }}",
    "priceCurrency": "MDL"
  }@if($goods_item->getBrand)
    ,
      "brand": {
        "@type": "Brand",
        "name": "{{ $goods_item->brand_name }}"
    }
    @endif
}



    </script>
@stop
@push('head-other-scripts')
    {{--{!!  showSettingBodyByAlias('iute-credit-header-script') !!}--}}
    <script src="{{ asset('front-assets/js/for-conversion.js?v=').config('custom.front.js_version') }}"></script>
    <link rel="stylesheet" href="{{ asset('front-assets/css/shareon.min.css') }}">
@endpush

@section('container')
    <div class="page-content">
        <div class="container">
            <div class="breadcrumbs d-flex justify-content-between align-items-center">
                <div class="container d-flex mob-no" style="padding: 0">
                    @if($goods_item->getSubjectId)
                        {{ Breadcrumbs::render('goods-item', $goods_item->getSubjectId, $goods_item) }}
                    @endif
                </div>
                <a href="{{ route('catalog', $goods_item->getSubjectId->alias) }}" class="page-back"><img
                        src="{{ asset('front-assets/img/icons/new-left-arrow.svg') }}"
                        alt="Arrow back">{{ $goods_item->getSubjectId->name }}</a>
                @if($goods_item->getBrand && $goods_item->getBrand->img)
                    <a href="{{ route('brand', $goods_item->getBrand->alias) }}" class="brand-item mob-no">
                        <img src="{{ $goods_item->getBrand->img }}"
                             alt="{{ $goods_item->brand_name }}" title="{{ $goods_item->brand_name }}">
                    </a>
                @endif
                <div class="product-page-share mob-go">
                    <button type="button" class="product-page-share-btn">
                        <img src="{{ asset('front-assets/img/icons/share-product.svg') }}" alt="Share">
                    </button>
                    <div class="product-page-share-list">
                        @include('front.templates.shareon')
                    </div>
                </div>
                <div class="row-count-and-buy favorite-mob mob-go">
                    <a href="javascript:;"
                       class="item-block-favorite product-favorite product-end-add-to-wish{{ $goods_item->checkIfWishItemExist ? ' active' : '' }}"
                       data-goods-item-id="{{ $goods_item->id ?? '' }}">
                        <svg>
                            <use
                                xlink:href="{{ asset('front-assets/svg/sprite.svg#item-favorite') }}"></use>
                            <use
                                xlink:href="{{ asset('front-assets/svg/sprite.svg#item-favorite-active') }}"></use>
                        </svg>
                    </a>
                </div>
            </div>
        </div>

        <section class="item-page">
            <div class="container">

                {{--<h2 class="mb-3 mob-go">{{ $goods_item->name }}</h2>--}}
                <div class="row product-page-row">
                    <div class="col-lg-8 position-relative font-2">
                        @if($goods_item->oImages->isNotEmpty())
                            <div class="row mob-revers">
                                <div class="col-lg-2 position-relative">
                                    <div class="arrow-relative position-static">
                                        <div class="prev-arr">
                                            <img src="{{ asset('front-assets/img/arrow-left.png') }}" alt="Arrow left">
                                        </div>
                                        <div class="next-arr">
                                            <img src="{{ asset('front-assets/img/arrow-right.png') }}"
                                                 alt="Arrow right">
                                        </div>
                                        <div class="swiper-container swippy-item">
                                            <div class="swiper-wrapper">
                                                @foreach($goods_item->oImages as $one_image)
                                                    <div class="swiper-slide" data-num='{{ $loop->index }}'>
                                                        <a href="javascript:;">
                                                            <img
                                                                src="{{ asset('upfiles/goods-items/s/'. showImg($one_image->img)) }}"
                                                                alt="{{ str_replace(['{item_name}', '{foto_number}'], [$goods_item->name, $loop->iteration], showSettingBodyByAlias('goods-alt-template-item')) }}"
                                                                title="{{ str_replace(['{item_name}', '{foto_number}'], [$goods_item->name, $loop->iteration], showSettingBodyByAlias('goods-alt-template-item')) }}">
                                                        </a>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-10 item-image-block">
                                    <div class="swiper-container mySwiperItems">
                                        <div class="swiper-wrapper">
                                            @foreach($goods_item->oImages as $one_image)
                                                <div class="swiper-slide">
                                                    <a href="{{ asset('upfiles/goods-items/' . $one_image->img) }}"
                                                       data-fancybox="gallery">
                                                        <img
                                                            src="{{ asset('upfiles/goods-items/' . $one_image->img) }}"
                                                            alt="{{ str_replace(['{item_name}', '{foto_number}'], [$goods_item->name, $loop->iteration], showSettingBodyByAlias('goods-alt-template-item')) }}"
                                                            title="{{ str_replace(['{item_name}', '{foto_number}'], [$goods_item->name, $loop->iteration], showSettingBodyByAlias('goods-alt-template-item')) }}"
                                                            class="image-out">
                                                    </a>
                                                </div>
                                            @endforeach
                                        </div>
                                        <div class="slider-pagination"></div>
                                    </div>
                                    <div class="item-block-label">
                                        @if($goods_item->brand_position == 5 && $goods_item->in_stoc)
                                            <p style="background-color: #FFBC36">{{ ShowLabelById(120) }}</p>
                                        @endif
                                        @if($goods_item->max_zero_credit_months)
                                            <div class="mob-no">
                                                <p style="background: #63B0EF">{{ Str::upper(str_replace('{max_zero_credit_months}', $goods_item->max_zero_credit_months, ShowLabelById(171))) }}</p>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                @if($goods_item->max_zero_credit_months)
                                    <div class="mob-go credit-energy-wrapper">
                                        <div class="credit-energy">
                                            <div class="credit-energy-percent">0%</div>
                                            <div class="credit-energy-text">
                                                <span
                                                    class="fw-700">{{ $goods_item->max_zero_credit_months }}</span> {{ trans_choice('variables.months_plural', $goods_item->max_zero_credit_months) }}
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </div>
                        @endif
                        <div class="info-item-cart position-relative mob-go">
                            <div class="sticky-position">
                                <div class="row-info pb-0">
                                    <div class="d-flex align-items-center flex-wrap mt-0">
                                        @if($goods_item->model)
                                            <div class="d-flex align-items-center">
                                                <div class="left-row-info mb-2">{{ ShowLabelById(96) }}.:</div>
                                                <div class="cod-item mb-2">{{ $goods_item->model }}</div>
                                            </div>
                                        @endif
                                        <div class="d-flex align-items-center ms-auto me-2 mb-2 custom-cursor-pointer"
                                             data-id="item-otzyv">
                                            <div class="reviews-rating">
                                                <div class="stars mt-0">
                                                    @include('front.templates.goods-page.rating-stars', ['goods_rating' => $goods_item->rating])
                                                </div>
                                            </div>
                                        </div>
                                        @if($goods_reviews_count > 0)
                                            <div class="d-flex align-items-center mb-2 custom-cursor-pointer"
                                                 data-review-id="mobile-review">
                                                <div class="left-row-info">{{ ShowLabelById(98) }}:</div>
                                                <div class="reviews-count">{{ $goods_reviews_count }}</div>
                                            </div>
                                        @endif
                                    </div>
                                </div>

                                @if($goods_item->in_stoc > 0)
                                    <div
                                        class="row-price-and-buy justify-content-between align-items-center{{ !$goods_item->price_old || $goods_item->price_old == '0.00' ? ' no-discount' : '' }} mob-no">
                                        @include('front.templates.goods-page.prices')
                                        <div class="row-count-and-buy">
                                            <a href="javascript:;"
                                               class="item-block-favorite product-favorite product-end-add-to-wish{{ $goods_item->checkIfWishItemExist ? ' active' : '' }}"
                                               data-goods-item-id="{{ $goods_item->id ?? '' }}">
                                                <svg>
                                                    <use
                                                        xlink:href="{{ asset('front-assets/svg/sprite.svg#item-favorite') }}"></use>
                                                    <use
                                                        xlink:href="{{ asset('front-assets/svg/sprite.svg#item-favorite-active') }}"></use>
                                                </svg>
                                            </a>
                                        </div>
                                    </div>
                                @endif
                                @if(isset($goods_item->getSubjectId) && isset($goods_item->getSubjectId->show_sizes_in_group) && $goods_item->getSubjectId->show_sizes_in_group == 1 && $goods_item->goodsGroup && $goods_item->goodsGroup->isNotEmpty())
                                    @include('front.templates.goods-page.groups-size')
                                @endif
                                @if($goods_item->in_stoc > 0)
                                    <div class="row-count-and-buy to-basket-parent mob-no">
                                        <div class="product-quantity">
                                            <button type="button" class="count-minus"
                                                    onclick="this.parentNode.querySelector('input[type=number]').value--">
                                                <img src="{{ asset('front-assets/img/icons/minus.svg') }}" alt="Minus">
                                            </button>
                                            <input type="number" value="1" min="1" class="add-to-basket-count">
                                            <button type="button" class="count-plus"
                                                    onclick="this.parentNode.querySelector('input[type=number]').value++">
                                                <img src="{{ asset('front-assets/img/icons/plus.svg') }}" alt="Plus">
                                            </button>
                                        </div>
                                        <div class="add-to-cart and-close-row product-end-add-to-basket"
                                             data-goods-item-id="{{ $goods_item->id ?? '' }}">
                                            <img
                                                src="{{ asset('front-assets/img/cart_white.svg') }}"
                                                alt="Favorite">
                                            <input type="hidden" value="1" id="quantity">
                                            <span>{{ ShowLabelById(99) }}</span>
                                        </div>
                                    </div>
                                @else
                                    <div class="out-stoc mb-3">
                                        {{ ShowLabelById(101) }}
                                    </div>
                                @endif

                                <div class="text-item mt-0 mob-go">
                                    @if($delivery_info && $delivery_info->children->isNotEmpty())
                                        <div class="drops">
                                            @include('front.templates.goods-page.delivery-info')
                                        </div>
                                    @endif
                                </div>

                                @if(isset($goods_item->getSubjectId) && isset($goods_item->getSubjectId->show_sizes_in_group) && !$goods_item->getSubjectId->show_sizes_in_group && $goods_item->goodsGroup && $goods_item->goodsGroup->isNotEmpty() && count($goods_item->goodsGroup) > 1)
                                    @include('front.templates.goods-page.groups')
                                @endif

                                @if($goods_item->in_stoc > 0)
                                    <div class="product-page-block-mob">
                                        <div class="buy-one-click default" data-id="one-click">
                                            <img src="{{ asset('front-assets/img/click-blue.svg') }}" alt="click">
                                            <span>{{ ShowLabelById(86) }}</span>
                                        </div>
                                    </div>
                                @endif

                                @if($show_credit)
                                    <div class="product-page-block-mob">
                                        <div class="product-page-credit-wrapper">
                                            <button type="button" class="product-page-credit-btn" data-id="credit">
                                                <img src="{{ asset('front-assets/img/icons/bank.svg') }}" alt="Credit">
                                                <span>{{ ShowLabelById(162) }}</span>
                                            </button>
                                            <button type="button" data-id="credit" class="product-page-credit-price"
                                                    style="background: none">
                                                <p>{{ ShowLabelById(164) }}
                                                    <span>{{ $default_credit_price }} {{ ShowLabelById(10) }}</span>
                                                    / {{ ShowLabelById(163) }}</p>
                                            </button>
                                        </div>
                                    </div>
                                @endif

                                {{--@if($goods_item->price > config('custom.front.iute_min_price') && $goods_item->in_stoc > 0)
                                    <!--IuteBlock New Start-->
                                    <div class="product-page-block-mob">
                                        <div class="iute-wrapper">
                                            <div class="iute-as-low-as" style="margin-top:10px;" id="iute-info"
                                                 data-amount="{{ priceFormatForConversion($goods_item->price) }}"
                                                 data-page-type="product" data-sku="{{ $goods_item->id }}"
                                                 data-learnmore-show="true"></div>
                                        </div>
                                    </div>
                                    <!--END IuteBlock New End-->
                                @endif--}}
                            </div>
                        </div>

                        <div class="attr-items">
                            <div class="attr-items-head">
                                <p>{{--{{ ShowLabelById(83) }} --}}{{ $goods_item->name ?? '' }}</p>
                                @if($goods_item->getBrand && $goods_item->getBrand->img)
                                    <a href="{{ route('brand', $goods_item->getBrand->alias) }}"
                                       class="brand-item mob-go">
                                        <img src="{{ $goods_item->getBrand->img }}"
                                             alt="{{ $goods_item->brand_name }}" title="{{ $goods_item->brand_name }}">
                                    </a>
                                @endif
                            </div>
                            @if($goods_item->goodsParametersId->isNotEmpty())
                                @foreach($goods_item->goodsParametersId as $one_parameter)
                                    @foreach($goods_item->goodsParameterItemId as $one_goods_parameter_item_id)
                                        @if($one_parameter->id == $one_goods_parameter_item_id->goods_parametr_id)
                                            @switch($one_parameter->parametr_type)
                                                @case('input')
                                                    @if($one_goods_parameter_item_id->simple_parameter_value_data)
                                                        <div class="attr-row">
                                                            <div class="attr-left">
                                                                <span>{{ $one_parameter->name }}</span>
                                                            </div>
                                                            <div
                                                                class="attr-right">{{ $one_goods_parameter_item_id->simple_parameter_value_data }}</div>
                                                        </div>
                                                    @endif
                                                    @break
                                                @case('checkbox')
                                                    @if($one_goods_parameter_item_id->goodsParameterValueId->isNotEmpty())
                                                        <div class="attr-row">
                                                            <div class="attr-left">
                                                                <span>{{ $one_parameter->name }}</span>
                                                            </div>
                                                            <div
                                                                class="attr-right">
                                                                @foreach($one_goods_parameter_item_id->goodsParameterValueId as $one_goods_parameter_value_id)
                                                                    {{ $one_goods_parameter_value_id->name }} {{ !$loop->last ? ' ,' : '' }}
                                                                @endforeach
                                                            </div>
                                                        </div>
                                                    @endif
                                                    @break
                                                @default
                                                    @break
                                            @endswitch
                                        @endif
                                    @endforeach
                                @endforeach
                            @endif
                            @if($goods_item->getBrand)
                                <div class="attr-row">
                                    <div class="attr-left">
                                        <span>{{ ShowLabelById(80) }}</span>
                                    </div>
                                    <div class="attr-right">{{ $goods_item->brand_name }}
                                    </div>
                                </div>
                            @endif
                        </div>

                        @if($goods_item->goodsItemVideo->isNotEmpty())
                            @foreach($goods_item->goodsItemVideo as $one_goods_video)
                                <div class="product-page-video">
                                    <iframe width="100%" height="400px" class="lazyload"
                                            data-src="https://www.youtube.com/embed/{{ $one_goods_video->youtube_id }}"

                                            {{--src="https://www.youtube.com/embed/{{ $one_goods_video->youtube_id }}"--}}
                                            frameborder="0" allowfullscreen></iframe>
                                </div>
                            @endforeach
                        @endif

                        @if($goods_item->body)
                            <div class="product-page-block-mob">
                                <div class="drops mob-go">
                                    <div class="row-with-droppy">
                                        <h3 class="arrow-droppy active">{{ ShowLabelById(84) }}</h3>
                                        <div class="hidden-info" style="display: block;">
                                            <div class="limited-text">
                                                {!! $goods_item->body !!}
                                                @if(showSettingBodyByAlias('published-information'))
                                                    <div class="text-item mt-4 text-item-description"
                                                         style="color: #b5b5b5;">
                                                        {!! showSettingBodyByAlias('published-information') !!}
                                                    </div>
                                                @endif
                                            </div>
                                            <a href="javascript:;" class="open-text">
                                                <span>{{ ShowLabelById(11) }}</span>
                                                <span>{{ ShowLabelById(12) }}</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="text-item mt-4 mob-no">
                                {!! $goods_item->body !!}
                            </div>
                        @endif

                        {{--<div class="row-review-status mob-go" id="mobile-review">--}}
                        {{--<div class="row-info flex-row border-0">
                            <div class="d-flex align-items-center">
                                <div class="reviews-rating custom-cursor-pointer" data-id="item-otzyv">
                                    <div class="stars mt-0">
                                        @include('front.templates.goods-page.rating-stars')
                                    </div>
                                </div>
                            </div>
                            @if($goods_reviews_count > 0)
                                <div class="d-flex align-items-center ms-3">
                                    <div class="left-row-info">{{ ShowLabelById(98) }}:</div>
                                    <div class="reviews-count">{{ $goods_reviews_count }}</div>
                                </div>
                            @endif
                        </div>--}}
                        {{--<div>
                            <a href="javascript:;" class="write-review default d-block"
                               data-id="item-otzyv">{{ ShowLabelById(100) }}</a>
                        </div>--}}
                        {{--</div>--}}
                        @if($group_reviews->isNotEmpty())
                            <div class="reviews mob-go">
                                @foreach($group_reviews as $one_goods_review)
                                    <div class="row-review">
                                        <div class="name-reviewer">
                                            {{ $one_goods_review->name }}
                                        </div>
                                        <div class="date-reviewer">
                                            {{ getDefaultDateFormat($one_goods_review->created_at) }}
                                        </div>
                                        <div class="stars">
                                            @include('front.templates.goods-page.rating-stars', ['goods_rating' => $one_goods_review->rating])
                                        </div>
                                        <div class="review-text">
                                            {{ $one_goods_review->review_text }}
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @endif
                        @if(showSettingBodyByAlias('published-information'))
                            <div class="text-item mt-4 text-item-description mob-no" style="color: #b5b5b5;">
                                {!! showSettingBodyByAlias('published-information') !!}
                            </div>
                        @endif
                    </div>
                    <div class="col-lg-4 info-item-cart position-relative mob-no">
                        <div class="sticky-position">
                            <h1 class="mb-1">{{ $goods_item->name }}</h1>
                            <div class="row-info pb-2">
                                <div class="d-flex align-items-center flex-wrap mt-0">
                                    @if($goods_item->model)
                                        <div class="left-row-info mb-2">{{ ShowLabelById(96) }}.:</div>
                                        <div class="cod-item mb-2">{{ $goods_item->model }}</div>
                                    @endif
                                    <div class="d-flex align-items-center ms-auto me-2 mb-2 custom-cursor-pointer"
                                         data-id="item-otzyv">
                                        <div class="reviews-rating">
                                            <div class="stars mt-0">
                                                @include('front.templates.goods-page.rating-stars', ['goods_rating' => $goods_item->group_reviews_rating])
                                            </div>
                                        </div>
                                    </div>
                                    @if($goods_reviews_count > 0)
                                        <div class="d-flex align-items-center mb-2 custom-cursor-pointer"
                                             data-review-id="desktop-reviews">
                                            <div class="left-row-info">{{ ShowLabelById(98) }}:</div>
                                            <div class="reviews-count">{{ $goods_reviews_count }}</div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                            @if($goods_item->in_stoc > 0)
                                <div
                                    class="row-price-and-buy justify-content-between align-items-center{{ !$goods_item->price_old || $goods_item->price_old == '0.00' ? ' no-discount' : '' }}">
                                    @include('front.templates.goods-page.prices')
                                    <div class="row-count-and-buy">
                                        <a href="javascript:;"
                                           class="item-block-favorite product-favorite product-end-add-to-wish{{ $goods_item->checkIfWishItemExist ? ' active' : '' }}"
                                           data-goods-item-id="{{ $goods_item->id ?? '' }}">
                                            <svg>
                                                <use
                                                    xlink:href="{{ asset('front-assets/svg/sprite.svg#item-favorite') }}"></use>
                                                <use
                                                    xlink:href="{{ asset('front-assets/svg/sprite.svg#item-favorite-active') }}"></use>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            @endif
                            @if(isset($goods_item->getSubjectId) && isset($goods_item->getSubjectId->show_sizes_in_group) && $goods_item->getSubjectId->show_sizes_in_group == 1 && $goods_item->goodsGroup && $goods_item->goodsGroup->isNotEmpty())
                                @include('front.templates.goods-page.groups-size')
                            @endif
                            @if($goods_item->in_stoc > 0)
                                <div class="row-count-and-buy to-basket-parent">
                                    <div class="product-quantity">
                                        <button type="button" class="count-minus"
                                                onclick="this.parentNode.querySelector('input[type=number]').value--">
                                            <img src="{{ asset('front-assets/img/icons/minus.svg') }}" alt="Minus">
                                        </button>
                                        <input type="number" value="1" min="1" class="add-to-basket-count">
                                        <button type="button" class="count-plus"
                                                onclick="this.parentNode.querySelector('input[type=number]').value++">
                                            <img src="{{ asset('front-assets/img/icons/plus.svg') }}" alt="Plus">
                                        </button>
                                    </div>
                                    <div class="add-to-cart and-close-row product-end-add-to-basket"
                                         data-goods-item-id="{{ $goods_item->id ?? '' }}">
                                        <img src="{{ asset('front-assets/img/cart_white.svg') }}" alt="cart">
                                        <input type="hidden" value="1" id="quantity">
                                        <span>{{ ShowLabelById(99) }}</span>
                                    </div>
                                </div>
                                <div class="buy-one-click default" data-id="one-click">
                                    <img src="{{ asset('front-assets/img/click-blue.svg') }}" alt="Click">
                                    <span>{{ ShowLabelById(86) }}</span>
                                </div>

                                @if($show_credit)
                                    <div class="product-page-credit-wrapper">
                                        <button type="button" class="product-page-credit-btn" data-id="credit">
                                            <img src="{{ asset('front-assets/img/icons/bank.svg') }}" alt="Credit">
                                            <span>{{ ShowLabelById(162) }}</span>
                                        </button>
                                        <button type="button" data-id="credit" class="product-page-credit-price"
                                                style="background: none">
                                            <p>{{ ShowLabelById(164) }}
                                                <span>{{ $default_credit_price }} {{ ShowLabelById(10) }}</span>
                                                / {{ ShowLabelById(163) }}</p>
                                        </button>
                                    </div>
                                @endif

                            @else
                                <div class="out-stoc mb-3">
                                    {{ ShowLabelById(101) }}
                                </div>
                            @endif

                            @if($delivery_info && $delivery_info->children->isNotEmpty())
                                <div class="drops">
                                    @include('front.templates.goods-page.delivery-info')
                                </div>
                            @endif

                            @if(isset($goods_item->getSubjectId) && isset($goods_item->getSubjectId->show_sizes_in_group) && !$goods_item->getSubjectId->show_sizes_in_group && $goods_item->goodsGroup && $goods_item->goodsGroup->isNotEmpty())
                                @include('front.templates.goods-page.groups')
                            @endif

                            {{--@if($goods_item->price > config('custom.front.iute_min_price') && $goods_item->in_stoc > 0)
                                <!--IuteBlock New Start-->
                                <div class="iute-wrapper">
                                    <div class="iute-as-low-as" style="margin-top:10px;" id="iuteid"
                                         data-amount="{{ priceFormatForConversion($goods_item->price) }}"
                                         data-page-type="product" data-sku="{{ $goods_item->id }}"
                                         data-learnmore-show="true"></div>
                                </div>
                                <!--END IuteBlock New End-->
                            @endif--}}

                            <div class="row-review-status justify-content-center" id="desktop-reviews">
                                {{--<div class="row-info flex-row border-0">
                                    <div class="d-flex align-items-center">
                                        <div class="reviews-rating custom-cursor-pointer" data-id="item-otzyv">
                                            <div class="stars mt-0">
                                                @include('front.templates.goods-page.rating-stars')
                                            </div>
                                        </div>
                                    </div>
                                    @if($goods_reviews_count > 0)
                                        <div class="d-flex align-items-center ms-3">
                                            <div class="left-row-info">{{ ShowLabelById(98) }}:</div>
                                            <div class="reviews-count">{{ $goods_reviews_count }}</div>
                                        </div>
                                    @endif
                                </div>--}}
                                <div class="">
                                    <a href="javascript:;" class="write-review default d-block"
                                       data-id="item-otzyv">{{ ShowLabelById(100) }}</a>
                                </div>
                            </div>
                            @if($group_reviews->isNotEmpty())
                                <div class="reviews">
                                    @foreach($group_reviews as $one_goods_review)
                                        <div class="row-review">
                                            <div class="name-reviewer">
                                                {{ $one_goods_review->name }}
                                            </div>
                                            <div class="date-reviewer">
                                                {{ getDefaultDateFormat($one_goods_review->created_at) }}
                                            </div>
                                            <div class="stars">
                                                @include('front.templates.goods-page.rating-stars', ['goods_rating' => $one_goods_review->rating])
                                            </div>
                                            <div class="review-text">
                                                {{ $one_goods_review->review_text }}
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </section>

        @if($related_goods_subjects && $related_goods_subjects->isNotEmpty())
            <section class="goods-slider goods-slider--product goods-slider-for-tab">
                <div class="container">
                    <div class="goods-slider-inner">
                        <div class="ttl mb-0">
                            <span>{{ ShowLabelById(174) }}</span>
                            <div class="nav-ttl">
                                <div class="prev sale-prev">
                                    <img src="{{ asset('front-assets/img/icons/new-left-arrow.svg') }}" width="12"
                                         height="12" alt="Left arrow">
                                </div>
                                <div class="next sale-next">
                                    <img src="{{ asset('front-assets/img/icons/new-right-arrow.svg') }}" width="12"
                                         height="12" alt="Right arrow">
                                </div>
                            </div>
                        </div>
                        <div class="goods-slider-tabs">
                            <ul>
                                <li>
                                    <button type="button"
                                            class="goods-slider-tab related-subject-tab active"
                                            data-goods-item-id="{{ $goods_item->id }}"
                                            data-brand-id="{{ $brand_id ?? '' }}">
                                        {{ ShowLabelById(125) }}
                                    </button>
                                </li>

                                @foreach($related_goods_subjects as $one_related_subject)
                                    @php
                                        $category_brand_id = null;
                                        if (!empty($one_related_subject->goods_subject_link)) {
                                            if (preg_match('/brand=\[(\d+)\]/', $one_related_subject->goods_subject_link, $matches)) {
                                                $category_brand_id = (int) $matches[1];
                                            }
                                        }
                                    @endphp
                                    <li>
                                        <button type="button"
                                                class="goods-slider-tab related-subject-tab"
                                                data-related-subject-id="{{ $one_related_subject->id }}"
                                                data-brand-id="{{ $category_brand_id }}">
                                            {{ $one_related_subject->goodsSubjectRelatedId->name }}
                                        </button>
                                    </li>
                                @endforeach


                            </ul>
                        </div>
                        @if(!empty($related_goods_subjects_items_all) && count($related_goods_subjects_items_all))
                            <div class="slider nf-block-loader">
                                <div class="goods-slider-for-tab-render">
                                    <div class="swiper-container slider-main">
                                        <div class="swiper-wrapper">
                                            @foreach($related_goods_subjects_items_all->take(config('custom.front.all_related_products_per_page')) as $one_goods)
                                                @include('front.templates.goods-template', ['slider' => 1])
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </section>
        @endif

        @if(!empty($goods_also_bought) && count($goods_also_bought))
            <section class="goods-slider goods-slider--product">
                <div class="container">
                    <div class="goods-slider-inner">
                        <div class="ttl">
                            <span>{{ ShowLabelById(102) }}</span>
                            <div class="nav-ttl">
                                <div class="prev sale-prev">
                                    <img src="{{ asset('front-assets/img/icons/new-left-arrow.svg') }}" width="12"
                                         height="12" alt="Left arrow">
                                </div>
                                <div class="next sale-next">
                                    <img src="{{ asset('front-assets/img/icons/new-right-arrow.svg') }}" width="12"
                                         height="12" alt="Right arrow">
                                </div>
                            </div>
                        </div>
                        <div class="slider">
                            <div class="swiper-container slider-main">
                                <div class="swiper-wrapper">
                                    @foreach($goods_also_bought as $one_goods)
                                        @include('front.templates.goods-template', ['slider' => 1])
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        @endif

        @if(!empty($similar_goods) && count($similar_goods))
            <section class="goods-slider goods-slider--product{{--goods-slider--similar--}}">
                <div class="container">
                    <div class="goods-slider-inner">
                        <div class="ttl">
                            <span>{{ ShowLabelById(15) }}</span>
                            <div class="nav-ttl">
                                <div class="prev sale-prev">
                                    <img src="{{ asset('front-assets/img/icons/new-left-arrow.svg') }}" width="12"
                                         height="12" alt="Left arrow">
                                </div>
                                <div class="next sale-next">
                                    <img src="{{ asset('front-assets/img/icons/new-right-arrow.svg') }}" width="12"
                                         height="12" alt="Right arrow">
                                </div>
                            </div>
                        </div>
                        <div class="slider">
                            <div class="swiper-container slider-main">
                                <div class="swiper-wrapper">
                                    @foreach($similar_goods as $one_goods)
                                        @include('front.templates.goods-template', ['slider' => 1])
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        @endif
    </div>

    @if($goods_item->in_stoc > 0)
        <div class="product-page-bottom">
            <div class="price">
                @if($goods_item->price_old > 0 && $goods_item->price_old > $goods_item->price)
                    <div class="discount-wrapper">
                        <div class="discount-wrapper-inner">
                            <div
                                class="item-price-in old">{{ getDefaultPriceFormat($goods_item->price_old) }} {{ ShowLabelById(10) }}</div>
                            <div class="discount-percent">-{{ $goods_item->discount }}%</div>
                        </div>
                    </div>
                    <div
                        class="item-price-in cur">{{ getDefaultPriceFormat($goods_item->price) }} {{ ShowLabelById(10) }}</div>
                @else
                    <div
                        class="item-price-in cur">{{ getDefaultPriceFormat($goods_item->price) }} {{ ShowLabelById(10) }}</div>
                @endif
            </div>

            <div class="row-count-and-buy">
                <div
                    class="add-to-cart and-close-row open-product-page-bottom-end{{ $goods_item->checkIfBasketItemExist ? ' active' : '' }}">
                    <img src="{{ asset('front-assets/img/cart_white.svg') }}" alt="Add to Cart">
                    <img src="{{ asset('front-assets/img/cart_white_ok.svg') }}" alt="Add to Cart ok">
                    <input type="hidden" value="1" id="quantity">
                    <span>{{ ShowLabelById(155) }}</span>
                </div>
            </div>

            <div class="product-page-bottom-end">
                <div class="row-count-and-buy to-basket-parent">
                    <div class="add-to-cart and-close-row product-end-add-to-basket"
                         data-goods-item-id="{{ $goods_item->id ?? '' }}" data-bottom-add="1">
                        <img
                            src="{{ asset('front-assets/img/cart_white.svg') }}"
                            alt="Cart">
                        <input type="hidden" value="1" id="quantity">
                        <span>{{ ShowLabelById(99) }}</span>
                    </div>
                    <div class="product-quantity">
                        <button type="button" class="count-minus"
                                onclick="this.parentNode.querySelector('input[type=number]').value--">
                            <img src="{{ asset('front-assets/img/icons/minus.svg') }}" alt="Minus">
                        </button>
                        <input type="number" value="1" min="1" class="add-to-basket-count">
                        <button type="button" class="count-plus"
                                onclick="this.parentNode.querySelector('input[type=number]').value++">
                            <img src="{{ asset('front-assets/img/icons/plus.svg') }}" alt="Plus">
                        </button>
                    </div>
                </div>
            </div>

            {{--<div class="row-count-and-buy">
                <div class="add-to-cart and-close-row product-end-add-to-basket"
                     data-goods-item-id="{{ $goods_item->id ?? '' }}">
                    <img src="{{ asset('front-assets/img/cart_white.svg') }}" alt="Cart">
                    <input type="hidden" value="1" id="quantity">
                    <span>{{ ShowLabelById(155) }}</span>
                </div>
            </div>--}}
        </div>
    @endif
    @if($show_credit)
        @include('front.templates.goods-page.credit-modal')
    @endif
    @include('front.templates.goods-page.review-modal')
    @include('front.templates.goods-page.fast-order-modal')

    @push('other-scripts')

        <script type="text/javascript" src="{{ asset('front-assets/js/shareon.iife.js') }}"></script>
        <script>Shareon.init();</script>

        <script>
            const params = new Proxy(new URLSearchParams(window.location.search), {
                get: (searchParams, prop) => searchParams.get(prop),
            });

            // Get the value of "some_key" in eg "https://example.com/?some_key=some_value"
            let credit_show = params.show; // "some_value"
            if (credit_show === 'credit') {
                $('.product-page-credit-btn').trigger("click");
            }
        </script>

        {{-- <link rel="preload" href="{{ asset('front-assets/js/iute-credit.js?v=').config('custom.front.js_version') }}"
               as="script"/>
         <script type="text/javascript"
                 src="{{ asset('front-assets/js/iute-credit.js?v=').config('custom.front.js_version') }}"></script>--}}

        <script>
            const mySwiperItems = new Swiper(".mySwiperItems", {
                spaceBetween: 10,
                slidesPerView: 1,
                thumbs: {
                    swiper: new Swiper(".swippy-item", {
                        freeMode: !0,
                        watchSlidesProgress: !0,
                        slidesPerView: 4,
                        spaceBetween: 15,
                        direction: "horizontal",
                        autoplay: {
                            delay: 2e3
                        },
                        navigation: {
                            nextEl: ".next-arr",
                            prevEl: ".prev-arr"
                        },
                        breakpoints: {
                            320: {
                                slidesPerView: 5
                            },
                            1024: {
                                direction: "vertical",
                                slidesPerView: 4
                            }
                        }
                    })
                },
                navigation: {
                    nextEl: ".next-arr",
                    prevEl: ".prev-arr"
                },
                pagination: {
                    el: ".mySwiperItems .slider-pagination"
                },
                on: {
                    init: function () {
                        $('.mySwiperItems .swiper-pagination-bullet').removeClass('show last');

                        let id = $('.mySwiperItems .swiper-pagination-bullet-active').index();

                        $('.mySwiperItems .swiper-pagination-bullet').eq(id + 1).addClass('show');
                        $('.mySwiperItems .swiper-pagination-bullet').eq(id + 2).addClass('show last');

                        if (id - 1 >= 0)
                            $('.mySwiperItems .swiper-pagination-bullet').eq(id - 1).addClass('show');

                        if (id - 2 >= 0)
                            $('.mySwiperItems .swiper-pagination-bullet').eq(id - 2).addClass('show last');
                    },
                },
            });

            mySwiperItems.on('slideChange', function () {
                $('.mySwiperItems .swiper-pagination-bullet').removeClass('show last');

                let id = $('.mySwiperItems .swiper-pagination-bullet-active').index();

                $('.mySwiperItems .swiper-pagination-bullet').eq(id + 1).addClass('show');
                $('.mySwiperItems .swiper-pagination-bullet').eq(id + 2).addClass('show last');

                if (id - 1 >= 0)
                    $('.mySwiperItems .swiper-pagination-bullet').eq(id - 1).addClass('show');

                if (id - 2 >= 0)
                    $('.mySwiperItems .swiper-pagination-bullet').eq(id - 2).addClass('show last');
            });
        </script>
    @endpush

@stop