<x-main.header />

<main class="shop-main">
    <section class="banner-inner" style="background-image: url({{ asset('storage/images/'.$banner->banner_image) }});">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-11 col-12">
                    <div class="banner-txt">
                        <div class="col-lg-7 col-12 pe-lg-5">
                            <h1 class="theme-h1">Search Results</h1>
                            <ul>
                                <li><a href="{{ url('/') }}">Home</a></li>
                                <li>Search</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="shop-sec sec-padding">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-11 col-12">
                    <div class="row align-items-center">
                        <div class="col-md-3 col-12">
                            <!-- <h4 class="shop-h4">price filter</h4> -->
                        </div>
                        <div class="col-md-9 col-12">
                            <ul class="layout-setup">
                                <!--<li>{{ count($product) }} products found</li>-->
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-12">
                            <div class="products-listing">
                                <div class="row gx-3 gy-4">
                                    @if($product)
                                        @foreach($product as $key => $pro)
                                        <div class="col-lg-4 col-md-6 col-12">
                                            <a href="{{ url('/product_detail'.$pro->product_id) }}">
                                                <div class="product-card">
                                                    <div class="prd-img">
                                                        <img class="img-fluid" src="{{ asset('storage/images/'.$pro->product_image) }}" alt="">
                                                    </div>
                                                    <div class="prd-cntnt">
                                                        <h5 class="theme-h5">{{ $pro->product_front_title }}</h5>
                                                        @if(auth::user())
                                                        <h5 class="prd-prc">${{ $pro->product_selling_price }}</h5>
                                                        @else
                                                        <h5 class="prd-prc">${{ $pro->product_origional_price }}</h5>
                                                        @endif
                                                        <a href="{{ url('/product_detail'.$pro->product_id) }}" class="theme-btn">view details</a>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        @endforeach
                                    @else
                                        <h2>Product Not Found</h2>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

<x-main.footer />