@extends('front.app')

@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')
    <div class="page-content">
        <div class="breadcrumbs-wrapper">
            <div class="container">
                {{ Breadcrumbs::render('goods-item', $all_goods_subjects,$goods_item) }}
            </div>
        </div>
        <div class="product-end">
            <div class="container">
                <h1 class="h2">{{$goods_item->itemByLang->h1_title ?? ($goods_item->itemByLang->name ?? '')}}</h1>
                <div class="product-end-inner">
                    <div class="product-end-sliders">
                        <div class="product-end-thumbs">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    @if(!empty($goods_images) && count($goods_images)>0)
                                        @foreach($goods_images as $image)
                                            <div class="swiper-slide">
                                                <img src="{{ $image->img && file_exists('upfiles/goods-items/s/' . ShowImg($image->img)) ?
                                                          asset('upfiles/goods-items/s/'. ShowImg($image->img)) :
                                                          asset('front-assets/img/no-image.png') }}" alt="{{ $goods_item->itemByLang->name ?? '' }}">
                                            </div>
                                        @endforeach
                                    @else
                                        <div class="swiper-slide">
                                            <img src="{{ asset('front-assets/img/no-image.png') }}" alt="{{ $goods_item->itemByLang->name ?? '' }}">
                                        </div>
                                    @endif
                                </div>
                            </div>
                            @if(!empty($goods_images) && count($goods_images)>1)
                            <button type="button" class="product-end-nav product-end-nav--prev">
                                <svg>
                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-right')}}"></use>
                                </svg>
                            </button>
                            <button type="button" class="product-end-nav product-end-nav--next">
                                <svg>
                                    <use xlink:href="{{asset('front-assets/svg/sprite.svg#arrow-right')}}"></use>
                                </svg>
                            </button>
                            @endif
                        </div>
                        <div class="product-end-gallery">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    @if(!empty($goods_images) && count($goods_images)>0)
                                        @foreach($goods_images as $image)
                                            <div class="swiper-slide">
                                                <a href="{{ $image->img && file_exists('upfiles/goods-items/' . $image->img) ?
                                                      asset('upfiles/goods-items/'. $image->img) :
                                                      asset('front-assets/img/no-image.png') }}" data-fancybox="product-gallery">
                                                    <img src="{{ $image->img && file_exists('upfiles/goods-items/' . $image->img) ?
                                                      asset('upfiles/goods-items/'. $image->img) :
                                                      asset('front-assets/img/no-image.png') }}" alt="{{ $goods_item->itemByLang->name ?? '' }}">
                                                </a>
                                            </div>
                                        @endforeach
                                    @else
                                        <div class="swiper-slide">
                                            <a href="{{asset('front-assets/img/no-image.png') }}" data-fancybox="product-gallery">
                                                <img src="{{ asset('front-assets/img/no-image.png') }}" alt="{{ $goods_item->itemByLang->name ?? '' }}">
                                            </a>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-end-content">
                        <div class="product-end-rows">
                            @if(isset($goods_item->getBrandId) && isset($goods_item->getBrandId->itemByLang))
                            <p><span>{{ShowLabelById(41)}} </span>{{$goods_item->getBrandId->itemByLang->name}}</p>
                            @endif
                            @if(isset($goods_item->model))
                            <p><span>{{ShowLabelById(42)}} </span>{{$goods_item->model}}</p>
                            @endif
                            @if(isset($goods_item->articul))
                            <p><span>{{ShowLabelById(92)}} </span>{{$goods_item->articul}}</p>
                            @endif
                        </div>
                        <div class="product-end-footer">
                            @if($goods_item->in_stoc == 1)
                                <div class="product-end-status">{{ShowLabelById(43)}}</div>
                            @else
                                <div class="product-end-status">{{ShowLabelById(44)}}</div>
                            @endif
                            <div class="product-end-cta">
                                <a href="javastript:;" class="{{ $goods_item->checkIfWish ? 'delete-wish-item active' : 'add-to-wish' }}" data-goods-item-id="{{ $goods_item->id ?? '' }}">
                                    <svg>
                                        <use xlink:href="{{asset('front-assets/svg/sprite.svg#heart')}}"></use>
                                    </svg>
                                </a>
                                <a href="javastript:;"  class="{{ $goods_item->checkIfCompare ? 'remove-compare-item active' : 'add-to-compare' }}" data-goods-item-id="{{ $goods_item->id ?? '' }}">
                                    <svg>
                                        <use xlink:href="{{asset('front-assets/svg/sprite.svg#scale')}}"></use>
                                    </svg>
                                </a>
                            </div>
                            <div class="product-end-buttons">
                                <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" id="goods_id_{{$goods_item->id}}" value="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>
                                <a href="#" class="button add-to-basket" data-goods-item-id="{{ $goods_item->id ?? '' }}">
                                    <svg>
                                        <use xlink:href="{{asset('front-assets/svg/sprite.svg#cart')}}"></use>
                                    </svg>
                                    <span>{{ShowLabelById(45)}}</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="product-end-info">
                    <div class="product-end-info-desc">
                        <h3>{{ShowLabelById(46)}}</h3>
                        {!! $goods_item->itemByLang->body ?? '' !!}
                    </div>
                    @if(isset($parameters) && !empty($parameters) && count($parameters)>0 && isset($parameters_value) && !empty($parameters_value) && count($parameters_value)>0)
                    <div class="product-end-info-table">
                        <h3>{{ShowLabelById(47)}}</h3>

                        @foreach($parameters as $parameter)
                            @if(!empty($parameters_value[$parameter->id]) && count($parameters_value[$parameter->id]))
                                <div class="product-end-info-row">

                                        <p>{{$parameter->itemByLang->name ?? ''}}</p>
                                        <p>@foreach($parameters_value[$parameter->id] as $value){{$value->itemByLang->name ?? ''}}{{!$loop->last ? ',':''}} @endforeach</p>

                                </div>
                            @endif
                         @endforeach

                    </div>
                    @endif

                </div>
            </div>
        </div>

        @if(!empty($viewed_goods) && count($viewed_goods)>0)
        <div class="section product-slider pb-7">
            <div class="container">
                <div class="head-link">
                    <h2>
                        <span>{{ShowLabelById(48)}}</span>
                    </h2>
                </div>
                <div class="slider-wrapper">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            @foreach($viewed_goods as $goods_item)
                                @include('front.templates.goods-template',['slider'=>1])
                            @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>
        @endif
    </div>
@stop