<div class="col-4 ps-0 text-center position-relative">
    <form class="frm-search" action="{{ route('search.index') }}" method="GET">
        <button class="btn-search" type="submit">
            <span class="img-search img-slice"></span>
        </button>
        <input type="text"
               wire:model="q"
               autocomplete="off"
               name="q"
               class="form-control"
               placeholder="محصول مورد نظر خود را جستجو کنید ...">
    </form>
    @if(count($products))
        <div class="col-12 p-0 search-result">
            <ul class="p-0 search-result-list">
                @foreach($products as $product)
                    <li>
                        <a href="{{ route('products.show', $product->slug) }}">
                            {{ $product->name }}
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    @endif
</div>