@php /** @var \Illuminate\Contracts\Pagination\LengthAwarePaginator $catalogItemsPaginator */@endphp

@extends('master')

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')

    <div class="l-contain">
        <div class="o-assortment">
            <h2 class="o-assortment__title">Assortiment</h2>
            <nav class="o-assortment__menu" data-test="assortment-menu">
                @include('components.accordionList', ['root' => $rootCategory])
            </nav>
            <div class="o-assortment__grid" data-test="assortment-grid">
                @foreach($catalogItemsPaginator->items() as $categorizable)
                    @continue(!$categorizable->productable)
                    @php /** @var \App\Categories\Models\Categorizable $categorizable **/ @endphp
                    <div class="o-assortment__item">
                        @include('components.productableCard', [
                            'productableImageUrl' => $categorizable->productable->images[0]->medium_image_url ?? url('/img/placeholders/productable_placeholder.svg'),
                            'productableLink' => url($links->products->route.'/'.($categorizable->productable->translation ? $categorizable->productable->translation->slug : '')),
                            'productableName' => $categorizable->productable->translation ? $categorizable->productable->translation->name : '',
                            'productablePrice' => $categorizable->productable->price_inc
                        ])
                    </div>
                @endforeach
            </div>
        </div>
    </div>

@endsection