@php
    $from = $products->total() ? $products->firstItem() : 0;
    $to = $products->total() ? $products->lastItem() : 0;
    $hasPriceFilter = $catalogMax > 0 && $catalogMax >= $catalogMin;
    $sliderMin = $minPrice ?? $catalogMin;
    $sliderMax = $maxPrice ?? $catalogMax;
    $hasActiveFilters = $categoryParam !== '' || $minPrice !== null || $maxPrice !== null || $search !== '';
    $pageStart = max(1, $products->currentPage() - 2);
    $pageEnd = min($products->lastPage(), $products->currentPage() + 2);
@endphp
@extends("layouts.public")
@section("meta")
    @include('includes.seo-meta', [
        'slug' => 'shop',
        'path' => '/shop',
        'defaults' => [
            'title' => __('public.pages.shop_title'),
            'description' => __('public.pages.shop_desc'),
        ],
    ])
    @push('json_ld')
        @include('includes.json-ld-graphs', [
            'graphs' => [
                schema_breadcrumb([
                    ['name' => __('public.breadcrumb.home'), 'url' => schema_absolute_url('/')],
                    ['name' => __('public.breadcrumb.shop'), 'url' => schema_absolute_url('/shop')],
                ]),
            ],
        ])
    @endpush
@endsection

@section("content")
    @include('includes.corano-breadcrumb', [
        'crumbs' => [
            ['label' => __('public.breadcrumb.shop')],
        ],
    ])

    <div class="shop-main-wrapper section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 order-2 order-lg-1">
                    <aside class="sidebar-wrapper">
                        <div class="sidebar-single">
                            <h5 class="sidebar-title">{{ __('public.shop.categories') }}</h5>
                            <div class="sidebar-body">
                                <ul class="shop-categories">
                                    <li class="{{ $categoryParam === '' ? 'active' : '' }}">
                                        <a href="{{ shop_url(['category' => '']) }}">{{ __('public.shop.all_categories') }}</a>
                                    </li>
                                    @foreach($categories as $category)
                                        @php
                                            $catKey = $category->slug ?: (string) $category->id;
                                            $isActive = $activeCategory && $activeCategory->id === $category->id;
                                        @endphp
                                        <li class="{{ $isActive ? 'active' : '' }}">
                                            <a href="{{ shop_url(['category' => $catKey]) }}">
                                                {{ ___($category, 'title') }}
                                                <span>({{ (int) $category->products_count }})</span>
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>

                        @if($hasPriceFilter)
                            <div class="sidebar-single">
                                <h5 class="sidebar-title">{{ __('public.shop.price') }}</h5>
                                <div class="sidebar-body">
                                    <div class="price-range-wrap shop-price-range"
                                         data-min="{{ $catalogMin }}"
                                         data-max="{{ $catalogMax }}">
                                        <div class="shop-price-slider">
                                            <div class="shop-price-slider__track"></div>
                                            <div class="shop-price-slider__fill"></div>
                                            <input class="shop-price-slider__min" type="range" min="{{ $catalogMin }}" max="{{ $catalogMax }}" step="1" value="{{ $sliderMin }}" aria-label="{{ __('public.shop.price_min') }}">
                                            <input class="shop-price-slider__max" type="range" min="{{ $catalogMin }}" max="{{ $catalogMax }}" step="1" value="{{ $sliderMax }}" aria-label="{{ __('public.shop.price_max') }}">
                                        </div>
                                        <div class="range-slider">
                                            <form action="{{ __url('/shop') }}" method="get" class="d-flex align-items-center justify-content-between shop-price-form">
                                                @include('pages.shop.partials.hidden-filters', ['exclude' => ['min', 'max']])
                                                <div class="price-input">
                                                    <label for="shop-price-min">{{ __('public.shop.price') }}:</label>
                                                    <input type="number" name="min" id="shop-price-min" min="{{ $catalogMin }}" max="{{ $catalogMax }}" value="{{ $sliderMin }}" inputmode="numeric">
                                                    <span class="shop-price-sep">–</span>
                                                    <input type="number" name="max" id="shop-price-max" min="{{ $catalogMin }}" max="{{ $catalogMax }}" value="{{ $sliderMax }}" inputmode="numeric">
                                                </div>
                                                <button class="filter-btn" type="submit">{{ __('public.shop.filter') }}</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if($hasActiveFilters)
                            <div class="sidebar-single">
                                <a class="shop-clear-filters" href="{{ __url('/shop') }}">{{ __('public.shop.clear_filters') }}</a>
                            </div>
                        @endif

                        <div class="sidebar-banner">
                            <div class="img-container">
                                <img src="/assets/images/banners/banner-2.jpg" alt="">
                            </div>
                        </div>
                    </aside>
                </div>

                <div class="col-lg-9 order-1 order-lg-2">
                    <div class="shop-product-wrapper">
                        <div class="shop-top-bar">
                            <div class="row align-items-center">
                                <div class="col-lg-7 col-md-6 order-2 order-md-1">
                                    <div class="top-bar-left">
                                        <div class="product-view-mode">
                                            <a class="active" href="#" data-target="grid-view" title="{{ __('public.shop.grid_view') }}"><i class="fa fa-th"></i></a>
                                            <a href="#" data-target="list-view" title="{{ __('public.shop.list_view') }}"><i class="fa fa-list"></i></a>
                                        </div>
                                        <div class="product-amount">
                                            <p>{{ __('public.shop.showing', ['from' => $from, 'to' => $to, 'total' => $products->total()]) }}</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-5 col-md-6 order-1 order-md-2">
                                    <div class="top-bar-right">
                                        <div class="product-short">
                                            <p>{{ __('public.shop.sort_by') }}</p>
                                            <form action="{{ __url('/shop') }}" method="get" class="shop-sort-form">
                                                @include('pages.shop.partials.hidden-filters', ['exclude' => ['sort']])
                                                <select class="shop-sort-select" name="sort" aria-label="{{ __('public.shop.sort_by') }}">
                                                    <option value="relevance" @selected($sort === 'relevance')>{{ __('public.shop.sort_relevance') }}</option>
                                                    <option value="newest" @selected($sort === 'newest')>{{ __('public.shop.sort_newest') }}</option>
                                                    <option value="name_asc" @selected($sort === 'name_asc')>{{ __('public.shop.sort_name_asc') }}</option>
                                                    <option value="name_desc" @selected($sort === 'name_desc')>{{ __('public.shop.sort_name_desc') }}</option>
                                                    <option value="price_asc" @selected($sort === 'price_asc')>{{ __('public.shop.sort_price_asc') }}</option>
                                                    <option value="price_desc" @selected($sort === 'price_desc')>{{ __('public.shop.sort_price_desc') }}</option>
                                                </select>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        @if($products->count())
                            <div class="shop-product-wrap grid-view row mbn-30">
                                @foreach($products as $product)
                                    @include('pages.shop.partials.product-card', ['product' => $product])
                                @endforeach
                            </div>

                            @if($products->lastPage() > 1)
                                <div class="paginatoin-area text-center">
                                    <ul class="pagination-box">
                                        @if(!$products->onFirstPage())
                                            <li><a class="previous" href="{{ $products->previousPageUrl() }}" aria-label="{{ __('pagination.previous') }}"><i class="fa fa-angle-left"></i></a></li>
                                        @endif
                                        @for($page = $pageStart; $page <= $pageEnd; $page++)
                                            <li class="{{ $page === $products->currentPage() ? 'active' : '' }}">
                                                <a href="{{ $products->url($page) }}">{{ $page }}</a>
                                            </li>
                                        @endfor
                                        @if($products->hasMorePages())
                                            <li><a class="next" href="{{ $products->nextPageUrl() }}" aria-label="{{ __('pagination.next') }}"><i class="fa fa-angle-right"></i></a></li>
                                        @endif
                                    </ul>
                                </div>
                            @endif
                        @else
                            <p class="shop-empty text-center">{{ __('public.shop.empty') }}</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection