{{-- <div class="row gx-lg -45"> --}}
<div class="col-lg-3 mb-4 mb-lg-0">
    <div class="main-sidebar  border-0">
        <h4 class="sidebar-title mb-0 fw-600 dark-color ">{{ __('messages_301.Categories') }}</h4>

        <ul class="list-items ">
            @foreach ($categories as $category)
                <li class="position-relative">
                    <p
                        class="mb-0 dark-color opacity-80 d-flex align-items-center justify-content-between cursor-pointer">
                        <span>{{ $category->name }}</span> <i class="icon-arrow-left"></i>
                    </p>
                    <div class="sublist">
                        <h5 class="dark-color mb-25 text-nowrap">{{ $category->name }}</h5>
                        <div class="sublist-items d-flex">
                            @foreach ($category->active_sub_departments as $i => $sub_category)
                                @if ($i % 6 == 0)
                                    <ul>
                                @endif
                <li class="dark-color opacity-70 mb-3"><a
                        href="{{ route('saudi.products', ['type' => $type, 'department[0]' => $category->id, 'sub_department[0]' => $sub_category->id]) }}">{{ $sub_category->name }}</a>
                </li>
                @if ($i % 6 == 5 || $i == $category->active_sub_departments->count() - 1)
        </ul>
        @endif
        @endforeach
    </div>
</div>
</li>
@endforeach
</ul>
</div>
{{-- </div> --}}
{{-- <div class="main-sidebar filtration overflow-hidden border-0">
    <div class="d-flex align-items-center justify-content-between">
        <div class="col-9">
            <h4 class="sidebar-title mb-0 fw-600 dark-color def-bg">{{ __("site.Filter.Filter_1") }}</h4>

        </div>
        <div class="col-3 def-bg mb-0 dark-color">
            <a class="btn main-btn min-width-auto px-3" id="filter_select"
                href="javascript:void(0);">{{ __("site.Filter.Filter_2") }}</a>

        </div>
    </div>
    <div class="scrollable def-bg">
        <ul class="list-items def-bg">
            <li>
                <label class="check-container dark-color" for="selectAll">
                    {{ __("site.Filter.Filter_3") }}
                    <input class="form-check-input" type="checkbox" value="" id="selectAll">
                    <span class="checkmark"></span>
                </label>
            </li>
            @foreach ($categories as $category)
                <li>
                    <label class="check-container dark-color" for="{{ $category->id }}">
                        {{ $category->name }}
                        <input class="form-check-input rowCheckbox" value="{{ $category->id }}"
                            type="checkbox" {{ in_array($category->id, $ids) ? 'checked' : '' }} id="{{ $category->id }}">
                        <span class="checkmark"></span>
                    </label>
                </li>
            @endforeach


        </ul>

    </div>
</div> --}}