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

@section('container')

    <div class="page-content">

        @if(!empty($slider) && count($slider))
            <div class="hero-slider">
                <div class="container">
                    <div class="hero-slider-inner">
                        <div class="slider-wrapper">
                            <div class="swiper">
                                <div class="swiper-wrapper">
                                    @foreach($slider as $one_slide)
                                        <a {{ $one_slide->link ? 'href='.$one_slide->link : '' }} class="swiper-slide">
                                            <img src="{{ $one_slide->img }}" alt="{{ $one_slide->name }}">
                                        </a>
                                    @endforeach
                                </div>
                            </div>
                            <button type="button" class="hero-nav hero-nav--prev">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                                </svg>
                            </button>
                            <button type="button" class="hero-nav hero-nav--next">
                                <svg>
                                    <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                                </svg>
                            </button>
                        </div>
                        <div class="hero-slider-pagination"></div>
                    </div>
                </div>
            </div>
        @endif

        @if($banners_under_slider && $banners_under_slider->children->isNotEmpty())
            <div class="section banners">
                <div class="container">
                    <div class="banners-list">
                        @foreach($banners_under_slider->children as $one_item)
                            <a {{  $one_item->link ? 'href='.$one_item->link : '' }} class="banners-item">
                                <img src="{{ $one_item->img_m }}" alt="{{ $one_item->name }}">
                            </a>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        @if(!empty($new_goods) && count($new_goods))
            <div class="section goods-slider">
                <div class="container">
                    <div class="goods-slider-head">
                        <h2>{{ ShowLabelById(31) }}</h2>
                        <div class="goods-slider-nav">
                            <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 class="swiper">
                        <div class="swiper-wrapper">
                            @foreach($new_goods as $one_goods)
                                <div class="swiper-slide">
                                    @include('front.templates.goods-template')
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if(!empty($promo_goods) && count($promo_goods))
            <div class="section goods-slider">
                <div class="container">
                    <div class="goods-slider-head">
                        <h2>{{ ShowLabelById(32) }}</h2>
                        <div class="goods-slider-nav">
                            <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 class="swiper">
                        <div class="swiper-wrapper">
                            @foreach($promo_goods as $one_goods)
                                <div class="swiper-slide">
                                    @include('front.templates.goods-template')
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if($two_banners_under_sale_goods && $two_banners_under_sale_goods->children->isNotEmpty())
            <div class="section banners per-row-2">
                <div class="container">
                    <div class="banners-list">
                        @foreach($two_banners_under_sale_goods->children as $one_item)
                            <a {{  $one_item->link ? 'href='.$one_item->link : '' }} class="banners-item">
                                <img src="{{ $one_item->img_l }}" alt="{{ $one_item->name }}">
                            </a>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        @if(!empty($bestseller_goods) && count($bestseller_goods))
            <div class="section goods-slider">
                <div class="container">
                    <div class="goods-slider-head">
                        <h2>{{ ShowLabelById(33) }}</h2>
                        <div class="goods-slider-nav">
                            <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 class="swiper">
                        <div class="swiper-wrapper">
                            @foreach($bestseller_goods as $one_goods)
                                <div class="swiper-slide">
                                    @include('front.templates.goods-template')
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if(!empty($brands) && count($brands))
            <div class="section brands">
                <div class="container">
                    <div class="goods-slider-head">
                        <h2>{{ ShowLabelById(34) }}</h2>
                        <div class="goods-slider-nav">
                            <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 class="swiper">
                        <div class="swiper-wrapper">
                            @foreach($brands as $one_brand)
                                <a href="{{ route('brands', $one_brand->alias) }}" class="swiper-slide">
                                    <img src="{{ $one_brand->img }}" alt="{{ $one_brand->name }}">
                                </a>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if(isset($goods_subjects_on_main_page[0]) && !empty($first_subject_items) && count($first_subject_items))
            <div class="section goods-slider">
                <div class="container">
                    <div class="goods-slider-head">
                        <h2>{{ $goods_subjects_on_main_page[0]->name }}</h2>
                        <div class="goods-slider-nav">
                            <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 class="swiper">
                        <div class="swiper-wrapper">
                            @foreach($first_subject_items as $one_goods)
                                <div class="swiper-slide">
                                    @include('front.templates.goods-template')
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if($banners_under_brands && $banners_under_brands->children->isNotEmpty())
            <div class="section banners">
                <div class="container">
                    <div class="banners-list">
                        @foreach($banners_under_brands->children as $one_item)
                            <a {{  $one_item->link ? 'href='.$one_item->link : '' }} class="banners-item">
                                <img src="{{ $one_item->img_m }}" alt="{{ $one_item->name }}">
                            </a>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        @if(isset($goods_subjects_on_main_page[1]) && !empty($second_subject_items) && count($second_subject_items))
            <div class="section goods-slider">
                <div class="container">
                    <div class="goods-slider-head">
                        <h2>{{ $goods_subjects_on_main_page[1]->name }}</h2>
                        <div class="goods-slider-nav">
                            <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 class="swiper">
                        <div class="swiper-wrapper">
                            @foreach($second_subject_items as $one_goods)
                                <div class="swiper-slide">
                                    @include('front.templates.goods-template')
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if(isset($goods_subjects_on_main_page[2]) && !empty($third_subject_items) && count($third_subject_items))
            <div class="section goods-slider">
                <div class="container">
                    <div class="goods-slider-head">
                        <h2>{{ $goods_subjects_on_main_page[2]->name }}</h2>
                        <div class="goods-slider-nav">
                            <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 class="swiper">
                        <div class="swiper-wrapper">
                            @foreach($third_subject_items as $one_goods)
                                <div class="swiper-slide">
                                    @include('front.templates.goods-template')
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if($banners_bottom && $banners_bottom->children->isNotEmpty())
            <div class="section banners per-row-4">
                <div class="container">
                    <div class="banners-list">
                        @foreach($banners_bottom->children as $one_item)
                            <a {{  $one_item->link ? 'href='.$one_item->link : '' }} class="banners-item">
                                <img src="{{ $one_item->img_s }}" alt="{{ $one_item->name }}">
                            </a>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        @if($meta_main_page->body)
            <section class="section about">
                <div class="container">
                    <h2>{{ ShowLabelById(35) }}</h2>
                    <div class="about-text common-text">
                        {!! $meta_main_page->body !!}
                    </div>
                    <div class="about-more">
                        <button type="button" class="about-more-btn" data-more="Читать далее" data-less="Скрыть">{{ ShowLabelById(36) }}</button>
                    </div>
                </div>
            </section>
        @endif
    </div>
@stop