@php
    $useCategoryRoute = $useCategoryRoute ?? false;
    $selectedCategory = $selectedCategory ?? null;

    $shopFilterUrl = function (array $overrides = []) {
        $category = array_key_exists('category', $overrides) ? $overrides['category'] : request('category');
        $brand = array_key_exists('brand', $overrides) ? $overrides['brand'] : request('brand');

        $params = array_filter([
            'category' => $category,
            'brand' => $brand,
            'min_price' => request('min_price'),
            'max_price' => request('max_price'),
        ], fn ($value) => $value !== null && $value !== '');

        return route('shop', $params);
    };

    $categoryUrl = function ($category) use ($useCategoryRoute, $shopFilterUrl) {
        if (! $category->slug) {
            return '#';
        }

        if ($useCategoryRoute) {
            return route('shop.category', $category->slug);
        }

        return $shopFilterUrl(['category' => $category->slug]);
    };
@endphp

<div class="htc__shop__left__sidebar">
    <!-- Filter by Price -->
    <div class="htc-grid-range mb-4">
        <h4 class="section-title-4">{{ __('shop.filter by price') }}</h4>
        <div class="content-shopby">
            <div class="price_filter s-filter clear">
                <form action="{{ route('shop') }}" method="GET">
                    @if($selectedCategory?->slug)
                        <input type="hidden" name="category" value="{{ $selectedCategory->slug }}">
                    @elseif(request('category'))
                        <input type="hidden" name="category" value="{{ request('category') }}">
                    @endif
                    @if(request('brand'))
                        <input type="hidden" name="brand" value="{{ request('brand') }}">
                    @endif
                    <div id="slider-range"></div>
                    <div class="slider__range--output">
                        <div class="price__output--wrap">
                            <div class="price--output">
                                <span>{{ __('shop.price') }} :</span><input type="text" id="amount" name="price" readonly>
                                <input type="hidden" id="min_price" name="min_price">
                                <input type="hidden" id="max_price" name="max_price">
                            </div>
                            <div class="price--filter">
                                <button type="submit" class="btn btn-outline-secondary btn-sm">{{ __('shop.filter') }}</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Product Categories -->
    <div class="htc__shop__cat mb-4">
        <h4 class="section-title-4">{{ __('shop.categories') }}</h4>

        <ul class="sidebar__list">
            @if($selectedCategory)
            <li>
                <a href="{{ $useCategoryRoute ? route('shop') : $shopFilterUrl(['category' => null]) }}">
                    {{ __('shop.all_categories') }}
                </a>
            </li>
            <li class="is-active">
                {{ $selectedCategory->name }}
                <span>{{ $selectedCategory->active_products_count }}</span>
            </li>
            @endif

            @foreach($categories as $item)
            @if($item->slug)
            <li class="{{ $selectedCategory ? 'is-child' : '' }}">
                <a href="{{ $categoryUrl($item) }}">
                    {{ $item->name }} <span>{{ $item->active_products_count }}</span>
                </a>
            </li>
            @endif
            @endforeach
        </ul>
    </div>

    <!-- Filter by Brand -->
    <div class="htc__shop__cat mb-4">
        <h4 class="section-title-4">{{ __('shop.brands') }}</h4>
        <ul class="sidebar__list">
            @foreach($brands as $brand)
            <li>
                <a href="{{ $shopFilterUrl(['brand' => strtolower($brand), 'category' => $selectedCategory?->slug ?? request('category')]) }}">
                    {{ $brand }}
                </a>
            </li>
            @endforeach
        </ul>
    </div>
</div>