@php
    use App\Http\Controllers\ProductController;
    $productsController = new ProductController;
    // dd($data);
@endphp


<div class="container">

    <div class="section-title">
      <h2>Our Products</h2>
    </div>

    {{-- SUCCESS CART ALERT --}}
    @if (session('success_cart'))
      <div class="alert alert-success">{{session('success_cart')}}</div>
    @endif

    {{-- ERROR CART ALERT --}}
    @if (session('error_cart'))
      <div class="alert alert-danger">{{session('error_cart')}}</div>
    @endif

    <div class="row">
      <div class="col-lg-12">
        <ul id="portfolio-flters">
          
        </ul>
      </div>
    </div>

    <div class="row portfolio-container">
      @if (count($data) > 0)
        @foreach ($data as $item)
          <div class="col-lg-4 col-md-6 portfolio-item filter-{{ $item->type }}">
            <div class="portfolio-wrap">
              <img src="{{asset('storage/img/products/'.$item->image) }}" class="img-fluid" alt="" style="aspect-ratio: 9/12">
              <div class="portfolio-info">
                <h3><a href="{{ $item->image }}" data-gallery="portfolioGallery" class="portfolio-lightbox" title="{{ ucwords($item->name) }}">{{ ucwords($item->name) }}</a></h3>
                <div>
        
                    <a href="{{route('add-to-cart',['id' => $item->id])}}" data-gallery="portfolioGallery" class="portfolio-lightbox" title="{{ ucwords($item->name) }}"><i class="bi bi-plus"><i class="bi bi-cart-fill"></i></i></a>
              
                    {{-- <a href="{{ route('buyProduct', ['id' => $item->id]) }}" title="{{ ucwords($item->name) }}"><i class="bi bi-cart-fill"></i></a> --}}
                    {{-- <a href="#" title="{{ ucwords($item->name) }}"><i class="bi bi-cart-fill"></i></a> --}}

                </div>
              </div>
            </div>
          </div>
        @endforeach
      @else
          <div class="row justify-content-center">
            <h1 class="text-center">No posted products yet!</h1>
          </div>
      @endif

    </div>

  </div>