@if(count($filter))
    <div class="catalog-head">
        <div class="catalog-head-filter">
            <button type="button" class="catalog-head-filter-btn @if($filter->hasRequest())active @endif">
                <span>{{ShowLabelById(96)}}</span>
                <img src="{{icon('arrow-right.svg')}}" alt="arrow-right">
            </button>
        </div>
        <div class="grid-sort-component">
            @include('front.templates.catalog.grid-sort')
        </div>
    </div>

    <div class="filter-selected-component">
        @include('front.templates.catalog.filter.filter-selected',['filterSelected'=>$filter->selected()])
    </div>
@endif


<div class="catalog-inner @if(count($filter) && $filter->hasRequest())filter-active @endif">
    @include('front.templates.catalog.filter.filter')
    <div class="catalog-content catalog-component">
        @include('front.templates.catalog.products')
    </div>
</div>

@push('js')
    <script>
        scrollCatalog();
    </script>
@endpush