@extends('front.front-app')

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

@section('container')

    <div class="main-content">
        <div class="container">

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

            @if(!empty($goods_item_new) && count($goods_item_new))
                <section class="section product-slider">
                    <div class="section-head">
                        <h2>{!! ShowLabelById(91, $lang_id) !!}</h2>
                    </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>
                        <div class="product-slider-nav-wrapper">
                            <button type="button" class="swiper-button-prev product-slider-nav product-slider-nav-prev">
                                <svg>
                                    <use xlink:href="{{ asset('svg/spritenew.svg#arrow-right') }}"></use>
                                </svg>
                            </button>
                            <button type="button" class="swiper-button-next product-slider-nav product-slider-nav-next">
                                <svg>
                                    <use xlink:href="{{ asset('svg/spritenew.svg#arrow-right') }}"></use>
                                </svg>
                            </button>
                        </div>
                    </div>
                </section>
            @endif

            <div class="section single-banner">
                <div class="single-banner-inner imgbg"
                     style="background-image: url('{{ asset('images/front-images-old/single-banner-bg.jpg') }}');">
                    <div class="single-banner-content">
                        <h2>{{ ShowLabelById(233, $lang_id) }}</h2>
                        <p>{{ ShowLabelById(234, $lang_id) }}</p>
                        <div class="single-banner-link">
                            <a href="{{ url($lang, 'choose-gifts') }}"
                               class="button button--white">{{ ShowLabelById(235, $lang_id) }}</a>
                        </div>
                    </div>
                </div>
            </div>

            @if(!empty($goods_item_sale) && count($goods_item_sale))
                <section class="section product-slider">
                    <div class="section-head">
                        <h2>{{ ShowLabelById(236, $lang_id) }}</h2>
                    </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>
                        <div class="product-slider-nav-wrapper">
                            <button type="button" class="swiper-button-prev product-slider-nav product-slider-nav-prev">
                                <svg>
                                    <use xlink:href="{{ asset('svg/spritenew.svg#arrow-right') }}"></use>
                                </svg>
                            </button>
                            <button type="button" class="swiper-button-next product-slider-nav product-slider-nav-next">
                                <svg>
                                    <use xlink:href="{{ asset('svg/spritenew.svg#arrow-right') }}"></use>
                                </svg>
                            </button>
                        </div>
                    </div>
                </section>
            @endif

            @if(!empty($catalog_links) && count($catalog_links) && 1 == 2)
                {{-- disable 19.04.2023 --}}
                <div class="section multiple-banners">
                    <div class="multiple-banners-list">
                        @foreach($catalog_links as $key => $one_catalog_link)
                            <a href="{{ url($lang) }}{{ $one_catalog_link->link or '' }}"
                               class="multiple-banners-item imgbg"
                               style="background-image: url('{{ asset('images/front-images-old/categories-bg/multiple-banners-bg-'. $key .'.png') }}');">
                                <h3>{{ $one_catalog_link->name or '' }}</h3>
                                <div class="multiple-banners-img">
                                    <img src="{{ $one_catalog_link->img ? asset('upfiles/menu/'. $one_catalog_link->img) : asset('front-images-old/no-image.png') }}"
                                         alt="{{ $one_catalog_link->name or '' }}">
                                </div>
                            </a>
                        @endforeach
                    </div>
                </div>
            @endif

            @if(!empty($info_item_blog_items) && count($info_item_blog_items))
                <div class="section blog">
                    <div class="section-head">
                        <h2>{!! ShowLabelById(237, $lang_id) !!}</h2>
                    </div>
                    <div class="blog-list">
                        @foreach($info_item_blog_items as $one_blog_item)
                            <div class="blog-item">
                                <a href="{{ url($lang, ['menu', 'interesting', $one_blog_item->alias]) }}"
                                   class="blog-img">
                                    <img src="{{ $one_blog_item->img ? asset('upfiles/info_line/l/'. $one_blog_item->img) : asset('front-images-old/no-image.png') }}"
                                         alt="{{ $one_blog_item->name or '' }}">
                                </a>
                                <div class="blog-content">
                                    <div class="blog-date">
                                        <p>{{ getMonthNameByNr($lang_id, $one_blog_item->add_date) }}</p>
                                    </div>
                                    <h3>
                                        <a href="{{ url($lang, ['menu', 'interesting', $one_blog_item->alias]) }}">{{ $one_blog_item->name or '' }}</a>
                                    </h3>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif

            @if(!empty($brand) && count($brand))
                <div class="section brands">
                    <div class="section-head">
                        <h2>{!! ShowLabelById(99, $lang_id) !!}</h2>
                    </div>
                    <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="{{ $one_brand->img ? asset('upfiles/brand/s/'. $one_brand->img) : asset('front-images-old/no-image.png') }}"
                                             alt="{{ $one_brand->name }}">
                                    </a>
                                @endforeach
                            </div>
                        </div>
                        <div class="product-slider-nav-wrapper">
                            <button type="button" class="swiper-button-prev product-slider-nav product-slider-nav-prev">
                                <svg>
                                    <use xlink:href="{{ asset('svg/spritenew.svg#arrow-right') }}"></use>
                                </svg>
                            </button>
                            <button type="button" class="swiper-button-next product-slider-nav product-slider-nav-next">
                                <svg>
                                    <use xlink:href="{{ asset('svg/spritenew.svg#arrow-right') }}"></use>
                                </svg>
                            </button>
                        </div>
                    </div>
                </div>
            @endif

        </div>
    </div>
@stop

@include('front.footer')