@props(['product', 'mode' => 'grid'])
@php
    $special = false;
    $today = date('Y-m-d');
    if ($product->special_price_from) {
        if ($product->special_price_from <= $today && $product->special_price_to >= $today) {
            $special = true;
        }
    }
    $productUrl = route('productByCategory', $product->url_key).'?sku='.$product->sku;
    
    // Retrieve image
    $imageUrl = asset('frontend/assets/images/default.jpg');
    if (count($product->images)) {
        $imageUrl = asset($product->images[0]->image_url);
    }
    
    // Check if new (e.g. created in last 30 days)
    $isNew = $product->created_at >= \Carbon\Carbon::now()->subDays(30);
    
    // Review rating dynamically from reviews table
    $reviewsCount = $product->reviews_count;
    $avgRating = $product->avg_rating;
    $roundedRating = (int) round($avgRating);
@endphp

<article class="product-miniature js-product-miniature" data-id-product="{{ $product->id }}">
  <div class="row">
    <div class="thumbnail-container"> 
      <a href="{{ $productUrl }}" class="thumbnail product-thumbnail">
        <picture>
          <img class="img-fluid lazyload" data-src="{{ $imageUrl }}" src="{{ $imageUrl }}" alt="{{ $product->name }}" loading="lazy" style="width:100%; height:218px; object-fit:contain;" />
        </picture>
        <img class="replace-2x img_1 img-responsive lazyload" data-src="{{ $imageUrl }}" alt="hover-image" style="width:100%; height:218px; object-fit:contain;" />
      </a>
      <ul class="product-flags js-product-flags">
        @if($isNew)
          <li class="product-flag new">New</li>
        @endif
        @if($special)
          <li class="product-flag discount">Sale</li>
        @endif
        @if(!($product->inventory && $product->inventory->inventory > 0 && $product->in_stock))
          <li class="product-flag out-of-stock" style="background:#dc1921;">Out of stock</li>
        @endif
      </ul>
      <div class="product-actions-main">
        <div class="add-to-cart-or-refresh">
          <div class="wishlist"> 
              @php
                $inWishlist = false;
                if(auth('customer')->check()) {
                    if(!isset($GLOBALS['customer_wishlist_ids'])) {
                        $GLOBALS['customer_wishlist_ids'] = \App\Models\WishList::where('customer_id', auth('customer')->id())->pluck('product_id')->toArray();
                    }
                    $inWishlist = in_array($product->id, $GLOBALS['customer_wishlist_ids']);
                }
              @endphp
              <a class="pm-wishlist-btn btn-product btn addToWishlist {{ $inWishlist ? 'added' : '' }}" data-id="{{ $product->id }}" href="{{ route('add-to-wishlist', $product->id) }}" title="{{ $inWishlist ? 'Remove from Wishlist' : 'Add to Wishlist' }}"> 
                  <span class="st-wishlist-bt-content"> <i class="fa {{ $inWishlist ? 'fa-heart' : 'fa-heart-o' }}" aria-hidden="true" style="{{ $inWishlist ? 'color: #dc1921;' : '' }}"></i> <span class="st-wishlist-title">{{ $inWishlist ? 'Remove from Wishlist' : 'Add to Wishlist' }}</span> </span> 
              </a> 
          </div>
        </div>
      </div>
    </div>
    <div class="product-description"> 
      @php
        $brandText = (!empty($product->brand_name->name) && trim($product->brand_name->name) !== '-') 
            ? trim($product->brand_name->name) 
            : '-';
      @endphp
      <span class="product-brand">{{ $brandText }}</span>
      <span class="h3 product-title" title="{{ $product->name }}"><a href="{{ $productUrl }}" title="{{ $product->name }}">{{ $product->name }}</a></span> 
      <div class="comments_note">
        <div class="star_content clearfix">
          @for($i = 1; $i <= 5; $i++)
            <div class="star {{ $i <= $roundedRating ? 'star_on' : '' }}"></div>
          @endfor
        </div>
        <span class="total-rating">{{ $reviewsCount }} Review(s)&nbsp;</span>
      </div>
      @php
        $descText = '';
        if (!empty($product->small_description) && !str_contains(strtolower($product->small_description), 'null')) {
            $descText = \Illuminate\Support\Str::limit(strip_tags($product->small_description), 180);
        } elseif (!empty($product->description) && !str_contains(strtolower($product->description), 'null')) {
            $descText = \Illuminate\Support\Str::limit(strip_tags($product->description), 180);
        } else {
            $descText = "";
        }
      @endphp
      <div class="product-detail">
        <p>{{ $descText }}</p>
      </div>
    </div>
    <div class="product-bottom">
      <div class="product-price-and-shipping {{ $special ? 'has-special' : '' }}"> 
          @if($special)
              <span class="regular-price" style="display: block; text-decoration: line-through; color: #999; font-size: 13px; line-height: 1.2; margin-bottom: 2px;">${{ number_format($product->price, 2) }}</span>
              <span class="price" style="display: block; line-height: 1.2;">${{ number_format($product->special_price, 2) }}</span> 
          @else
              <span class="price">${{ number_format($product->price, 2) }}</span> 
          @endif
      </div>
      <div class="add-to-cart-button">
        <div class="add-to-cart-or-refresh">
          <button class="btn btn-primary add-to-cart addToCart" data-id="{{ $product->id }}" type="button" data-toggle="tooltip" title="Add to cart" {{ (!($product->inventory && $product->inventory->inventory > 0 && $product->in_stock)) ? 'disabled' : '' }}> Add To Cart </button>
        </div>
      </div>
    </div>
  </div>
</article>