@if(!request()->has('filter') && $accessories->count())
    <div class="row mb-4">
        <div class="col">
            <h1 class="text-center unmarg">الاكسسوارات
                @if($accessories_count > 16 && !request()->get("filter"))
                    <span class="f18">(<a
                            href="{{route("search",["q"=>request()->get("q"),"filter"=>"accessories"])}}"
                            class="no-underline">عرض جميع النتائج</a>)</span>
                @endif
            </h1>
        </div>
    </div>

     @include('accessories.partial.accessory_list', ['accessories' => $accessories])
@endif

@if(($accessories_count ?? false) && $accessories_count > 16 && !request()->get("filter"))
    <div class="row mb-4">
        <div class="col">
            <h1 class="text-center unmarg">
                <h3 class="text-center"><a
                        href="{{route("search",["q"=>request()->get("q"),"filter"=>"accessories"])}}"
                        class="no-underline">عرض جميع النتائج</a></h3>
            </h1>
        </div>
    </div>
@endif

<hr>

@if(request()->get("filter")=="items" || !request()->get("filter") && $items->count())
    <div class="row mb-4">
        <div class="col">
            <hr />
            <h1 class="text-center unmarg">الاجهزة
                @if($items_count > 16 && !request()->get("filter"))
                    <span class="f18">(<a
                            href="{{route("search",["q"=>request()->get("q"),"filter"=>"items"])}}"
                            class="no-underline">عرض جميع النتائج</a>)</span>
                @endif
            </h1>
        </div>
    </div>

    <div class="row">
        @forelse($items as $item)
            @include("components.item_color",["item_color"=>$item])
        @empty
            <div class="col-12">
                <h3 class="text-center">
                    لا يوجد نتائج للبحث
                </h3>
            </div>
        @endforelse
    </div>
@endif

@if($items_count > 16 && !request()->get("filter"))
    <div class="row mb-4">
        <div class="col">
            <h1 class="text-center unmarg">
                <h3 class="text-center"><a
                        href="{{route("search",["q"=>request()->get("q"),"filter"=>"items"])}}"
                        class="no-underline">عرض جميع النتائج</a></h3>
            </h1>
        </div>
    </div>
@endif

<hr>

@if(request()->get("filter")=="items")
    <div class="pagination">
        {!! $items->appends(["filter"=>"items","q"=>request()->get("q")])->links("vendor.pagination.default"); !!}
    </div>
@endif