@php
    $brands = get_all_brands(['status' => \Botble\Base\Enums\BaseStatusEnum::PUBLISHED], [], ['products']);
    $tags = app(\Botble\Ecommerce\Repositories\Interfaces\ProductTagInterface::class)->advancedGet([
        'condition' => ['status' => \Botble\Base\Enums\BaseStatusEnum::PUBLISHED],
        'with'      => [],
        'withCount' => ['products'],
        'order_by'  => ['products_count' => 'desc'],
        'take'      => 10,
    ]);
    $rand = mt_rand();
    $categoriesRequest = (array)request()->input('categories', []);
    $urlCurrent = URL::current();

    Theme::asset()->usePath()
                ->add('custom-scrollbar-css', 'plugins/mcustom-scrollbar/jquery.mCustomScrollbar.css');
    Theme::asset()->container('footer')->usePath()
                ->add('custom-scrollbar-js', 'plugins/mcustom-scrollbar/jquery.mCustomScrollbar.js', ['jquery']);
@endphp

<input type="hidden" name="sort-by" class="product-filter-item" value="{{ request()->input('sort-by') }}">
<input type="hidden" name="layout" class="product-filter-item" value="{{ request()->input('layout') }}">
<input type="hidden" name="q" value="{{ BaseHelper::stringify(request()->query('q')) }}">

<aside class="catalog-primary-sidebar catalog-sidebar" data-toggle-target="product-categories-primary-sidebar">
    <div class="backdrop"></div>
    <div class="catalog-sidebar--inner side-left">
        <div class="panel__header d-md-none mb-4">
            <span class="panel__header-title">{{ __('Filter Products') }}</span>
            <a class="close-toggle--sidebar" href="#" data-toggle-closest=".catalog-primary-sidebar">
                <span class="svg-icon">
                    <svg>
                        <use href="#svg-icon-arrow-right" xlink:href="#svg-icon-arrow-right"></use>
                    </svg>
                </span>
            </a>
        </div>
        <div class="catalog-filter-sidebar-content px-3 px-md-0">
            <div class="widget-wrapper widget-product-categories">
                <h4 class="widget-title">{{ __('Product Categories') }}</h4>
                <div class="widget-layered-nav-list">
                    @include(Theme::getThemeNamespace() . '::views.ecommerce.includes.categories', compact('categories', 'categoriesRequest', 'urlCurrent'))
                </div>
            </div>
            @if (count($brands) > 0)
                <div class="widget-wrapper widget-product-brands">
                    <h4 class="widget-title">{{ __('Brands') }}</h4>
                    <div class="widget-layered-nav-list ps-custom-scrollbar">
                        <ul>
                            @foreach($brands as $brand)
                                @if ($brand->products_count > 0)
                                    <li>
                                        <div class="widget-layered-nav-list__item">
                                            <div class="form-check">
                                                <input class="form-check-input product-filter-item" type="checkbox" name="brands[]" value="{{ $brand->id }}"
                                                    id="attribute-brand-{{ $rand }}-{{ $brand->id }}" @if (in_array($brand->id, request()->input('brands', []))) checked @endif>
                                                <label class="form-check-label" for="attribute-brand-{{ $rand }}-{{ $brand->id }}">
                                                    <span>{{ $brand->name }}</span>
                                                    <span class="count">({{ $brand->products_count }})</span>
                                                </label>
                                            </div>
                                        </div>
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endif

            @if (count($tags) > 0)
                <div class="widget-wrapper widget-product-tags">
                    <h4 class="widget-title">{{ __('Tags') }}</h4>
                    <div class="widget-layered-nav-list ps-custom-scrollbar">
                        <ul>
                            @foreach($tags as $tag)
                                @if ($tag->products_count > 0)
                                    <li>
                                        <div class="widget-layered-nav-list__item">
                                            <div class="form-check">
                                                <input class="form-check-input product-filter-item" type="checkbox" name="tags[]" value="{{ $tag->id }}"
                                                    id="attribute-tag-{{ $rand }}-{{ $tag->id }}" @if (in_array($tag->id, request()->input('tags', []))) checked @endif>
                                                <label class="form-check-label" for="attribute-tag-{{ $rand }}-{{ $tag->id }}"><span>{{ $tag->name }}</span>
                                                    <span class="count">({{ $tag->products_count }})</span></label>
                                            </div>
                                        </div>
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endif
            <div class="widget-wrapper">
                <h4 class="widget-title">{{ __('By Price') }}</h4>
                <div class="widget__content nonlinear-wrapper">
                    <div class="nonlinear" data-min="0" data-max="{{ (int)theme_option('max_filter_price', 100000) * get_current_exchange_rate() }}"></div>
                    <div class="slider__meta">
                        <input class="product-filter-item product-filter-item-price-0" name="min_price" data-min="0" value="{{ request()->input('min_price', 0) }}"
                            type="hidden">
                        <input class="product-filter-item product-filter-item-price-1" name="max_price" data-max="{{ theme_option('max_filter_price', 100000) }}"
                            value="{{ request()->input('max_price', theme_option('max_filter_price', 100000)) }}" type="hidden">
                            <span class="slider__value">
                                <span class="slider__min"></span>
                                {{ get_application_currency()->title }}</span>
                        -<span class="slider__value"><span class="slider__max"></span> {{ get_application_currency()->title }}</span>
                    </div>
                </div>
                {!! render_product_swatches_filter([
                    'view' => Theme::getThemeNamespace() . '::views.ecommerce.attributes.attributes-filter-renderer'
                ]) !!}
            </div>
        </div>
    </div>
</aside>