@extends('front.front-app')

@include('front.header')

@section('google-tag-manager')
    <script>
        //dataLayer = [];
        dataLayer.push({ecommerce: null});
        dataLayer.push({
            event: "view_item",
            ecommerce: {
                items: [{!! json_encode($goods_object, JSON_UNESCAPED_UNICODE) !!}]
            }
        });
    </script>

    <script>
        fbq('track', 'ViewContent', {
            content_ids: ['{!! $goods_object['item_id'] !!}'],
            content_name: '{!! $goods_object['item_name'] !!}',
            content_type: 'product',
            content_category: '{!! $goods_object['item_category'] !!}',
            value: {!! getDefaultPriceFormat($goods_object['price']) !!},
            currency: 'MDL',
            status: '{!! $goods_item->active == 1 ? 'active' : 'archived'; !!}'
        });
    </script>
@stop

@section('container')

    @php
        @CheckNoCredit($goods_item->goods_subject_id,$result)
    @endphp

    <main class="main">
        <div class="main-content">

            <!-- Breadcrumbs start -->
            <div class="breadcrumbs-wrapper">
                <div class="container">
                    @include('front.templates.breadcrumbs')
                </div>
            </div>
            <!-- Breadcrumbs end -->

            <!-- Product Page start -->
            <div class="section product-page pt-0">
                <div class="container">
                    <div class="product-page-info">
                        @if($goods_item->goodsBrand)
                            <div class="item-category">
                                @if($goods_item->goodsBrand && $goods_item->goodsBrand->img)
                                    <a href="{{ url($lang, ['search']) }}?s={{$goods_item->goodsBrand->name or ''}}" class="item-category">
                                        <img src="{{asset('upfiles/brand/s/'. $goods_item->goodsBrand->img)}}" alt="{{$goods_item->goodsBrand->name or ''}}">
                                    </a>
                                @endif
                            </div>
                        @endif
                        @if($users_feedback && $goods_item->average_rating > 0)
                            <div class="item-reviews">
                                <img src="{{asset('front-assets/img/icons/star.svg')}}" alt="Star">
                                <div class="item-rating">{{$goods_item->average_rating}}</div>
                                <div class="item-quantity">{{count($users_feedback)}} {{ShowLabelById(414, $lang_id)}} </div>
                            </div>
                        @endif
                        <button type="button" class="item-favorite product-end-add-to-wish{{ in_array($goods_item->id, $wish_items_global) ? ' active' : '' }}"
                                data-goods-id="{{ $goods_item->id or '' }}"
                                data-goods-object="{{ json_encode($goods_object, JSON_UNESCAPED_UNICODE) }}"> <!-- active -->
                            <svg>
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#favorite') }}"></use>
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#favorite-active') }}"
                                     class="product-item-favorite-active"></use>
                            </svg>
                            <span>{{ShowLabelById(415, $lang_id)}}</span>
                        </button>
                    </div>
                    <div class="product-page-mobile">
                        <div class="h1">
                            @if(auth()->check() == true)
                                <a class="edit-link"
                                   href="{{ url($lang, ['back', 'goods', $goods_item->goodsSubjectId->alias, 'editgoodsitem', $goods_item->id, $lang_id]) }}"
                                   target="_blank">
                                    <img src="{{ asset('front-assets/img/edit_link.png') }}" style="width: 30px"></a>
                            @endif
                            {{$goods_item->itemByLang->name or ''}}
                        </div>
                        <div class="product-page-descr">
                            <div class="item-descr">
                                <span>{{ShowLabelById(53, $lang_id)}}:</span>
                                <span>{{$goods_item->barcode or ''}}</span>
                            </div>
                            <div class="item-descr">
                                <span>{{ShowLabelById(52, $lang_id)}}</span>
                                <span>{{$goods_item->one_c_code or ''}}</span>
                            </div>
                        </div>
                    </div>
                    <div class="inner">
                        <div class="product-page-sliders">
                            <button type="button" class="product-gallery-nav product-gallery-nav-prev">
                                <svg>
                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#product-nav-arrow')}}"></use>
                                </svg>
                            </button>
                            <button type="button" class="product-gallery-nav product-gallery-nav-next">
                                <svg>
                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#product-nav-arrow')}}"></use>
                                </svg>
                            </button>
                            <div class="product-page-gallery">
                                @if(($goods_item->element_sale == 1 || $goods_item->promotion_id > 0 || ($goods_item->sale && strtotime($goods_item->add_date_sale) >= time())) && !empty($goods_item->sale))
                                    <div class="product-item-status">
                                        <p class="product-item-status--discount">
                                            <img src="{{asset('front-assets/img/icons/sale.svg')}}" alt="Sale">
                                        </p>
                                    </div>
                                @endif
                                @if(!empty($goods_item->getPhotos) && count($goods_item->getPhotos))
                                    <div class="swiper-container">
                                        <div class="swiper-wrapper">
                                            @foreach($goods_item->getPhotos as $one_photo)
                                                @if($one_photo->lang_id == $lang_id || $one_photo->lang_id == null)
                                                    <a href="{{ asset("upfiles/gallery/{$one_photo->img}") }}" class="swiper-slide" data-fancybox="product-end-gallery">
                                                        <img
                                                            src="{{ asset("upfiles/gallery/m/{$one_photo->img}") }}"
                                                            alt="{{ strtolower($goods_item->name) }}"
                                                            title="{{ $goods_item->name or '' }}"
                                                        >
                                                    </a>
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                @endif
                            </div>
                            @if(!empty($goods_item->getPhotos) && count($goods_item->getPhotos))
                                <div class="product-page-thumbnails">
                                    <div class="swiper-container">
                                        <div class="swiper-wrapper">
                                            @foreach($goods_item->getPhotos as $one_photo)
                                                @if($one_photo->lang_id == $lang_id || $one_photo->lang_id == null)
                                                    <div class="swiper-slide">
                                                        <img
                                                            src="{{ asset("upfiles/gallery/m/{$one_photo->img}") }}"
                                                            alt="{{ strtolower($goods_item->name) }}"
                                                            title="{{ $goods_item->name or '' }}"
                                                        >
                                                    </div>
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                        <div class="product-page-content">
                            <div class="product-page-content-inner">
                                @if($goods_item->promotionId)
                                    <div id="countdown" class="product-page-countdown" data-end="{{ $goods_item->promotionId->end_date or '' }}" onclick="window.location='{{ url($lang . '/goods-promotion/' . $goods_item->promotionId->alias) }}'" style="cursor:pointer;">
                                        <div class="title">
                                            <span>{{ShowLabelById(450, $lang_id)}}</span>
                                            <img src="{{ asset('front-assets/img/icons/arrow-right.svg') }}" alt="">
                                        </div>
                                        <div class="product-page-countdown-inner">
                                            <div class="product-counter-item days">
                                                <span class="product-counter-number" id="cd-days">00</span>
                                                <span class="product-counter-text">{{ShowLabelById(422, $lang_id)}}</span>
                                            </div>
                                            <div class="product-counter-item hours">
                                                <span class="product-counter-number" id="cd-hours">00</span>
                                                <span class="product-counter-text">{{ShowLabelById(423, $lang_id)}}</span>
                                            </div>
                                            <div class="product-counter-item minutes">
                                                <span class="product-counter-number" id="cd-minutes">00</span>
                                                <span class="product-counter-text">{{ShowLabelById(424, $lang_id)}}</span>
                                            </div>
                                            <div class="product-counter-item seconds">
                                                <span class="product-counter-number" id="cd-seconds">00</span>
                                                <span class="product-counter-text">{{ShowLabelById(425, $lang_id)}}</span>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                <div class="product-page-content-wrapper">
                                    <div class="product-page-descr">
                                        @if($goods_item->goodsBrand)
                                            <div class="item-descr item-brand">
                                                <span>{{ShowLabelById(50, $lang_id)}}:</span>
                                                <a href="{{ url($lang, ['search']) }}?s={{$goods_item->goodsBrand->name or ''}}">{{$goods_item->goodsBrand->name or ''}}</a>
                                            </div>
                                        @endif
                                        <div class="item-descr">
                                            <span>{{ShowLabelById(53, $lang_id)}}:</span>
                                            <span>{{$goods_item->barcode or ''}}</span>
                                        </div>
                                        <div class="item-descr">
                                            <span>{{ShowLabelById(52, $lang_id)}}</span>
                                            <span>{{$goods_item->one_c_code or ''}}</span>
                                        </div>
                                    </div>
                                    <h1>
                                        @if(auth()->check() == true)
                                            <a class="edit-link"
                                               href="{{ url($lang, ['back', 'goods', $goods_item->goodsSubjectId->alias, 'editgoodsitem', $goods_item->id, $lang_id]) }}"
                                               target="_blank">
                                                <img src="{{ asset('front-assets/img/edit_link.png') }}" style="width: 30px"></a>
                                        @endif
                                        {{$goods_item->itemByLang->name or ''}}
                                    </h1>
                                    <div class="product-page-prices">
                                        @if($goods_item->old_price > $goods_item->price)
                                            <div class="current" style="color: #FF1C1C;">{{$goods_item->price or ''}} {{env('BANK_CURRENCY')}}</div>
                                            <div class="old">{{$goods_item->old_price or ''}} {{env('BANK_CURRENCY')}}</div>
                                        @else
                                            <div class="current" style="color: #FF1C1C;">{{$goods_item->price or ''}} {{env('BANK_CURRENCY')}}</div>
                                        @endif
                                        <div class="product-page-stock" style="color: #7EB900;">{{ShowLabelById(56, $lang_id)}}</div>
                                    </div>
                                    @if($goods_item->box_count > 0 || collect($goods_group)->where('is_quantity_group', 1)->count() > 0)
                                        @php
                                            $quantity_group = $goods_group->filter(function($g) { return $g->is_quantity_group == 1; })->first();
                                        @endphp
                                        @if($quantity_group)
                                            <div class="product-page-type">
                                                @foreach($quantity_group->goodsGroupItemId->sortBy('goodsGroupValueId.position') as $item)
                                                    @if($item->goodsGroupValueId)
                                                        @if($item->goodsItemId->id == $goods_item->id)
                                                            <div class="item box-option box-option--active active"
                                                                 data-type="{{ $item->goodsItemId && $item->goodsItemId->box_count > 0 ? 'box' : 'single' }}"
                                                                 data-price="{{ $item->goodsItemId->price }}"
                                                                 data-is-box="{{ $item->goodsItemId->box_count > 0 ? 1 : 0 }}">
                                                                <div class="item-row">
                                                                    <div class="content">
                                                                        <div class="title">
                                                                            {{ $item->goodsItemId->box_count > 0 ? ShowLabelById(445, $lang_id) : ShowLabelById(444, $lang_id) }}
                                                                        </div>
                                                                    </div>
                                                                    <div class="info">
                                                                        @if($item->goodsItemId->box_count > 0)
                                                                            <div class="price">{{ $item->goodsItemId->box_count }} шт. x {{ round($item->goodsItemId->price / $item->goodsItemId->box_count, 2) }} {{ env('BANK_CURRENCY') }}</div>
                                                                            @if($item->goodsItemId->old_price > 0)
                                                                                <div class="price">
                                                                                    <div class="old">{{ $item->goodsItemId->old_price }} {{ env('BANK_CURRENCY') }}</div>
                                                                                    <div class="current" style="color: #00A2EA">{{ $item->goodsItemId->price }} {{ env('BANK_CURRENCY') }}</div>
                                                                                </div>
                                                                            @endif
                                                                        @else
                                                                            {{ $item->goodsItemId->price }} {{ env('BANK_CURRENCY') }}
                                                                        @endif
                                                                    </div>
                                                                </div>
                                                                @if($item->goodsItemId->box_count > 0)
                                                                    <div class="item-footer">
                                                                        <div class="descr">{{ ShowLabelById(448, $lang_id) }}</div>
                                                                        @if($item->goodsItemId->discount_percent)
                                                                            <div class="saving">{{ ShowLabelById(446, $lang_id) }} {{ $item->goodsItemId->discount_percent }}%</div>
                                                                        @endif
                                                                    </div>
                                                                @endif
                                                            </div>
                                                        @else
                                                            @if($item->goodsItemId)
                                                                <a href="{{ url($lang . '/goods/' . SelectGoodsSubjectsAliasAsc($lang_id, $item->goodsItemId->goods_subject_id) . '/' . $item->goodsItemId->alias) }}" class="item box-option">
                                                                    <div class="item-row">
                                                                        <div class="content">
                                                                            <div class="title">
                                                                                {{ $item->goodsItemId->box_count > 0 ? ShowLabelById(445, $lang_id) : ShowLabelById(444, $lang_id) }}
                                                                            </div>
                                                                        </div>
                                                                        <div class="info">
                                                                            @if($item->goodsItemId->box_count > 0)
                                                                                <div class="price">{{ $item->goodsItemId->box_count }} шт. x {{ round($item->goodsItemId->price / $item->goodsItemId->box_count, 2) }} {{ env('BANK_CURRENCY') }}</div>
                                                                                @if($item->goodsItemId->old_price > 0)
                                                                                    <div class="price">
                                                                                        <div class="old">{{ $item->goodsItemId->old_price }} {{ env('BANK_CURRENCY') }}</div>
                                                                                        <div class="current" style="color: #00A2EA">{{ $item->goodsItemId->price }} {{ env('BANK_CURRENCY') }}</div>
                                                                                    </div>
                                                                                @endif
                                                                            @else
                                                                                {{ $item->goodsItemId->price }} {{ env('BANK_CURRENCY') }}
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                    @if($item->goodsItemId->box_count > 0)
                                                                        <div class="item-footer">
                                                                            <div class="descr">{{ ShowLabelById(448, $lang_id) }}</div>
                                                                            @if($item->goodsItemId->discount_percent)
                                                                                <div class="saving">{{ ShowLabelById(446, $lang_id) }} {{ $item->goodsItemId->discount_percent }}%</div>
                                                                            @endif
                                                                        </div>
                                                                    @endif
                                                                </a>
                                                            @endif
                                                        @endif
                                                    @endif
                                                @endforeach
                                            </div>
                                        @endif
                                    @endif
                                    @if(!empty($goods_item_group) && count($goods_item_group))
                                        <div class="product-page-options">
                                            @foreach($goods_item_group as $one_group)
                                                @if($one_group->is_quantity_group != 1)
                                                    <div class="item-option">
                                                        @if($one_group->goodsGroup)
                                                            <div class="title">{{$one_group->goodsGroup->name or ''}}</div>
                                                        @endif
                                                        @if(!empty($one_group->goodsGroupItemId) && count($one_group->goodsGroupItemId))
                                                            <ul>
                                                                @foreach($one_group->goodsGroupItemId->sortBy('goodsGroupValueId.position') as $item)
                                                                    @if($item->goodsGroupValueId && $item->goodsItemId)
                                                                        <li @if($item->goodsItemId->id == $goods_item->id) class="active" @endif>
                                                                            <a href="{{ url($lang . '/goods/' . SelectGoodsSubjectsAliasAsc($lang_id, $item->goodsItemId->goods_subject_id) . '/' . $item->goodsItemId->alias) }}">
                                                                                {{$item->goodsGroupValueId->itemByLang->name or ''}}
                                                                            </a>
                                                                        </li>
                                                                    @endif
                                                                @endforeach
                                                            </ul>
                                                        @endif
                                                    </div>
                                                @endif
                                            @endforeach
                                        </div>
                                    @endif
                                    @if(!$result && $goods_item->price >= env('CREDIT_PRICE'))
                                        <div class="product-page-credit">
                                            <div class="icon">
                                                <img src="{{asset('front-assets/img/icons/credit-card.svg')}}" alt="Credit card">
                                            </div>
                                            <div class="text-wrapper">
                                                <div class="text">{{ShowLabelById(433, $lang_id)}} <b>{{GetCreditPrice($goods_item->price, 12, $goods_item->zero_credit)}} {{ShowLabelById(434, $lang_id)}}</b></div>
                                                <div class="descr">{{ShowLabelById(435, $lang_id)}}</div>
                                            </div>
                                            <div class="cta">
                                                <button type="button" class="open-modal" data-id="product-credit">{{ShowLabelById(320, $lang_id)}}</button>
                                            </div>
                                        </div>
                                    @endif
                                    <div class="product-page-credit">
                                        <div class="icon">
                                            <img src="{{asset('front-assets/img/icons/delivery-truck.svg')}}" alt="Delivery truck">
                                        </div>
                                        <div class="text-wrapper">
                                            <div class="text">{{ShowLabelById(417, $lang_id)}}</div>
                                            <div class="descr">
                                                <p>{{ShowLabelById(418, $lang_id)}} {{env('MINIMUM_PRICE_FOR_ORDER')}} {{env('BANK_CURRENCY')}}</p>
                                                <p>{{ShowLabelById(419, $lang_id)}} {{env('MINIMUM_PRICE_FOR_ORDER_IN_MOLDOVA')}} {{env('BANK_CURRENCY')}}</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="product-page-cta">
                                        <div class="product-page-cta-inner">
                                            <div class="product-quantity">
                                                <button type="button" class="count-minus"
                                                        onclick="this.parentNode.querySelector('input[type=number]').value--">
                                                    <svg>
                                                        <use xlink:href="{{ asset('front-assets/svg/sprite.svg#minus') }}"></use>
                                                    </svg>
                                                </button>
                                                <input type="number" value="1" min="1"
                                                       id="goods_id_{{ $goods_item->id or '' }}">
                                                <button type="button" class="count-plus"
                                                        onclick="this.parentNode.querySelector('input[type=number]').value++">
                                                    <svg>
                                                        <use xlink:href="{{ asset('front-assets/svg/sprite.svg#plus') }}"></use>
                                                    </svg>
                                                </button>
                                            </div>
                                            <input type="hidden" id="is_box_{{ $goods_item->id }}" value="0">
                                            <input type="hidden" id="box_count_{{ $goods_item->id }}" value="{{ $goods_item->box_count }}">
                                            <button type="button" class="button product-end-add-to-basket" data-goods-id="{{ $goods_item->id or '' }}" data-goods-object="{{ json_encode($goods_object, JSON_UNESCAPED_UNICODE) }}">
                                                <span>{{ ShowLabelById(241, $lang_id) }}</span>
                                                <svg>
                                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#shoping-cart') }}"></use>
                                                </svg>
                                            </button>
                                        </div>
                                       {{-- <!-- One click Product start -->
                                        <div class="product-page-click">
                                            <button type="button" class="button button--green open-modal" data-id="one-click-product">
                                                <span>{{ ShowLabelById(438, $lang_id) }}</span>
                                                <svg>
                                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#non-categorized')}}"></use>
                                                </svg>
                                            </button>
                                        </div>
                                        <!-- One click Product end -->--}}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-page-text">
                            <div class="product-end-info-buttons">
                                <div class="swiper-container">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <button type="button" onclick="openInfo(event, 'product-end-info-1')">{{ ShowLabelById(59, $lang_id) }}</button>
                                        </div>
                                        <div class="swiper-slide">
                                            <button type="button" onclick="openInfo(event, 'product-end-info-2')">{{ ShowLabelById(61, $lang_id) }}</button>
                                        </div>
                                        @if($goods_item->youtube_link && $goods_item->youtube_id)
                                            <div class="swiper-slide">
                                                <button type="button" onclick="openInfo(event, 'product-end-info-3')">{{ ShowLabelById(420, $lang_id) }}</button>
                                            </div>
                                        @endif
                                        <div class="swiper-slide">
                                            <button type="button" onclick="openInfo(event, 'product-end-info-4')">{{ ShowLabelById(62, $lang_id) }}</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product-end-info-content-wrapper">
                                <div id="product-end-info-1" class="product-end-info-content">
                                    <div class="product-end-hidden-text common-text">
                                        {!! $goods_item->itemByLang->body or '' !!}
                                    </div>
                                    <div class="product-end-hidden-text-more">
                                        <button type="button" class="product-end-more-btn" data-more="{{ ShowLabelById(320, $lang_id) }}" data-less="{{ ShowLabelById(133, $lang_id) }}">
                                            <span>{{ ShowLabelById(320, $lang_id) }}</span>
                                            <svg>
                                                <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-down')}}"></use>
                                            </svg>
                                        </button>
                                    </div>
                                </div>

                                @if(!empty($goods_parameter_id) && count($goods_parameter_id) || $goods_item->goodsBrand)
                                    <div id="product-end-info-2" class="product-end-info-content">
                                        <div class="product-end-characteristics">
                                            @if($goods_item->goodsBrand)
                                                <div class="product-end-row">
                                                    <p>{{ShowLabelById(50,$lang_id)}}</p>
                                                    <p>{{$goods_item->goodsBrand->name or ''}}</p>
                                                </div>
                                            @endif
                                            @foreach($goods_parameter_id as $one_parameter)
                                                @if(isset($one_parameter->goodsParametrItemId->goodsParametrItemRsc) && !empty($one_parameter->goodsParametrItemId->goodsParametrItemRsc) && count($one_parameter->goodsParametrItemId->goodsParametrItemRsc))
                                                    <div class="product-end-row">
                                                        @if(isset($one_parameter->goodsParametr->name))
                                                            <p>{{$one_parameter->goodsParametr->name}}</p>
                                                        @endif
                                                        <p>
                                                            @php
                                                                $values = $one_parameter->goodsParametrItemId->goodsParametrItemRsc->all();
                                                                $lastValue = end($values);
                                                                reset($values);
                                                            @endphp

                                                            @foreach($values as $value)
                                                                @if(isset($value->goodsParameterValueId->goodsParametrValue->name))
                                                                    {{$value->goodsParameterValueId->goodsParametrValue->name}}@if($value->id !== $lastValue->id),@endif
                                                                @endif
                                                            @endforeach
                                                        </p>
                                                    </div>
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                @endif
                                <div id="product-end-info-3" class="product-end-info-content">
{{--                                    <div class="common-text">--}}
{{--                                        <iframe frameborder="0" height="528" src="https://www.youtube.com/embed/Z2hrUjJj6O0" width="895"></iframe>--}}
{{--                                    </div>--}}
                                    @if($goods_item->youtube_link && $goods_item->youtube_id)
                                        <div class="common-text">
                                            <a href="{{$goods_item->youtube_link}}" data-fancybox="product-end-video">
                                                <img src="https://img.youtube.com/vi/{{$goods_item->youtube_id}}/hqdefault.jpg" alt="{{($goods_item->itemByLang->name or '')}}">
                                            </a>
                                        </div>
                                    @endif
                                </div>
                                <div id="product-end-info-4" class="product-end-info-content pt-0">
                                    @if(!$users_feedback->isEmpty())
                                        <div class="reviews">
                                            <div class="reviews-head">
                                                <div class="reviews-stars">
                                                    @if($goods_item->average_rating >= 1)
                                                        <img src="{{ asset('front-assets/img/icons/star.svg') }}" alt="Star">
                                                    @else
                                                        <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                    @endif
                                                    @if($goods_item->average_rating >= 2)
                                                        <img src="{{ asset('front-assets/img/icons/star.svg') }}" alt="Star">
                                                    @else
                                                        <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                    @endif
                                                    @if($goods_item->average_rating >= 3)
                                                        <img src="{{ asset('front-assets/img/icons/star.svg') }}" alt="Star">
                                                    @else
                                                        <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                    @endif
                                                    @if($goods_item->average_rating >= 4)
                                                        <img src="{{ asset('front-assets/img/icons/star.svg') }}" alt="Star">
                                                    @else
                                                        <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                    @endif
                                                    @if($goods_item->average_rating == 5)
                                                        <img src="{{ asset('front-assets/img/icons/star.svg') }}" alt="Star">
                                                    @else
                                                        <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                    @endif
                                                </div>
                                                <div class="reviews-text">
                                                    <p>{{ ShowLabelById(62, $lang_id) }} ({{ $users_feedback->count() }})</p>
                                                </div>
                                                <div class="reviews-more">
                                                    <a href="javascript:;" class="button button--red add-new-review">
                                                        <svg>
                                                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg?=v1#edit') }}"></use>
                                                        </svg>
                                                        {{ ShowLabelById(63, $lang_id) }}
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="new-review">
                                                <div class="new-review-title">
                                                    <p>{{ ShowLabelById(63, $lang_id) }}</p>
                                                </div>
                                                <form role="form" method="POST" action="{{ url($lang, ['goodsFeedback', 'feedback']) }}" id="goods-review" enctype="multipart/form-data">
                                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                    <input type="hidden" name="goods_item_id" value="{{ $goods_item->id or '' }}">

                                                    <div class="new-review-rating">
                                                        <p>{{ ShowLabelById(302, $lang_id) }} *</p>
                                                        <div class="new-review-appreciate">
                                                            <input type="radio" name="rating" id="star-5" value="5">
                                                            <label for="star-5"></label>
                                                            <input type="radio" name="rating" id="star-4" value="4">
                                                            <label for="star-4"></label>
                                                            <input type="radio" name="rating" id="star-3" value="3">
                                                            <label for="star-3"></label>
                                                            <input type="radio" name="rating" id="star-2" value="2">
                                                            <label for="star-2"></label>
                                                            <input type="radio" name="rating" id="star-1" value="1">
                                                            <label for="star-1"></label>
                                                        </div>
                                                    </div>
                                                    @if(!getAuthorizedUser())
                                                        <div class="new-review-item">
                                                            <label for="name" class="sr-only">{{ ShowLabelById(359, $lang_id) }} *</label>
                                                            <input name="name" id="name" placeholder="{{ ShowLabelById(359, $lang_id) }} *">
                                                        </div>
                                                    @endif
                                                    <div class="new-review-item">
                                                        <label for="review_text" class="sr-only">{{ ShowLabelById(126, $lang_id) }} *</label>
                                                        <textarea name="review_text" id="review_text" placeholder="{{ ShowLabelById(126, $lang_id) }} *"></textarea>
                                                    </div>
                                                    <div class="captcha">
                                                        <input type="hidden" name="g-recaptcha-response" id="recaptcha-form-goods-review">
                                                    </div>
                                                    <div class="new-review-submit">
                                                        <button type="submit" class="button button--green" onclick="saveForm(this)" data-form-id="goods-review">
                                                            {{ ShowLabelById(23, $lang_id) }}
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="reviews-list">
                                                @foreach($users_feedback as $one_feedback)
                                                    <div class="reviews-item">
                                                        <div class="reviews-item-img">
                                                            <img src="{{asset('front-assets/img/reviews-item-1.png')}}" alt="Reviews item">
                                                        </div>
                                                        <div class="reviews-item-content">
                                                            <div class="reviews-item-name">
                                                                <p>{{ $one_feedback->name or '' }}</p>
                                                            </div>
                                                            <div class="reviews-item-date">
                                                                <p>{{getMonthNameByNr($lang_id, $one_feedback->add_date ? $one_feedback->add_date : $one_feedback->created_at)}}</p>
                                                            </div>
                                                            <div class="reviews-stars">
                                                                @if($one_feedback->rating >= 1)
                                                                    <img src="{{ asset('front-assets/img/icons/star.svg') }}" alt="Star">
                                                                @else
                                                                    <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                                @endif
                                                                @if($one_feedback->rating >= 2)
                                                                    <img src="{{ asset('front-assets/img/icons/star.svg') }}" alt="Star">
                                                                @else
                                                                    <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                                @endif
                                                                @if($one_feedback->rating >= 3)
                                                                    <img src="{{ asset('front-assets/img/icons/star.svg') }}" alt="Star">
                                                                @else
                                                                    <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                                @endif
                                                                @if($one_feedback->rating >= 4)
                                                                    <img src="{{ asset('front-assets/img/icons/star.svg') }}" alt="Star">
                                                                @else
                                                                    <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                                @endif
                                                                @if($one_feedback->rating == 5)
                                                                    <img src="{{ asset('front-assets/img/icons/star.svg') }}" alt="Star">
                                                                @else
                                                                    <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                                @endif
                                                            </div>
                                                            <div class="reviews-text">
                                                                <p>{!! $one_feedback->body or '' !!}</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    @else
                                        <div class="reviews">
                                            <div class="reviews-head">
                                                <div class="reviews-stars">
                                                    <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                    <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                    <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                    <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                    <img src="{{ asset('front-assets/img/icons/star-disabled.svg') }}" alt="Star disabled">
                                                </div>
                                                <div class="reviews-more">
                                                    <a href="javascript:;" class="button button--red add-new-review">
                                                        <img src="{{asset('front-assets/img/icons/edit.svg')}}" alt="Edit">
                                                        {{ ShowLabelById(63, $lang_id) }}
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="new-review">
                                                <div class="new-review-title">
                                                    <p>{{ ShowLabelById(63, $lang_id) }}</p>
                                                </div>
                                                <form role="form" method="POST" action="{{ url($lang, ['goodsFeedback', 'feedback']) }}" id="goods-review" enctype="multipart/form-data">
                                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                    <input type="hidden" name="goods_item_id" value="{{ $goods_item->id or '' }}">
                                                    <div class="new-review-rating">
                                                        <p>{{ ShowLabelById(302, $lang_id) }} *</p>
                                                        <div class="new-review-appreciate">
                                                            <input type="radio" name="rating" id="star-5" value="5">
                                                            <label for="star-5"></label>
                                                            <input type="radio" name="rating" id="star-4" value="4">
                                                            <label for="star-4"></label>
                                                            <input type="radio" name="rating" id="star-3" value="3">
                                                            <label for="star-3"></label>
                                                            <input type="radio" name="rating" id="star-2" value="2">
                                                            <label for="star-2"></label>
                                                            <input type="radio" name="rating" id="star-1" value="1">
                                                            <label for="star-1"></label>
                                                        </div>
                                                    </div>
                                                    @if(!getAuthorizedUser())
                                                        <div class="new-review-item">
                                                            <label for="name" class="sr-only">{{ ShowLabelById(359, $lang_id) }} *</label>
                                                            <input name="name" id="name" placeholder="{{ ShowLabelById(359, $lang_id) }} *">
                                                        </div>
                                                    @endif
                                                    <div class="new-review-item">
                                                        <label for="review_text" class="sr-only">{{ ShowLabelById(126, $lang_id) }} *</label>
                                                        <textarea name="review_text" id="review_text"
                                                                  placeholder="{{ ShowLabelById(126, $lang_id) }} *"></textarea>
                                                    </div>
                                                    <div class="captcha">
                                                        <input type="hidden" name="g-recaptcha-response" id="recaptcha-form-goods-review">
                                                    </div>
                                                    <div class="new-review-submit">
                                                        <button type="submit" class="button button--green" onclick="saveForm(this)" data-form-id="goods-review">
                                                            {{ ShowLabelById(23, $lang_id) }}
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>
                                            <div class="reviews-desc reviews-text">
                                                <p>{{ ShowLabelById(303, $lang_id) }}</p>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Product Page end -->

            <!-- Product Slider start -->
            <section class="section product-slider product-slider--sale">
                <div class="container">
                    <div class="product-slider-inner" style="background-color: #F4F8EC;">
                        <div class="section-head">
                            <h2>{{ ShowLabelById(66, $lang_id) }}</h2>
                        </div>
                        @if(!empty($relation_items) && count($relation_items))
                            <div id="products-tabs-1" class="products-tabs-content product-slider active">
                                <div class="slider-wrapper">
                                    <div class="swiper-container">
                                        <div class="swiper-wrapper">
                                            @foreach($relation_items as $one_goods_item)
                                                @if($one_goods_item)
                                                    <div class="product-item swiper-slide" data-goods-id="{{ $goods_item->id }}">
                                                        @include('front.templates.product-template', ['one_goods_item' => $one_goods_item])
                                                    </div>
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
{{--                                    <button type="button" class="slider-nav slider-nav--prev">--}}
{{--                                        <svg>--}}
{{--                                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-right')}}"></use>--}}
{{--                                        </svg>--}}
{{--                                    </button>--}}
{{--                                    <button type="button" class="slider-nav slider-nav--next">--}}
{{--                                        <svg>--}}
{{--                                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-right')}}"></use>--}}
{{--                                        </svg>--}}
{{--                                    </button>--}}
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </section>
            <!-- Product Slider end -->

            <!-- Product Slider start -->
            @if(!empty($similar_goods) && count($similar_goods))
                <section class="section product-slider product-slider--new">
                    <div class="container">
                        <div class="product-slider-inner" style="background-color: #F0F8FA;">
                            <div class="section-head">
                                <h2>{{ ShowLabelById(436, $lang_id) }}</h2>
                            </div>
                            <div class="slider-wrapper">
                                <div class="swiper-container">
                                    <div class="swiper-wrapper">
                                        @foreach($similar_goods as $one_item)
                                            @if($one_item->goodsItemId)
                                                <div class="product-item swiper-slide" data-goods-id="{{ $one_item->goodsItemId->id }}">
                                                    @include('front.templates.product-template', ['one_goods_item' => $one_item->goodsItemId])
                                                </div>
                                            @endif
                                        @endforeach
                                    </div>
                                </div>
{{--                                <button type="button" class="slider-nav slider-nav--prev">--}}
{{--                                    <svg>--}}
{{--                                        <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-right')}}"></use>--}}
{{--                                    </svg>--}}
{{--                                </button>--}}
{{--                                <button type="button" class="slider-nav slider-nav--next">--}}
{{--                                    <svg>--}}
{{--                                        <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-right')}}"></use>--}}
{{--                                    </svg>--}}
{{--                                </button>--}}
                            </div>
                        </div>
                    </div>
                </section>
            @endif
            <!-- Product Slider end -->

            <!-- Product Slider start -->
            <section class="section product-slider product-slider--top">
                <div class="container">
                    <div class="product-slider-inner" style="background-color: #F5F1F7;">
                        <div class="section-head">
                            <h2>{{ ShowLabelById(67, $lang_id) }}</h2>
                        </div>
                        @if(!empty($goods_item_recent) && count($goods_item_recent))
                            <div id="products-tabs-2" class="products-tabs-content product-slider active">
                                <div class="slider-wrapper">
                                    <div class="swiper-container">
                                        <div class="swiper-wrapper">
                                            @foreach($goods_item_recent as $one_goods_item)
                                                <div class="product-item swiper-slide"
                                                     data-goods-id="{{ $one_goods_item->id }}">
                                                    @include('front.templates.product-template', ['one_goods_item' => $one_goods_item])
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
{{--                                    <button type="button" class="slider-nav slider-nav--prev">--}}
{{--                                        <svg>--}}
{{--                                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-right')}}"></use>--}}
{{--                                        </svg>--}}
{{--                                    </button>--}}
{{--                                    <button type="button" class="slider-nav slider-nav--next">--}}
{{--                                        <svg>--}}
{{--                                            <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-right')}}"></use>--}}
{{--                                        </svg>--}}
{{--                                    </button>--}}
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </section>
            <!-- Product Slider end -->

        </div>

    </main>

    <!-- Product Credit start -->
    @if(!$result && $goods_item->price >= env('CREDIT_PRICE'))
        <div id="product-credit" class="common-modal product-credit">
            <div class="common-modal-bg"></div>
            <div class="common-modal-content">
                <button type="button" class="common-modal-close">
                    <svg>
                        <use xlink:href="{{asset('front-assets/svg/sprite.svg#close-2')}}"></use>
                    </svg>
                </button>
                <div class="common-modal-inner">
                    <form action="{{ url($lang, ['commandCartItemCredit', 'goods']) }}" method="post" id="credit-form">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input type="hidden" name="goods_item_id" value="{{$goods_item->id}}">

                        <div class="product-credit-head">
                            @if($goods_item->getPhoto && $goods_item->getPhoto->img)
                                <div class="image">
                                    <a href="{{ asset("upfiles/gallery/{$goods_item->getPhoto->img}") }}">
                                        <img
                                            src="{{ asset("upfiles/gallery/m/{$goods_item->getPhoto->img}") }}"
                                            alt="{{ strtolower($goods_item->name) }}"
                                            title="{{ $goods_item->name or '' }}"
                                        >
                                    </a>
                                </div>
                            @endif
                            <div class="content">
                                <div class="product-credit-name">
                                    <a href="#">{{$goods_item->itemByLang->name or ''}}</a>
                                </div>
                                <div class="info">
                                    <div class="product-credit-price">
                                        @if($goods_item->old_price > $goods_item->price)
                                            <div class="current" style="color: #FF1C1C;">{{$goods_item->price or ''}} {{env('BANK_CURRENCY')}}</div>
                                            <div class="old">{{$goods_item->old_price or ''}} {{env('BANK_CURRENCY')}}</div>
                                        @else
                                            <div class="current" style="color: #FF1C1C;">{{$goods_item->price or ''}} {{env('BANK_CURRENCY')}}</div>
                                        @endif
                                    </div>
                                    <div class="product-quantity">
                                        <button type="button" class="count-minus" onclick="this.parentNode.querySelector('input[type=number]').value--">
                                            <svg>
                                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#minus') }}"></use>
                                            </svg>
                                        </button>
                                        <input type="number" value="1" name="items-count" min="1">
                                        <button type="button" class="count-plus" onclick="this.parentNode.querySelector('input[type=number]').value++">
                                            <svg>
                                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#plus') }}"></use>
                                            </svg>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-credit-block">
                            <div class="title">{{ShowLabelById(426, $lang_id)}}</div>
                            <div class="product-credit-radio">
                                <ul>
                                    <li>
                                        <input type="radio" id="6-month" name="credit_month" value="6" checked>
                                        <label for="6-month">
                                            <span class="duration">{{ShowLabelById(158, $lang_id)}}</span>
                                            <span class="descr">
                                                {{ShowLabelById(427, $lang_id)}}
                                                {{GetCreditPrice($goods_item->price, 6, $goods_item->zero_credit)}}
                                                {{ShowLabelById(6, $lang_id)}}
                                                {{ShowLabelById(428, $lang_id)}}
                                            </span>
                                        </label>
                                    </li>
                                    <li>
                                        <input type="radio" id="12-month" name="credit_month" value="12">
                                        <label for="12-month">
                                            <span class="duration">{{ShowLabelById(159, $lang_id)}}</span>
                                            <span class="descr">
                                                {{ShowLabelById(427, $lang_id)}}
                                                {{GetCreditPrice($goods_item->price, 12, $goods_item->zero_credit)}}
                                                {{ShowLabelById(6, $lang_id)}}
                                                {{ShowLabelById(428, $lang_id)}}
                                            </span>
                                        </label>
                                    </li>
                                </ul>
                            </div>
                            <div class="product-credit-text">{{ShowLabelById(429, $lang_id)}}</div>
                        </div>
                        <div class="product-credit-block">
                            <div class="title">{{ShowLabelById(430, $lang_id)}}</div>
                            <div class="product-credit-row">
                                <div class="basket-form-item">
                                    <label for="form">{!! ShowLabelById(106, $lang_id) !!}*</label>
                                    <input type="text" name="name" id="name" placeholder="{{ShowLabelById(431, $lang_id)}}">
                                </div>
                                <div class="basket-form-item">
                                    <label for="form">{!! ShowLabelById(107, $lang_id) !!}*</label>
                                    <input type="text" name="phone" id="phone" placeholder="{{ShowLabelById(432, $lang_id)}}">
                                </div>
                            </div>
                            <p class="aggreement">
                                <label>
                                    <input id="modal-agree" name="agree" type="checkbox">
                                    <span class="aggreement-checkbox"></span>
                                    {{ ShowLabelById(244, $lang_id) }}
                                </label>
                            </p>
                            <div class="captcha">
                                <input type="hidden" name="g-recaptcha-response" id="recaptcha-form-credit">
                            </div>
                            <div class="product-credit-submit">
                                <button type="submit" class="button button--red" onclick="saveForm(this);" data-form-id="credit-form">
                                    <span>{!! ShowLabelById(166, $lang_id) !!}</span>
                                    <svg>
                                        <use xlink:href="{{asset('front-assets/svg/sprite.svg#shoping-cart')}}"></use>
                                    </svg>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
    <!-- Product Credit end -->

    {{--<!-- One click Product start -->
    <div id="one-click-product" class="common-modal product-credit">
        <div class="common-modal-bg"></div>
        <div class="common-modal-content">
            <button type="button" class="common-modal-close">
                <svg>
                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#close-2')}}"></use>
                </svg>
            </button>
            <div class="common-modal-inner">
                <form action="{{ url($lang, ['commandCartItemFastOrder', 'goods']) }}" method="post" id="one-click-form">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    <input type="hidden" name="goods_item_id" value="{{$goods_item->id}}">
                    <input type="hidden" name="fast_order" value="1">

                    <div class="product-credit-head">
                        @if($goods_item->getPhoto && $goods_item->getPhoto->img)
                            <div class="image">
                                <a href="{{ asset("upfiles/gallery/{$goods_item->getPhoto->img}") }}">
                                    <img
                                        src="{{ asset("upfiles/gallery/m/{$goods_item->getPhoto->img}") }}"
                                        alt="{{ strtolower($goods_item->name) }}"
                                        title="{{ $goods_item->name or '' }}"
                                    >
                                </a>
                            </div>
                        @endif
                        <div class="content">
                            <div class="product-credit-name">
                                <a href="#">{{$goods_item->itemByLang->name or ''}}</a>
                            </div>
                            <div class="info">
                                <div class="product-credit-price">
                                    @if($goods_item->old_price > $goods_item->price)
                                        <div class="current" style="color: #FF1C1C;">{{$goods_item->price or ''}} {{env('BANK_CURRENCY')}}</div>
                                        <div class="old">{{$goods_item->old_price or ''}} {{env('BANK_CURRENCY')}}</div>
                                    @else
                                        <div class="current" style="color: #FF1C1C;">{{$goods_item->price or ''}} {{env('BANK_CURRENCY')}}</div>
                                    @endif
                                </div>
                                <div class="product-quantity">
                                    <button type="button" class="count-minus" onclick="this.parentNode.querySelector('input[type=number]').value--">
                                        <svg>
                                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg#minus') }}"></use>
                                        </svg>
                                    </button>
                                    <input type="number" value="1" name="items-count" min="1">
                                    <button type="button" class="count-plus" onclick="this.parentNode.querySelector('input[type=number]').value++">
                                        <svg>
                                            <use xlink:href="{{ asset('front-assets/svg/sprite.svg#plus') }}"></use>
                                        </svg>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-credit-block">
                        <div class="title">{{ShowLabelById(430, $lang_id)}}</div>
                        <div class="product-credit-row">
                            <div class="basket-form-item">
                                <label for="form">{!! ShowLabelById(106, $lang_id) !!}*</label>
                                <input type="text" name="name" id="name" placeholder="{{ShowLabelById(431, $lang_id)}}">
                            </div>
                            <div class="basket-form-item">
                                <label for="form">{!! ShowLabelById(107, $lang_id) !!}*</label>
                                <input type="text" name="phone" id="phone" placeholder="{{ShowLabelById(432, $lang_id)}}">
                            </div>
                        </div>
                        <p class="aggreement">
                            <label>
                                <input id="modal-agree" name="agree" type="checkbox">
                                <span class="aggreement-checkbox"></span>
                                {{ ShowLabelById(244, $lang_id) }}
                            </label>
                        </p>
                        <div class="captcha">
                            <input type="hidden" name="g-recaptcha-response" id="recaptcha-form-one-click">
                        </div>
                        <div class="product-credit-submit">
                            <button type="submit" class="button button--red" onclick="saveForm(this);" data-form-id="one-click-form">
                                <span>{!! ShowLabelById(104, $lang_id) !!}</span>
                                <svg>
                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#shoping-cart')}}"></use>
                                </svg>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- One click Product end -->--}}

@stop

@include('front.footer')