<div class="product_search position-relative">
    <form role="search" action="{{ route('search.index') }}" method="GET" class="product-search">
        <input type="search"
               id="search-field"
               class="search-field"
               placeholder="جستجو کنید..."
               autocomplete="off"
               name="q"
               wire:model="q">
        <button type="submit" value="Search"><i class="fal fa-search"></i></button>
    </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>