000

@extends('front.layout_alt')

@section('page_title', 'Search Results')

@section('content')

<section class="products section">
    <div class="container">
        <div class="row">
            @if($products->isEmpty())
                <p>No products found for your search query.</p>
            @else
                @foreach($products as $product)
                <div class="col-md-4">
                    <div class="product-item">
                      
                    <div class="product-thumb">
    @if($product->is_promo)
        <span class="badge">Sale</span>
    @endif
   
    <a href="{{ url('single_product/show', ['id' => $product->id]) }}">
        <img class="img-responsive" src="{{ asset('storage/media/' . $product->image) }}" alt="{{ $product->name }}">
    </a>

<div class="preview-meta">
        <ul>
            <li>
                <span data-toggle="modal" data-target="#product-modal-{{ $product->id }}">
                    <i class="tf-ion-ios-search-strong"></i>
                </span>
            </li>
            <li>
                <a href="#!"><i class="tf-ion-ios-heart"></i></a>
            </li>
            <li>
                <a href="{{ url('single_product/show', ['id' => $product->id]) }}">
                    <i class="tf-ion-android-cart"></i>
                </a>
            </li>
        </ul>
    </div>
</div>

<div class="product-content">
                            <h4><a href="{{ url('single_product/show', ['id' => $product->id]) }}">{{ $product->name }}</a></h4>
                            @if(isset($productAttributes[$product->id][0]))
                                <span class="aa-product-price">Rs {{ $productAttributes[$product->id][0]->price }}</span>
                                <span class="aa-product-price"><del>Rs {{ $productAttributes[$product->id][0]->mrp }}</del></span>
                            @endif
                        </div>
                    </div>
                </div>
                @endforeach
            @endif
        </div>
    </div>
</section>

@endsection
<script>
  
</script>