@include('site.header')
    <!-- Home slider -->
    <section class="p-0">
        <div class="ads">
            <div class="row">
                <div class="col-md-6">
                    <img src="{{asset('uploads/ads/'.$top_left->image)}}" alt="ad" class="ad01">
                </div>
                <div class="col-md-6">
                    <img src="{{asset('uploads/ads/'.$top_right->image)}}" alt="ad" class="ad02">
                </div>
            </div>
        </div>
    </section>
    <!-- Home slider end -->

    <!-- Paragraph-->
    <div class="title1 section-t-space">
        {{-- <h4>special offer</h4> --}}
        <h2 class="title-inner1">Featured Products</h2>
    </div>

    <section class="products">
        <div class="container-fluid">
            <div class="row">
                @foreach($featured_products as $row)
                    <div class="col-md-2">
                        <div class="product-box card">
                            <div class="img-wrapper">
                                <div class="front">
                                    <a href="/product/{{$row->id}}/{{Str::slug($row->name)}}">
                                        @if($row->image!=null)
                                        <img src="{{asset('uploads/products/'.$row->image)}}" class="img-fluid blur-up lazyload" alt="">
                                        @else
                                        <img src="{{asset('theme/images/resource/vy/Common-Medicines-Drugs.png')}}" class="img-fluid blur-up lazyload" alt="">
                                        @endif
                                    </a>
                                </div>
                            </div>
                            <div class="product-detail">
                                {{-- <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                </div> --}}
                                <a href="/product/{{$row->id}}/{{Str::slug($row->name)}}">
                                    <h6>{{$row->name}}</h6>
                                </a>
                                <a href="/seller/{{$row->company_id}}">
                                    <strong style="color:#333333;">{{$row->company->company_name??''}}</strong>
                                </a>
                                <h4>Rs {{$row->price??''}}</h4>
                                <button class="btn btn-danger" onclick="sendEnquiry('{{$row->id}}','{{$row->name}}')">Enquiry</button>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

    <div class="title1 section-t-space">
        {{-- <h4>special offer</h4> --}}
        <h2 class="title-inner1">New Arrivals</h2>
    </div>
    <section class="products">
        <div class="container-fluid">
            <div class="row">
                @foreach($new_products as $row)
                    <div class="col-md-2">
                        <div class="product-box card">
                            <div class="img-wrapper">
                                <div class="front">
                                    <a href="/product/{{$row->id}}/{{Str::slug($row->name)}}">
                                        @if($row->image!=null)
                                        <img src="{{asset('uploads/products/'.$row->image)}}" class="img-fluid blur-up lazyload" alt="">
                                        @else
                                        <img src="{{asset('theme/images/resource/vy/Common-Medicines-Drugs.png')}}" class="img-fluid blur-up lazyload" alt="">
                                        @endif
                                    </a>
                                </div>
                            </div>
                            <div class="product-detail">
                                {{-- <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                </div> --}}
                                <a href="/product/{{$row->id}}/{{Str::slug($row->name)}}">
                                    <h6>{{$row->name}}</h6>
                                </a>
                                <a href="/seller/{{$row->company_id}}">
                                    <strong style="color:#333333;">{{$row->company->company_name??''}}</strong>
                                </a>
                                <h4>Rs {{$row->price??''}}</h4>
                                <button class="btn btn-danger" onclick="sendEnquiry('{{$row->id}}','{{$row->name}}')">Enquiry</button>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

    <div class="title1 section-t-space">
        {{-- <h4>special offer</h4> --}}
        <h2 class="title-inner1">Trusted Products</h2>
    </div>
    <section class="products">
        <div class="container-fluid">
            <div class="row">
                @foreach($trusted_products as $row)
                    <div class="col-md-2">
                        <div class="product-box card">
                            <div class="img-wrapper">
                                <div class="front">
                                    <a href="/product/{{$row->id}}/{{Str::slug($row->name)}}">
                                        @if($row->image!=null)
                                        <img src="{{asset('uploads/products/'.$row->image)}}" class="img-fluid blur-up lazyload" alt="">
                                        @else
                                        <img src="{{asset('theme/images/resource/vy/Common-Medicines-Drugs.png')}}" class="img-fluid blur-up lazyload" alt="">
                                        @endif
                                    </a>
                                </div>
                            </div>
                            <div class="product-detail">
                                {{-- <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                </div> --}}
                                <a href="/product/{{$row->id}}/{{Str::slug($row->name)}}">
                                    <h6>{{$row->name}}</h6>
                                </a>
                                <a href="/seller/{{$row->company_id}}">
                                    <strong style="color:#333333;">{{$row->company->company_name??''}}</strong>
                                </a>
                                <h4>Rs {{$row->price??''}}</h4>
                                <button class="btn btn-danger" onclick="sendEnquiry('{{$row->id}}','{{$row->name}}')">Enquiry</button>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

    <div class="title1 section-t-space">
        {{-- <h4>special offer</h4> --}}
        <h2 class="title-inner1">Popular Categories</h2>
    </div>
    <section class="products">
        <div class="container-fluid">
            <div class="row">
                @foreach($categories as $row)
                    <div class="col-md-2">
                        <div class="product-box card">
                            <div class="img-wrapper">
                                <div class="front">
                                    <a href="/category/{{$row->id}}/{{Str::slug($row->name)}}">
                                        @if($row->image!=null)
                                        <img src="{{asset('uploads/categories/'.$row->image)}}" class="img-fluid blur-up lazyload" alt="">
                                        @else
                                        <img src="{{asset('uploads/blank_image.png')}}" class="img-fluid blur-up lazyload" alt="">
                                        @endif
                                    </a>
                                </div>
                            </div>
                            <div class="product-detail card-text">
                                <div>
                                    <a href="/category/{{$row->id}}/{{Str::slug($row->name)}}">
                                        <h6>{{$row->name}}</h6>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

    @include('site.footer')