@extends('front.app',['attributes'=>'class=container--small'])
@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')
    <div class="page-content">

        <div class="breadcrumbs-wrapper">
            <div class="container">
                {{breadcrumbs('post',$category,$post)}}
            </div>
        </div>

        <section class="section news-page news-end pt-0">
            <div class="container">
                <div class="news-page-inner">
                    <div class="news-page-content news-page-col">
                        <div class="news-page-author">{{$post->author}}</div>
                        <h1 class="h2">{{$post->name}}</h1>
                        <div class="news-page-img-mobile">
                            <img src="{{$post->image}}" alt="">
                        </div>
                        <div class="news-page-text common-text">
                            {!! $post->body !!}
                        </div>

                        @if($post->linksDescription)
                            <div class="news-page-nav @if(count($post->linksDescription) == 1)news-page-link @endif">
                                @foreach($post->linksDescription as $linkDescriptionName=>$linkDescriptionValue)
                                    <a href="{{$linkDescriptionValue}}" class="button">
                                        <span>{{$linkDescriptionName}}</span>
                                        <img src="{{icon('arrow-long.svg')}}" alt="{{$linkDescriptionName}}">
                                    </a>
                                @endforeach
                            </div>
                        @endif

                    </div>
                    <div class="news-page-img news-page-col">
                        <img src="{{$post->image}}" alt="{{$post->name}}">
                    </div>
                </div>
            </div>
        </section>

        @if($products->isNotEmpty())
            <section class="section goods-slider">
                <div class="container">
                    <div class="slider-head">
                        @if($post->catalogTitle)
                            <h2>{{$post->catalogTitle}}</h2>
                        @endif
                        <div class="slider-navs">
                            <button type="button" class="slider-nav slider-nav--prev">
                                <img src="{{icon('arrow-right.svg')}}" alt="arrow-right">
                            </button>
                            <button type="button" class="slider-nav slider-nav--next">
                                <img src="{{icon('arrow-right.svg')}}" alt="arrow-right">
                            </button>
                        </div>
                    </div>
                    <div class="slider-wrapper">
                        <div class="swiper">
                            <div class="swiper-wrapper">
                                @foreach($products as $product)
                                    @foreach($product->gender_category as $gender)
                                        <div class="swiper-slide">
                                            @include('front.templates.goods-template',['imageSize'=>'M','gender'=>$gender])
                                        </div>
                                    @endforeach
                                @endforeach


                            </div>
                        </div>
                    </div>
                    @if($post->linkCatalog)
                        <div class="section-link">
                            <a href="{{$post->linkCatalog}}" class="button">
                                {{$post->linkNameCatalog}}
                            </a>
                        </div>
                    @endif
                </div>
            </section>
        @endif

        @if($otherPosts->isNotEmpty())
            <section class="section news">
                <div class="container">
                    <div class="slider-head">
                        <h2>{{ShowLabelById(27)}}</h2>
                        <div class="slider-navs">
                            <button type="button" class="slider-nav slider-nav--prev">
                                <img src="{{icon('arrow-right.svg')}}" alt="arrow-right">
                            </button>
                            <button type="button" class="slider-nav slider-nav--next">
                                <img src="{{icon('arrow-right.svg')}}" alt="arrow-right">
                            </button>
                        </div>
                    </div>
                    <div class="slider-wrapper">
                        <div class="swiper">
                            <div class="swiper-wrapper">
                                @foreach($otherPosts as $otherPost)
                                    <div class="swiper-slide">
                                        @include('front.templates.post-card',['post'=>$otherPost])
                                    </div>
                                @endforeach

                            </div>
                        </div>
                    </div>
                </div>
            </section>
        @endif

    </div>
@endsection