<div class="layer-navigation" data-js-collection-nav-section="filters" data-js-accordion="all">
    <div class="layer-navigation__head py-10 cursor-pointer open" data-js-accordion-button>
        <h5 class="d-flex align-items-center mb-0 text-uppercase">
            {{ __('Categories') }}
            <i class="layer-navigation__arrow">
                <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-229" viewBox="0 0 24 24">
                    <path d="M11.783 14.088l-3.75-3.75a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l3.301 3.32 3.301-3.32a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-3.75 3.75a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .841.841 0 0 1-.215-.127z" />
                </svg>
            </i>
        </h5>
    </div>
    <div class="layer-navigation__accordion" data-js-accordion-content>
        <div class="pt-2 pb-10">
            <div>
                <div class="collection-filters row">
                    <div class="col-12 mb-10">
                        @foreach($categoryRepository->filterBy($resource) as $categoryFilter)
                            <label class="input-checkbox d-flex align-items-center mb-15 mb-lg-10 cursor-pointer">
                                <input type="checkbox" class="d-none" name="categories" value="{{ $categoryFilter->id }}">
                                <span class="position-relative d-block mr-8 border lazyload" data-bg="none">
                                    <i class="d-none">
                                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-146" viewBox="0 0 24 24">
                                            <path d="M9.703 15.489l-2.5-2.5a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449.13-.117.28-.176.449-.176s.319.059.449.176l2.051 2.07 5.801-5.82c.13-.117.28-.176.449-.176s.319.059.449.176c.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-6.25 6.25a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .93.93 0 0 1-.215-.127z" />
                                        </svg>
                                    </i>
                                </span>
                                <span>{{ $categoryFilter->name }}</span>
                            </label>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="border-bottom mb-10"></div>
</div>
