   <section class="pb-5">
       <div class="container-lg">

           <div class="row">
               <div class="col-md-12">

                   <div class="section-header d-flex flex-wrap justify-content-between my-4">

                       <h2 class="section-title">Rekomendasi</h2>

                   </div>

               </div>
           </div>

           <div class="row">
               <div class="col-md-12">
                   <div
                       class="product-grid row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3 row-cols-xl-4 row-cols-xxl-5">
                       @foreach ($product as $item)
                           <form action="{{ route('cart.insert') }}" method="POST">
                               @csrf @method('POST')
                               <input type="hidden" name="product_id" value="{{ $item->id }}" />
                               <div class="col">
                                   <div class="product-item">
                                       <figure>
                                           <a href="{{ route('product.detail', $item->id) }}" title="Product Title">
                                               <img src="{{ asset('img_assets/product/' . $item->image) }}"
                                                   alt="Product Thumbnail" class="tab-image">
                                           </a>
                                       </figure>
                                       <div class="d-flex flex-column text-center">
                                           <h3 class="fs-6 fw-normal">{{ $item->name }}</h3>
                                           <div class="">
                                               @if ($item->is_discount)
                                                   <del>Rp. {{ number_format($item->price) }}</del>
                                                   <span class="text-dark fw-semibold">Rp.
                                                       {{ number_format($item->price * (1 - $item->discount_price / 100)) }}</span>
                                                   <span
                                                       class="badge border border-dark-subtle rounded-0 fw-normal px-1 fs-7 lh-1 text-body-tertiary">
                                                       {{ $item->discount_price }}% Diskon</span>
                                               @else
                                                   <span class="text-dark fw-semibold">Rp.
                                                       {{ number_format($item->price * (1 - $item->discount_price / 100)) }}</span>
                                               @endif
                                           </div>
                                           <div class="button-area p-3 pt-0">
                                               <div class="row g-1 mt-2">
                                                   <div class="col-3"><input min="0" type="number"
                                                           name="amount"
                                                           class="form-control border-dark-subtle input-number quantity"
                                                           value="1"></div>
                                                   <div class="col-9">
                                                       <button type="submit"
                                                           class="btn btn-primary rounded-1 p-2 fs-7 btn-cart">
                                                           <svg width="18" height="18">
                                                               <use xlink:href="#cart"></use>
                                                           </svg> Masukkan Keranjang</button>
                                                   </div>
                                               </div>
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </form>
                       @endforeach
                   </div>
               </div>
           </div>
       </div>
   </section>
