@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-subject', $goods_subject) }}
            </div>
        </div>

        @if($catalog->isNotEmpty())
            @if($catalog->count()>1)
                <div class="section page-tabs pt-0">
                    <div class="container">
                        <div class="page-tabs-list">
                            @foreach($catalog as $one_item)
                                <a href="#{{$one_item->alias}}" class="page-tabs-item" scroll-to-item>
                                    <span class="page-tabs-img">
                                        <img src="{{$one_item->webp}}" alt="{{$one_item->name}}">
                                    </span>
                                    <span class="page-tabs-content">
                                        <span>{{$one_item->name}}</span>
                                    </span>
                                </a>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endif
            @foreach($catalog as $category_alias=>$one_item)
                @if($one_item->goodsItems->isNotEmpty())
                    <div id="{{$category_alias}}" class="section products{{ request()->segment(2) == 'catalog' && request()->segment(3) ? ' pt-0' : '' }}{{$one_item->id == 14?' products--small':''}}">
                        <div class="container">
                            <div class="section-head">
                                @if(isset($one_item->menuItem))
                                    <img src="{{ $one_item->menuItem->image }}" alt="{{ $one_item->menuItem->name }}">
                                @endif
                                @if(request()->segment(2) == 'catalog' && request()->segment(3))
                                    <h1 class="h2">{{$one_item->menuItem->name ?? $one_item->name}}</h1>
                                @else
                                    <h2>{{$one_item->menuItem->name ?? $one_item->name}}</h2>
                                @endif
                            </div>
                            <div class="products-list">
                                @foreach($one_item->goodsItems as $product)
                                    @include('front.templates.goods-template')
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif
            @endforeach
        @endif

        @if($goods_subject && $goods_subject->body)
            <div class="section page-desc">
                <div class="container">
                    <h2 class="text-center">{{ $goods_subject->h1_title ?? '' }}</h2>
                    <div class="common-text">
                        {!! $goods_subject->body !!}
                    </div>
                    <div class="page-desc-more">
                        <button class="page-desc-more-btn" data-more="{{ShowLabelById(91)}}"
                                data-less="{{ShowLabelById(92)}}">
                            <span>{{ShowLabelById(91)}}</span>
                            <svg>
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                            </svg>
                        </button>
                    </div>
                </div>
            </div>
        @endif
    </div>

@stop