@extends('layouts.app', [
    'title' => $indexInfo->name,
    'descriptionPage' => $index->text,
    'keysPage' => '',])

@section('head')
    <meta property="og:title" content="{{$indexInfo->name}}">
    <meta property="og:image" content="<img class= src='{{((!empty($_SERVER['HTTPS'])) ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST'] }}/storage/{{$setting->logo}}' >">
    <meta property="og:type" content="page">
    <meta property="og:url" content="{{((!empty($_SERVER['HTTPS'])) ? 'https' : 'http') . '://' . $_SERVER['HTTP_HOST'] }}{{$_SERVER['REQUEST_URI']}}">
    <meta property="og:description" content="{{$index->text}} ">
@endsection

@section('content')

    @foreach($indexnew as $indexItem)
        @if($indexItem->title)
            <h2 class="h2-new-design">{{$indexItem->title}}</h2>
        @endif
        @if($indexItem->text)
            <p class="p-new-design">{{$indexItem->text}}</p>
        @endif
        @if($indexItem->type == 1)

            <div class="obzor-all">
                @foreach($indexItem->val as $obzorNew)
                <div class="obzor-index" >
                    <div class="obzor-index-left">
                        @if($obzorNew->name)
                            <h2>{{$obzorNew->name}}</h2>
                        @endif
                        <p>{{$obzorNew->text}}</p>
                        <a href="obzor/{{$obzorNew->url}}" target="_blank">Узнать больше</a>
                        <div class="obzor-index-line"></div>
                        <div class="obzor-index-nomer">
                            <span>{{$loop->index+1}}</span> / <span>{{ count($indexItem->val) }}</span>
                        </div>
                        <div class="obzor-index-arrows">
                            <span class="obzor-index-arrows-left">
                                <img src="/images/arrow_new.png" alt="arrow_prev">
                            </span>
                            <span class="obzor-index-arrows-right">
                                <img src="/images/arrow_new.png" alt="arrow_new">
                            </span>
                        </div>
                    </div>
                    <div class="obzor-index-right">
                        @if($obzorNew->svg)
                        <img src="/storage/{{$obzorNew->svg}}" width="100%" alt="{{$langFunc->perm($lang, 'izobrazeniya')}} {{$obzorNew->name}}" title="{{$obzorNew->name}}">
                        @endif
                    </div>
                </div>
                @endforeach
            </div>

        @endif

        @if($indexItem->type == 2)
            <section class="slider__area p-relative">
                <div class="slider-active">
                    <div class="single-slider slider__height d-flex align-items-center bg-new" style="background: url('/storage/{{$indexItem->val[4]}}')">
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-6 col-lg-6 col-md-8 col-sm-10 col-12">
                                    <div class="slider__content" style="    margin-top: -150px;">
                                        @if($indexItem->val[0])
                                            <h2 data-animation="fadeInUp" data-delay=".2s">{{$indexItem->val[0]}}</h2>
                                        @endif
                                        <p data-animation="fadeInUp" data-delay=".4s">{{$indexItem->val[1]}}</p>
                                        <a href="{{$indexItem->val[3]}}" class="os-btn os-btn-2" data-animation="fadeInUp" data-delay=".6s">{{$indexItem->val[2]}}</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </section>
            <!-- slider area end -->
        @endif

        @if($indexItem->type == 3)
            <!-- banner area start -->
            <div class="banner__area">
                <div class="container">
                    <div class="banner__inner p-relative mt--95">
                        <div class="row">
                            @foreach($indexItem->val as $catNew)
                            <div class="col-xl-4 col-lg-4 col-md-6">
                                <div class="banner__item mb-30 p-relative">
                                        <div class="banner__thumb fix">
                                            <a href="/category/{{$catNew->url}}" class="w-img">
                                                @if($catNew->svg)
                                                <img src="/storage/{{$catNew->svg}}"
                                                     alt="{{$langFunc->perm($lang, 'izobrazenie')}} - {{$catNew->name}}" title="{{$langFunc->perm($lang, 'kategoriya')}} {{$catNew->name}}">
                                                @endif
                                            </a>
                                        </div>
                                        <div class="banner__content p-absolute transition-3">
                                            <h5><a href="/category/{{$catNew->url}}">{{$catNew->name}}</a></h5>
                                            <a href="/category/{{$catNew->url}}" class="link-btn">{{$otkryt}}</a>
                                        </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        @endif
        @if($indexItem->type == 4)
                <div class="container">
                        <div class="row">
                                <div class="col-md-6 col-sm-12 col-xs-12">
                                    <div class="row">
                                        @if(isset($indexItem->val[0]))
                                        <div class="col-md-6 col-sm-6 offset-md-6 offset-sm-6 col-xs-12">
                                            <a href="/category/{{$indexItem->val[0]->url}}" class="w-img">
                                                <img src="/storage/{{$indexItem->val[0]->svg}}" width="100%"
                                                     alt="{{$langFunc->perm($lang, 'izobrazenie')}} - {{$indexItem->val[0]->name}}" title="{{$langFunc->perm($lang, 'kategoriya')}} {{$indexItem->val[0]->name}}">
                                            </a>
                                            <h5 class="new-cat-name"><a href="/category/{{$indexItem->val[0]->url}}">{{$indexItem->val[0]->name}}</a></h5>
                                        </div>
                                        @endif
                                            @if(isset($indexItem->val[1]))
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <a href="/category/{{$indexItem->val[1]->url}}" class="w-img">
                                                <img src="/storage/{{$indexItem->val[1]->svg}}" width="100%"
                                                     alt="{{$langFunc->perm($lang, 'izobrazenie')}} - {{$indexItem->val[1]->name}}" title="{{$langFunc->perm($lang, 'kategoriya')}} {{$indexItem->val[1]->name}}">
                                            </a>
                                            <h5 class="new-cat-name"><a href="/category/{{$indexItem->val[1]->url}}">{{$indexItem->val[1]->name}}</a></h5>
                                        </div>
                                            @endif
                                    </div>
                                </div>
                            @if(isset($indexItem->val[2]))
                                <div class="col-md-6 col-sm-12 col-xs-12">
                                    <a href="/category/{{$indexItem->val[2]->url}}" class="w-img">
                                        <img src="/storage/{{$indexItem->val[2]->svg}}" width="100%"
                                             alt="{{$langFunc->perm($lang, 'izobrazenie')}} - {{$indexItem->val[2]->name}}" title="{{$langFunc->perm($lang, 'kategoriya')}} {{$indexItem->val[2]->name}}">
                                    </a>
                                    <h5 class="new-cat-name"><a href="/category/{{$indexItem->val[2]->url}}">{{$indexItem->val[2]->name}}</a></h5>
                                </div>
                            @endif
                        </div>
                    <div class="row" style="padding: 25px 0 0;">
                        @if(isset($indexItem->val[3]))
                        <div class="offset-md-3 col-md-3 col-sm-6">
                            <a href="/category/{{$indexItem->val[3]->url}}" class="w-img">
                                <img src="/storage/{{$indexItem->val[3]->svg}}" width="100%"
                                     alt="{{$langFunc->perm($lang, 'izobrazenie')}} - {{$indexItem->val[3]->name}}" title="{{$langFunc->perm($lang, 'kategoriya')}} {{$indexItem->val[3]->name}}">
                            </a>
                            <h5 class="new-cat-name"><a href="/category/{{$indexItem->val[3]->url}}">{{$indexItem->val[3]->name}}</a></h5>

                        </div>
                        @endif
                        @if(isset($indexItem->val[4]))
                        <div class="col-md-6 offset-sm-6 col-sm-6 col-xs-12">
                            <a href="/category/{{$indexItem->val[4]->url}}" class="w-img">
                                <img src="/storage/{{$indexItem->val[4]->svg}}" width="100%"
                                     alt="{{$langFunc->perm($lang, 'izobrazenie')}} - {{$indexItem->val[4]->name}}" title="{{$langFunc->perm($lang, 'kategoriya')}} {{$indexItem->val[4]->name}}">
                            </a>
                            <h5 class="new-cat-name"><a href="/category/{{$indexItem->val[4]->url}}">{{$indexItem->val[4]->name}}</a></h5>
                        </div>
                            @endif
                    </div>
                    @if(isset($indexItem->val[5]))
                    <div class="row">
                        <div class="col-md-3 col-xs-12">
                            <a href="/category/{{$indexItem->val[5]->url}}" class="w-img">
                                <img src="/storage/{{$indexItem->val[5]->svg}}" width="100%"
                                     alt="{{$langFunc->perm($lang, 'izobrazenie')}} - {{$indexItem->val[5]->name}}" title="{{$langFunc->perm($lang, 'kategoriya')}} {{$indexItem->val[5]->name}}">
                            </a>
                            <h5 class="new-cat-name"><a href="/category/{{$indexItem->val[5]->url}}">{{$indexItem->val[5]->name}}</a></h5>

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

        @if($indexItem->type == 6)
            <main>

                <section class="product__area pt-60 pb-60">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="section__title-wrapper text-center mb-55">
                                    <div class=" mb-10">
                                        @if($indexInfo->product_title)
                                            <h1>{{$indexInfo->product_title}}</h1>
                                        @endif
                                    </div>
                                    <div class="section__sub-title">
                                        <p>{{$indexInfo->product_text}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2 col-sm-3 col-xs-4">
                                <form action="/" method="GET">
                                    <input type="text" name="search" @if(isset($_GET['search']) AND $_GET['search'] != '') value="{{$_GET['search']}}" @endif class="form-control mb-4" placeholder="{{$langFunc->perm($lang, 'poisk')}}">
                                </form>
                                <div class="shop__sidebar">
                                    <div class="sidebar__widget mb-55">
                                        <div class="sidebar__widget-title mb-25">
                                            <h2>{{$langFunc->perm($lang, 'category')}} </h2>
                                        </div>
                                        <div class="sidebar__widget-content">
                                            @include('components.categories', ['productsActiv'=>$productsActiv, 'langFunc'=>$langFunc, 'categoryAll'=>$categoryAll])
                                        </div>
                                    </div>

                                </div>
                                <div class="hidden-sm-down">
                                    <div class="sidebar__widget-title mb-25">
                                        <h2>{{$langFunc->perm($lang, 'tegi')}} </h2>
                                    </div>
                                    @if($tags)
                                        @foreach($tags as $item)
                                            <button type="button"
                                                    class="btn btn-sm btn-outline-secondary otstup tagsSearch" aria-expanded="false" aria-tag="{{$item}}">
                                                {{$item}}
                                            </button>
                                        @endforeach
                                    @endif
                                    @if($two_tags)
                                        @foreach($two_tags as $item)
                                            <button type="button"
                                                    class="btn btn-sm btn-outline-secondary otstup tagsTwo tagsSearch d-none" aria-expanded="false" aria-tag="{{$item}}">
                                                {{$item}}
                                            </button>
                                        @endforeach
                                    @endif
                                </div>

                                <div class="shop__sidebar group-menu-cat">
                                    <div class="sidebar__widget mb-55">
                                        <div class="sidebar__widget-title mb-25">
                                            <h2>{{$langFunc->perm($lang, 'gruppy')}} </h2>
                                        </div>
                                        <div class="sidebar__widget-content">
                                            <div class="categories">
                                                <div id="accordion">

                                                    @foreach($groups as $item)
                                                        <div class="card">
                                                            <div id="catHead{{$item->ui}}">
                                                                <div class="mb-0 cat-new-select">
                                                                        <a  href="/group/{{$item->url ? $item->url : $item->ui}}"
                                                                            class="collapsed">
                                                                            {{$item->name}}
                                                                        </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endforeach

                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-md-10 col-sm-9 col-xs-8">
                                <div class="row">
                                    @foreach($productsActiv as $item)
                                        <div class="col-md-3 col-sm-6 col-xs-12 productsSearch"  data-valuetext="{{$item->name}}"
                                             data-tags="{{$item->tags}}" data-tags-two="{{$item->two_tags}}">
                                            <div class="product__slider" >
                                                <div class="product__item" >
                                                    <div class="product__wrapper mb-60">
                                                        <div class="product__thumb">
                                                            <a href="/product/{{$item->url}}"  aria-label="{{$item->name}}">
                                                            <div class="w-img open-img img-product-new-format">
                                                                @if($item->svg)
                                                                    <div class="img-bg-new-format" style="background: url('/storage/{{$item->svg}}')">
                                                                        <amp-img src="/storage/{{$item->svg}}" class="d-none" alt="{{$langFunc->perm($lang, 'izobrazenie')}} {{$item->name}}" title="{{$langFunc->perm($lang, 'tovar')}} {{$item->name}}" width = "250"
                                                                                 height = "300"  layout = "responsive" ></amp-img>
                                                                    </div>
                                                                @elseif($item->category->svg)
                                                                    <div class="img-bg-new-format" style="background: url('/storage/{{$item->category->svg}}')">
                                                                        <amp-img src="/storage/{{$item->category->svg}}" class="d-none" alt="{{$langFunc->perm($lang, 'izobrazenie')}} {{$item->name}}" title="{{$langFunc->perm($lang, 'tovar')}} {{$item->name}}" width = "250"
                                                                                 height = "300"  layout = "responsive" ></amp-img>
                                                                    </div>
                                                                @else
                                                                    <div style="width: 100%;background: #ededed;height: 100%;"></div>
                                                                @endif
                                                                    @if($item->photo_text)
                                                                        <div class="html-product-text-photo">
                                                                            {!! $item->photo_text !!}
                                                                        </div>
                                                                    @endif
                                                            </div >
                                                            </a>
                                                        </div>
                                                        <div class="new-info-price">
                                                            <div class="name-new-prod">
                                                                <a href="/product/{{$item->url}}" aria-label="{{$item->name}}">{{$item->name}}</a>
                                                            </div>
                                                            <div class="cart-new-prod">
                                                                <div class="position-relative">
                                                                    <div class="price">
                                                                        @if($item->sale_price > 0)
                                                                            {{$item->sale_price}} {{$valuta}}
                                                                        @endif
                                                                    </div>
                                                                    @if($item->store_view == 1)
                                                                    <div class="store-view-group">
                                                                        {{$item->local->sum('sklad')}} {{$item->ediz->name}}
                                                                        <span class="dop-text-store">В наличие</span>
                                                                    </div>
                                                                    @endif
                                                                    @if($item->local->sum('zakaz') > 0)
                                                                        <div class="zakaz-view-group">
                                                                            [{{$item->local->sum('zakaz')}}]
                                                                            <span class="dop-text-store">Ожидаем</span>
                                                                        </div>
                                                                    @endif
                                                                </div>
                                                                @if($item->sale_price > 0)
                                                                <div class="add-new-cart-prod" onclick="addToCart({{$item}})">
                                                                    <span id="plusminus{{$item->id}}">+</span>
                                                                    <img src="/images/BuyWhite.svg" alt="Cart White">
                                                                </div>
                                                                @else
                                                                    <div class="add-new-cart-prod bg-green" onclick="addToRequest({{$item}})">
                                                                        <span>Запросить</span>
                                                                    </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>

                        </div>
                    </div>
                </section>

            </main>
        @endif

        @if($indexItem->type == 5)
                            <span class="new-product-slider-left">
                                <img src="/images/arrow_new.png" alt="arrow_prev">
                            </span>
                            <span class="new-product-slider-right">
                                <img src="/images/arrow_new.png" alt="arrow_next">
                            </span>
                <section class="product__area new-product-slider container">
                                    @foreach($indexItem->val as $item)
                                        <div class="newProduct">
                                            <div class="product__slider" >
                                                <div class="product__item" >
                                                    <div class="product__wrapper mb-60">
                                                        <div class="product__thumb">
                                                            <a href="/product/{{$item->url}}" aria-label="{{$item->name}}">
                                                            <div class="w-img open-img img-product-new-format">
                                                                @if($item->svg)
                                                                    <div class="img-bg-new-format" style="background: url('/storage/{{$item->svg}}')">
                                                                        <amp-img src="/storage/{{$item->svg}}" class="d-none" alt="{{$langFunc->perm($lang, 'izobrazenie')}} {{$item->name}}" title="{{$langFunc->perm($lang, 'tovar')}} {{$item->name}}" width = "250"
                                                                                 height = "300"  layout = "responsive" ></amp-img>
                                                                    </div>
                                                                @elseif($item->category->svg)
                                                                    <div class="img-bg-new-format" style="background: url('/storage/{{$item->svg}}')">
                                                                        <amp-img src="/storage/{{$item->category->svg}}" class="d-none" alt="{{$langFunc->perm($lang, 'izobrazenie')}} {{$item->name}}" title="{{$langFunc->perm($lang, 'tovar')}} {{$item->name}}" width = "250"
                                                                                 height = "300"  layout = "responsive" ></amp-img>
                                                                    </div>
                                                                @else
                                                                    <div style="width: 100%;background: #ededed;height: 100%;"></div>
                                                                @endif
                                                                @if($item->photo_text)
                                                                    <div class="html-product-text-photo">
                                                                        {!! $item->photo_text !!}
                                                                    </div>
                                                                @endif
                                                            </div >
                                                            </a>
                                                        </div>
                                                        <div class="new-info-price">
                                                            <div class="name-new-prod">
                                                                <a href="/product/{{$item->url}}" aria-label="{{$item->name}}">{{$item->name}}</a>
                                                            </div>
                                                            <div class="cart-new-prod">
                                                                <div class="position-relative">
                                                                    <div class="price">
                                                                        @if($item->sale_price > 0)
                                                                            {{$item->sale_price}} {{$valuta}}
                                                                        @endif
                                                                    </div>
                                                                    @if($item->store_view == 1)
                                                                        <div class="store-view-group">
                                                                            {{$item->local->sum('sklad')}} {{$item->ediz->name}}
                                                                            <span class="dop-text-store">В наличие</span>
                                                                        </div>
                                                                    @endif
                                                                    @if($item->local->sum('zakaz') > 0)
                                                                        <div class="zakaz-view-group">
                                                                            [{{$item->local->sum('zakaz')}}]
                                                                            <span class="dop-text-store">Ожидаем</span>
                                                                        </div>
                                                                    @endif
                                                                </div>
                                                                @if($item->sale_price > 0)
                                                                <div class="add-new-cart-prod d-none"  onclick="addToCart({{$item}})">
                                                                    <span id="plusminus{{$item->id}}">+</span>
                                                                    <img src="/images/BuyWhite.svg" alt="Cart white">
                                                                </div>
                                                                @else
                                                                    <div class="add-new-cart-prod bg-green" onclick="addToRequest({{$item}})">
                                                                        <span>Запросить</span>
                                                                    </div>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach

                </section>

                            @if(count($categoryAll))
                            <a href="/category/{{$categoryAll[0]->url}}" class="button-new">
                                Посмотреть все
                            </a>
                            @endif
        @endif

        @if($indexItem->type == 7)
            <a href="{{$indexItem->val[0]}}" class="button-new">
                {{$indexItem->val[1]}}
            </a>
        @endif

        @if($indexItem->type == 8)
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-sm-3 col-xs-12">
                        @if($indexItem->val[0])
                        <h2 class="onas-h2">{{$indexItem->val[0]}}</h2>
                        @endif
                    </div>
                    <div class="col-md-4 col-sm-9 col-xs-12">
                        <p class="onas-text">{{$indexItem->val[1]}}</p>
                        <p class="onas-text-to">{{$indexItem->val[2]}}</p>
                    </div>
                </div>
            </div>
            @endif
        @if($indexItem->type == 9)
            {!! $indexItem->val !!}
        @endif

        @if($indexItem->type == 10)
            <span class="brend-slider-left">
                                <img src="/images/arrow_new.png" alt="arrow_prew">
                            </span>
            <span class="brend-slider-right">
                                <img src="/images/arrow_new.png" alt="arrow_next">
                            </span>

                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="brends-new">
                            @foreach($indexItem->val as $item)
                                <div class="item-brend-new">
                                    <amp-img src="/storage/{{$item}}" alt="Brands image" width = "250"
                                             height = "160"  layout = "responsive" ></amp-img>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>

            </div>
        @endif

    @endforeach





    <div id="app"></div>


@endsection