@extends('front.front-app')

@include('front.header')

@section('container')

    <div class="page-content">

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

        {{--@if($decor_line && $decor_line->oImage && $decor_line->oImage->img)
            <div class="img-decor">
                <div class="container">
                    <img src="{{ asset('upfiles/menu/' . $decor_line->oImage->img) }}" alt="Decor line">
                </div>
            </div>
        @endif--}}

        @if(!empty($main_goods_subjects) && count($main_goods_subjects))
            <div class="products-slider products-slider--catalog">
                <div class="container">
                    <div class="products-slider-head">
                        <h2>{{ ShowLabelById(97, $lang_id) }}</h2>
                        <div class="products-slider-head-navs">
                            <div class="products-slider-head-more">
                                <a href="{{ url($lang, 'catalog') }}">{{ ShowLabelById(6, $lang_id) }}</a>
                            </div>
                        </div>
                    </div>
                    <div class="products-slider-list">
                        @foreach($main_goods_subjects as $one_goods_subject)
                            <div class="common-product">
                                <div class="common-product-img">
                                    <a href="{{ url($lang, ['catalog', $one_goods_subject->alias]) }}">
                                        <img
                                            src="{{ $one_goods_subject->image }}"
                                            alt="{{ $one_goods_subject->itemByLang->name ?? '' }}">
                                    </a>
                                </div>
                                <div class="common-product-content">
                                    <h3>
                                        <a href="{{ url($lang, ['catalog', $one_goods_subject->alias]) }}">{{ $one_goods_subject->itemByLang->name ?? '' }}</a>
                                    </h3>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        {{--@if($decor_line && $decor_line->oImage && $decor_line->oImage->img)
            <div class="img-decor">
                <div class="container">
                    <img src="{{ asset('upfiles/menu/' . $decor_line->oImage->img) }}" alt="Decor line">
                </div>
            </div>
        @endif--}}

        @if($banners && $banners->children->isNotEmpty())
            <div class="image-text">
                <div class="container">
                    <div class="image-text-inner">
                        @foreach($banners->children as $one_banner)
                            <div class="image-text-item">
                                <div class="image-text-img">
                                    <img
                                        src="{{ $one_banner->oImage && $one_banner->oImage->img && file_exists('upfiles/menu/' . $one_banner->oImage->img) ? asset('upfiles/menu/'. $one_banner->oImage->img) : asset('front-assets/img/no-image-banner.png') }}"
                                        alt="{{ $one_banner->itemByLang->name ?? '' }}">
                                </div>
                                <div class="image-text-content">
                                    <div class="common-text">
                                        <h2>{{ $one_banner->itemByLang->name }}</h2>
                                        <p>{{ $one_banner->itemByLang->short_descr }}</p>
                                    </div>
                                    @if($one_banner->itemByLang->link)
                                        <div class="image-text-link">
                                            <a href="{{ $one_banner->itemByLang->link }}"
                                               class="button">{{ ShowLabelById(98, $lang_id) }}</a>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endif

        @if(!empty($new_goods) && count($new_goods))
            <div class="products-slider">
                <div class="container">
                    <div class="products-slider-head">
                        <h2>{{ ShowLabelById(95, $lang_id) }}</h2>
                        <div class="products-slider-head-navs">
                            {{--<div class="products-slider-head-more">
                                <a href="{{ url($lang, ['catalog', $one_goods_subject->alias]) }}">{{ ShowLabelById(6, $lang_id) }}</a>
                            </div>--}}
                            <div class="products-slider-head-nav">
                                <button type="button" class="products-slider-nav products-slider-nav--prev">
                                    <svg>
                                        <use
                                            xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                                    </svg>
                                </button>
                                <button type="button" class="products-slider-nav products-slider-nav--next">
                                    <svg>
                                        <use
                                            xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                                    </svg>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="products-slider-inner">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                @foreach($new_goods as $one_goods)
                                    <div class="swiper-slide common-product">
                                        @include('front.templates.goods-template', ['one_goods' => $one_goods, 'slider' => 1])
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <button type="button" class="products-slider-nav products-slider-nav--prev">
                            <svg>
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                            </svg>
                        </button>
                        <button type="button" class="products-slider-nav products-slider-nav--next">
                            <svg>
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                            </svg>
                        </button>
                    </div>
                </div>
            </div>
        @endif

        @if(!empty($popular_goods) && count($popular_goods))
            <div class="products-slider">
                <div class="container">
                    <div class="products-slider-head">
                        <h2>{{ ShowLabelById(96, $lang_id) }}</h2>
                        <div class="products-slider-head-navs">
                            {{--<div class="products-slider-head-more">
                                <a href="{{ url($lang, ['catalog', $one_goods_subject->alias]) }}">{{ ShowLabelById(6, $lang_id) }}</a>
                            </div>--}}
                            <div class="products-slider-head-nav">
                                <button type="button" class="products-slider-nav products-slider-nav--prev">
                                    <svg>
                                        <use
                                            xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                                    </svg>
                                </button>
                                <button type="button" class="products-slider-nav products-slider-nav--next">
                                    <svg>
                                        <use
                                            xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                                    </svg>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="products-slider-inner">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                @foreach($popular_goods as $one_goods)
                                    <div class="swiper-slide common-product">
                                        @include('front.templates.goods-template', ['one_goods' => $one_goods, 'slider' => 1])
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <button type="button" class="products-slider-nav products-slider-nav--prev">
                            <svg>
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                            </svg>
                        </button>
                        <button type="button" class="products-slider-nav products-slider-nav--next">
                            <svg>
                                <use xlink:href="{{ asset('front-assets/svg/sprite.svg#arrow-right') }}"></use>
                            </svg>
                        </button>
                    </div>
                </div>
            </div>
        @endif
    </div>
@stop

@include('front.footer')