@php
    add_js_src(theme_asset('js/filter.js'));
    add_js_data('filter_data', [
        'search_url' => route('web.products'),
    ]);

    $sortOptions = __('shop.sortby_options');
    $sorttype = ($r = request()) ? $r->sorttype ?? 1 : 1;
    if (!is_array($sortOptions)) {
        $sortOptions =
            config('app.locale') == 'vi'
                ? [
                    '1' => 'Mới nhất',
                    '2' => 'Tên (A-Z)',
                    '3' => 'Tên (Z-A)',
                    '4' => 'Giá (thấp - cao)',
                    '5' => 'Giá (cao - thấp)',
                    '6' => 'Ngẫu nhiên',
                    '7' => 'Cũ nhất',
                ]
                : [
                    '1' => 'Newest',
                    '2' => 'Product Name (A-Z)',
                    '3' => 'Product Name (Z-A)',
                    '4' => 'Price (lowest)',
                    '5' => 'Price (Hightest)',
                    '6' => 'Random',
                    '7' => 'Oldest',
                ];
    }
    $url = request()->getRequestUri();
    $min = ($p = get_product(['@sorttype' => 4])) && $p->price_status ? $p->final_price : 0;
    $max = ($p = get_product(['@sorttype' => 5])) && $p->price_status ? $p->final_price : 99999999;

@endphp
<div class="collection-filter filter-drawer shop-sidebar">
    <div class="filter-widget d-lg-none d-flex align-items-center justify-content-between">
        <h5 class="heading_24">{{ scw_text('filter_by') }}</h4>
            <button type="button" class="btn-close text-reset filter-drawer-trigger d-lg-none"></button>
    </div>

    <div class="filter-widget d-lg-none">
        <div class="filter-header faq-heading heading_18 d-flex align-items-center justify-content-between border-bottom" data-bs-toggle="collapse" data-bs-target="#filter-mobile-sort">
            <span>
                <span class="sorting-title me-2">{{ scw_text('sort_by') }}:</span>
                <span class="active-sorting">{{ $sortOptions[$sorttype] ?? $sortOptions[1] }}</span>
            </span>
            <span class="faq-heading-icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-down">
                    <polyline points="6 9 12 15 18 9"></polyline>
                </svg>
            </span>
        </div>
        <div id="filter-mobile-sort" class="accordion-collapse collapse show">
            <ul class="sorting-lists-mobile list-unstyled m-0">
                @foreach ($sortOptions as $type => $text)
                    <li><a href="{{ url_merge($url, 'sorttype', $type, 'page') }}" class="text_17">{{ $text }}</a></li>
                @endforeach
            </ul>
        </div>
    </div>

    <form method="GET" action="{{ route('web.products') }}" id="product-filter-form">
        <div class="filter-widget">
            <div class="filter-header faq-heading heading_18 d-flex align-items-center justify-content-between border-bottom" data-bs-toggle="collapse" data-bs-target="#filter-collection">
                {{ scw_text('categories') }}
                <span class="faq-heading-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-down">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </div>
            <div id="filter-collection" class="accordion-collapse collapse show submit-on-change">

                @if ($cates = get_product_categories(['@countproduct' => true]))
                    @php
                        $cc = is_array($request->categories) ? $request->categories : array_map('trim', explode(',', $request->categories));
                    @endphp
                    <ul class="filter-lists list-unstyled mb-0">
                        @foreach ($cates as $cate)
                            <li class="filter-item">
                                <label class="filter-label">
                                    <input type="checkbox" name="categories[]" value="{{ $cate->id }}" @checked(in_array($cate->id, $cc))>
                                    <span class="filter-checkbox rounded me-2"></span>
                                    <span class="filter-text">{{ $cate->name }} ({{ $cate->product_count }})</span>
                                </label>
                            </li>
                        @endforeach

                    </ul>
                @endif
            </div>
        </div>
        <div class="filter-widget">
            <div class="filter-header faq-heading heading_18 d-flex align-items-center justify-content-between border-bottom" data-bs-toggle="collapse" data-bs-target="#filter-price">
                {{ scw_text('price') }}
                <span class="faq-heading-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-down">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </div>
            <div id="filter-price" class="accordion-collapse collapse show">
                <div class="filter-price d-flex align-items-center justify-content-between">
                    <div class="filter-field">
                        <input class="field-input" type="number" name="min_price" placeholder="{{ $min }}" value="{{ $min }}" min="{{ $min }}" max="{{ $max }}">
                    </div>
                    <div class="filter-separator px-3">{{ scw_text('to') }}</div>
                    <div class="filter-field">
                        <input class="field-input" type="number" name="max_price" placeholder="{{ $max }}" value="{{ $max }}" min="{{ $min }}" max="{{ $max }}">
                    </div>
                </div>
            </div>
        </div>


        @if (count($attributes = $helper->getProductCategoryAttributes()))