@include('layout.header')

<section id="content">
  <section class="bgGrey py-4">

    <div id="listProduk">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="designStandar mb-3">
              <div class="heading mb-2">
                <h2>{{$title}}</h2>
                {{-- <a href="#">Lihat Lainnya</a> --}}
              </div>
              <div id="listVideo" class="pb-2">
                <div class="container">
                  <div class="row">
                    @foreach ($list as $souvenir_item)
                    <div class="col-6 col-lg-3 p-1">
                      <div class="item" id="souvenir">
                        <div class="boxProduk" style="background-color: #fff;border-radius: 10px;">
                          @if (count($souvenir_item->images) > 0)
                            <a href="{{url('/souvenir/'.$souvenir_item->id.'/'.str_slug($souvenir_item->name,'-'))}}">
                              <div class="boxImg" style="height: 200px;width: 100%;background-size: auto 100%;background-repeat: no-repeat;background-position: top center;background-image: url('{{$souvenir_item->images[0]->image}}');">&nbsp;</div>
                            </a>
                          @endif
                          <div class="descProduk">
                            <div class="titleProduk">
                              <a href="{{url('/souvenir/'.$souvenir_item->id.'/'.str_slug($souvenir_item->name,'-'))}}">
                                <span>{{$souvenir_item->name}}</span>
                              </a>
                            </div>
                            <div class="stock">
                              <span>Stock : {{$souvenir_item->stock}} Item</span>
                            </div>
                            <div class="price">
                              <span>Rp {{number_format($souvenir_item->price,0,",",".")}}</span>
                            </div>
                          </div>
                          <div class="boxCart">
                            <a href="{{url('/souvenir/'.$souvenir_item->id.'/'.str_slug($souvenir_item->name,'-'))}}">
                              <img src="{{asset('assets')}}/img/iconCart.png">
                            </a>
                          </div>
                          <div class="boxLove">
                            <a href="javascript:void(0)">
                              <div class="bgLove">
                                <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-heart" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" d="M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"/>
                                </svg>
                              </div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                    @endforeach
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>


      </div>
    </div>

  </section>
</section>

@include('layout.footer')