@include('layout.header')

<!-- SEARCH START -->
<div class="search_container">
    <div class="page_container">
        <div class="inner">
            <form action="{{url('/search/product')}}" method="get">
                <input placeholder="Search" class="w-100" type="text" name="title" />
                <img style="top: 30%" src="{{asset('assets/img/search.png')}}" />
            </form>
        </div>
    </div>
</div>
<!-- SEARCH END -->

<!-- LISR START -->
<div class="list_container mt-4">
    <div class="container-fluid">
        <div class="row gx-2 gy-2">
            @foreach($products as $product)
            <div class="col-6">
                <div class="card_ py-2 px-3">
                    <a class="text-decoration-none text-dark" href="{{url('/product/'.$product->id)}}">
                        <img class="w-100" style="object-fit: contain;" src="{{asset('assets/img/'.$product->image)}}" alt="" />
                        <p class="mb-0 f14 mt-3">
                            {{$product->title}}
                        </p>
                        <p class="mb-0 f14 gray">
                            {{$product->title}}
                        </p>
                        <p class="f14 fw500 mb-0">₹ {{$product->price}}</p>
                    </a>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>
<!-- LISR END -->

@include('layout.footer')