@extends('front.front-app')

@include('front.header')
{{--@include('front.header-bottom-goods')--}}

@section('container')

    <div class="main-content">

        @if(!empty($banner_top) && count($banner_top))
            <div class="home-slider">
                <div class="container">
                    <div class="slider-wrapper">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                @foreach($banner_top as $banner)
                                    <a {{ $banner->link ? 'href='.$banner->link : '' }} class="home-slider-slide swiper-slide">
                                        <img src="{{ asset("front-assets/img/no-image-slider.png") }}" data-src="{{ asset("upfiles/banner_top/{$banner->img}") }}"
                                             alt="{{ str_slug($banner->name) }}" title="{{ $banner->name or '' }}" class="lazyload" width="1600" height="490">
                                    </a>
                                @endforeach
                            </div>
                        </div>
                        <button type="button" class="home-slider-nav home-slider-nav--prev">
                            <svg>
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                            </svg>
                        </button>
                        <button type="button" class="home-slider-nav home-slider-nav--next">
                            <svg>
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                            </svg>
                        </button>
                        <div class="home-slider-pagination"></div>
                    </div>
                </div>
            </div>
        @endif

        @if(!empty($brand) && count($brand))
            <div class="section brands">
                <div class="container">
                    <div class="slider-wrapper">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                @foreach($brand as $one_brand)
                                    <a href="{{ str_replace('q=', 's=', $one_brand->link) }}"
                                       class="brands-item swiper-slide">
                                        <img src="{{ asset('front-assets/img/no-image.png') }}" data-src="{{ $one_brand->img ? asset('upfiles/brand/s/'. $one_brand->img) : asset('front-assets/img/no-image.png') }}" alt="{{ $one_brand->name }}" class="lazyload" width="107" height="80">
                                    </a>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        @if(!empty($promotions) && count($promotions))
            <div class="section promotions">
                <div class="container">
                    <div class="promotions-list">
                        @foreach($promotions as $one_promotion)
                            <a href="{{url($lang, ['goods-promotion', $one_promotion->CompanyPromotionsId->alias])}}"
                               class="promotions-item">
                                <img src="{{asset("upfiles/promotions/{$one_promotion->img}")}}"
                                     alt="{{str_slug($one_promotion->name)}}" title="{{$one_promotion->name or ''}}">
                            </a>
                        @endforeach
                    </div>
{{--                    @else--}}
{{--                        <div class="final-page-inner">--}}
{{--                            <div class="final-page-icon">--}}
{{--                                <img src="{{ asset('front-assets/img/icons/final-page-error.png') }}" alt="">--}}
{{--                            </div>--}}
{{--                            <h1>{{ ShowLabelById(291, $lang_id) }}</h1>--}}
{{--                            <div class="final-page-link">--}}
{{--                                <a href="{{ url('/', $lang) }}">{{ ShowLabelById(248, $lang_id) }}</a>--}}
{{--                            </div>--}}
{{--                        </div>--}}
                </div>
            </div>
        @endif

        @if(!empty($goods_item_sale) && count($goods_item_sale))
            <section class="section product-slider product-slider--sale">
                <div class="container">
                    <div class="product-slider-inner" style="background-color: #F4F8EC;">
                        @if($front_theme_default == 'newyear')
                            <div class="product-slider-decor">
                                <img src="{{asset('front-assets/img/product-slider-decor.svg')}}" alt="Decor">
                                <img src="{{asset('front-assets/img/product-slider-decor.svg')}}" alt="Decor">
                            </div>
                        @endif
                        <div class="section-head">
                            <h2>{{ ShowLabelById(236, $lang_id) }}</h2>
                            {{--<div class="section-link">
                                <a href="#">Все скидки</a>
                            </div>--}}
                        </div>
                        <div class="slider-wrapper">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    @foreach($goods_item_sale as $one_goods_item)
                                        <div class="product-item swiper-slide"
                                             data-goods-id="{{ $one_goods_item->goods_item_id or '' }}">
                                            @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>
                </div>
            </section>
        @endif

        @if(!empty($goods_item_popular) && count($goods_item_popular))
            <section class="section product-slider product-slider--top">
                <div class="container">
                    <div class="product-slider-inner" style="background-color: #F5F1F7;">
                        @if($front_theme_default == 'newyear')
                            <div class="product-slider-decor">
                                <img src="{{asset('front-assets/img/product-slider-decor.svg')}}" alt="Decor">
                                <img src="{{asset('front-assets/img/product-slider-decor.svg')}}" alt="Decor">
                            </div>
                        @endif
                        <div class="section-head">
                            <h2>{{ ShowLabelById(336, $lang_id) }}</h2>
                        </div>
                        <div class="slider-wrapper">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    @foreach($goods_item_popular as $one_goods_item)
                                        <div class="product-item swiper-slide"
                                             data-goods-id="{{ $one_goods_item->goods_item_id or '' }}">
                                            @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>
                </div>
            </section>
        @endif

        @if($categories && !$categories->children->isEmpty())
            <div class="section home-categories">
                <div class="container">
                    <div class="slider-wrapper">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                @foreach($categories->children as $one_category)
                                    <div class="swiper-slide">
                                        <a href="{{ $one_category->link }}" class="home-categories-item">
                                            <div class="home-categories-img">
                                                <img src="{{asset('front-assets/img/no-image-xs.png')}}" data-src="{{ $one_category->img ? asset('upfiles/menu/'. $one_category->img) : asset('front-assets/img/no-image-xs.png') }}"
                                                     alt="{{ $one_category->alias }}" class="lazyload">
                                            </div>
                                            <h3>{{ $one_category->name }}</h3>
                                        </a>
                                    </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>
            </div>
        @endif

        @if(!empty($goods_item_new) && count($goods_item_new))
            <section class="section product-slider product-slider--new">
                <div class="container">
                    <div class="product-slider-inner" style="background-color: #F0F8FA;">
                        @if($front_theme_default == 'newyear')
                            <div class="product-slider-decor">
                                <img src="{{asset('front-assets/img/product-slider-decor.svg')}}" alt="Decor">
                                <img src="{{asset('front-assets/img/product-slider-decor.svg')}}" alt="Decor">
                            </div>
                        @endif
                        <div class="section-head">
                            <h2>{{ ShowLabelById(91, $lang_id) }}</h2>
                            {{--<div class="section-link">
                                <a href="#">Все новинки</a>
                            </div>--}}
                        </div>
                        <div class="slider-wrapper">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    @foreach($goods_item_new as $one_goods_item)
                                        <div class="product-item swiper-slide"
                                             data-goods-id="{{ $one_goods_item->goods_item_id or '' }}">
                                            @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>
                </div>
            </section>
        @endif

        @if(!empty($exclusiv_element) && count($exclusiv_element))
            <section class="section product-slider product-slider--sale">
                <div class="container">
                    <div class="product-slider-inner" style="background-color: #F4F8EC;">
                        @if($front_theme_default == 'newyear')
                            <div class="product-slider-decor">
                                <img src="{{asset('front-assets/img/product-slider-decor.svg')}}" alt="Decor">
                                <img src="{{asset('front-assets/img/product-slider-decor.svg')}}" alt="Decor">
                            </div>
                        @endif
                        <div class="section-head">
                            <h2>{{ ShowLabelById(413, $lang_id) }}</h2>
                            {{--<div class="section-link">
                                <a href="#">Все скидки</a>
                            </div>--}}
                        </div>
                        <div class="slider-wrapper">
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    @foreach($exclusiv_element as $one_goods_item)
                                        <div class="product-item swiper-slide" data-goods-id="{{ $one_goods_item->goods_item_id or '' }}">
                                            @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>
                </div>
            </section>
        @endif

        @if($reviews && !$reviews->infoItems->isEmpty())
            <div class="section testimonials">
                <div class="container">
                    <div class="slider-wrapper">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                @foreach($reviews->infoItems as $one_review)
                                    <div class="swiper-slide testimonials-item">
                                        <div class="testimonials-head">
                                            <div class="testimonials-icon">
                                                <p>{{ mb_substr($one_review->author, 0, 1) }}</p>
                                            </div>
                                            <div class="testimonials-info">
                                                <div class="testimonials-author">{{ $one_review->author }}</div>
                                                <div class="testimonials-date">{{ $one_review->add_date ? getMonthNameByNr($lang_id, $one_review->add_date) : '' }}</div>
                                            </div>
                                            <div class="testimonials-rank">
                                                @for($i = 0; $i <= $one_review->oldid; $i++)
                                                    <img src="{{ asset('front-assets/img/icons/star.svg') }}"
                                                         alt="Star">
                                                @endfor
                                            </div>
                                        </div>
                                        <div class="testimonials-content">
                                            {!! $one_review->body !!}
                                        </div>
                                    </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>
            </div>
        @endif

{{--        @if($advantages && !$advantages->children->isEmpty())--}}
{{--            <div class="advantages">--}}
{{--                <div class="container">--}}
{{--                    <div class="swiper-slide">--}}
{{--                        <div class="swiper-container">--}}
{{--                            <div class="swiper-wrapper">--}}
{{--                                @foreach($advantages->children as $one_advantage)--}}
{{--                                    <div class="swiper-slide advantages-item">--}}
{{--                                        <div class="advantages-icon">--}}
{{--                                            <img src="{{ $one_advantage->img ? asset('upfiles/menu/'. $one_advantage->img) : asset('front-assets/img/no-image-xs.png') }}"--}}
{{--                                                 alt="{{ $one_advantage->alias }}">--}}
{{--                                        </div>--}}
{{--                                        <div class="advantages-text">--}}
{{--                                            <p>{{ $one_advantage->name }}</p>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                @endforeach--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        @endif--}}

{{--        @if($news && !$news->infoItems->isEmpty())--}}
{{--            <div class="section news">--}}
{{--                <div class="container">--}}
{{--                    <div class="section-head">--}}
{{--                        <h2>{{ ShowLabelById(94, $lang_id) }}</h2>--}}
{{--                        <div class="section-link">--}}
{{--                            <a href="{{ url($lang, ['menu', 'news']) }}">{{ ShowLabelById(95, $lang_id) }}</a>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="news-list">--}}
{{--                        @foreach($news->infoItems as $one_news)--}}
{{--                            <div class="news-item">--}}
{{--                                <div class="news-img">--}}
{{--                                    <a href="{{ url($lang, ['menu', 'news', $one_news->alias]) }}">--}}
{{--                                        <img src="{{ asset('front-assets/img/no-image-news.png') }}" data-src="{{ $one_news->img ? asset('upfiles/info_line/'. $one_news->img) : asset('front-assets/img/no-image-news.png') }}"--}}
{{--                                             alt="{{ $one_news->name }}" class="lazyload">--}}
{{--                                    </a>--}}
{{--                                </div>--}}
{{--                                <div class="news-content">--}}
{{--                                    <div class="news-date">{{ $one_news->add_date ? getMonthNameByNr($lang_id, $one_news->add_date) : '' }}</div>--}}
{{--                                    <h3>--}}
{{--                                        <a href="{{ url($lang, ['menu', 'news', $one_news->alias]) }}">{{ $one_news->name }}</a>--}}
{{--                                    </h3>--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        @endforeach--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        @endif--}}

{{--        @if($main_page && $main_page->body)--}}
{{--            <div class="section home-about">--}}
{{--                <div class="container">--}}
{{--                    <h2 class="mb-2">{{ ShowLabelById(337, $lang_id) }}</h2>--}}
{{--                    <div class="home-about-text hidden-text common-text">--}}
{{--                        {!! $main_page->body !!}--}}
{{--                    </div>--}}
{{--                    <div class="home-about-more">--}}
{{--                        <button type="button" class="more-btn" data-more="{{ ShowLabelById(338, $lang_id) }}"--}}
{{--                                data-less="{{ ShowLabelById(133, $lang_id) }}">{{ ShowLabelById(338, $lang_id) }}--}}
{{--                        </button>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        @endif--}}

{{--        @if($birthday_wishlist && $birthday_wishlist->img)--}}
{{--            <section class="section birthday">--}}
{{--                <div class="container">--}}
{{--                    <div class="birthday-inner">--}}
{{--                        <div class="birthday-bg">--}}
{{--                            <picture>--}}
{{--                                <source media="(max-width: 991px)" srcset="{{ asset('front-assets/img/birthday-mob.jpg') }}">--}}
{{--                                <img src="{{ asset("front-assets/img/no-image-slider.png") }}" data-src="{{ asset('upfiles/menu/'. $birthday_wishlist->img) }}" alt="{{ $birthday_wishlist->name }}" class="lazyload" width="1600" height="500">--}}
{{--                            </picture>--}}
{{--                        </div>--}}
{{--                        <div class="birthday-content">--}}
{{--                            <h2>{{ $birthday_wishlist->name }}</h2>--}}
{{--                            <div class="birthday-text">--}}
{{--                                <p>{{ $birthday_wishlist->page_title }}</p>--}}
{{--                            </div>--}}
{{--                            <div class="birthday-link">--}}
{{--                                <a href="{{ url($lang, ['menu', 'birthday-wishlist']) }}" class="button button--orange">{{ ShowLabelById(320, $lang_id) }}</a>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </section>--}}
{{--        @endif--}}
    </div>


@stop

@include('front.footer')