@extends("main")
@setmenu("home")
@section("content")

    @include("front.home._.slider")

    @include("front.home._.page")

    <div class="outer bottom-50">
        <div class="hero-cats reveal">
            <ul>
                @foreach($categories as $category)
                    <li>
                        <a href="{{ route("front.category", ["slug" => $category->slug]) }}">
                            <picture><img src="{{ $category->getCover() }}" alt=""/></picture>
                            <strong>{{ $category->name }}</strong>
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>

    @include("front.home._.sauce")


    <div class="w100 reveal">
        <div class="page-title space-bottom tac"><strong>{{ trans("partials.all_products") }}</strong></div>
        <div class="slider-home-wrap">
            <div class="slider-home">
                @foreach($allProducts as $allProduct)
                    <div class="slider-home-item">
                        <div class="item-in">
                            <a href="{{ route("front.product", ["slug" => $allProduct->slug, "category_slug" => $allProduct->category->slug]) }}" class="product-item">
                                <picture><img src="{{ str_replace("\\", "/", $allProduct->getCover()) }}" alt=""/></picture>
                                <strong>{{ $allProduct->name }}</strong>
                            </a>
                        </div>
                    </div>
                @endforeach

            </div>
        </div>
        <div class="link-all link-cta mt30"><a href="{{ route("front.products") }}">{{ trans("partials.all_products") }}</a></div>
    </div>
    @include("front.home._.produce")
    <div class="w100 reveal">
        <div class="page-title space-bottom tac"><strong>{{ $diffCategory->name }}</strong></div>
        <div class="slider-home-wrap">
            <div class="slider-home">
                @foreach($diffCategory->products as $prod)
                    <div class="slider-home-item">
                        <div class="item-in">
                            <a href="{{ route("front.product", ["category_slug" => $diffCategory->slug, "slug" => $prod->slug]) }}"
                               class="product-item">
                                <picture><img src="{{ $prod->getCover() }}" alt=""/></picture>
                                <strong>{{ $prod->name }}</strong>
                            </a>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>


    @include("front.home._.promos")

    @include("front.home._.widgets")

    {{--    @include("front.home._.counter")--}}

@endsection