@php
    $product_last=\App\Models\Product::latest()->first();
    $product_last=$product_last?$product_last->id:null;

   $product_url = route('product', ['slug'=>$product->getTranslation('slug')]);
    if($product->auction_product == 1) {
        $product_url = route('auction-product', ['slug'=>$product->getTranslation('slug')]);
    }

@endphp

<div class="showcase" >

    <div class="showcase-banner">
        <img src="{{ uploaded_asset($product->thumbnail_img) }}" style="height: 25vh;"
             alt="{{ $product->getTranslation('name') }}"
             onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';"
             class="product-img default border-bottom"
             width="300">
        <img src="{{ uploaded_asset($product->thumbnail_img_2?$product->thumbnail_img_2:$product->thumbnail_img) }}"
             alt="{{ $product->getTranslation('name') }}"
             onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';"
             class="product-img hover border-bottom"
             width="300">
        @if(discount_in_percentage($product) > 0)
        <p class="showcase-badge angle black"> {{translate('sale').' '. discount_in_percentage($product)}}%</p>

        @elseif($product->id == $product_last)
            <p class="showcase-badge angle pink">{{translate('new')}}</p>
        @endif

        <div class="showcase-actions">
            <button class="btn-action"  onclick="addToWishList({{ $product->id }})">
                <ion-icon name="heart-outline" @if(wishlist_product($product->id) != null ) class="text-danger" onclick="removeFromWishlist({{ wishlist_product($product->id)->id }})" @endif ></ion-icon>
            </button>

            <a class="btn-action"  href="{{$product_url}}">
                <ion-icon name="eye-outline"></ion-icon>
            </a>

            <button class="btn-action" onclick="addToCompare({{ $product->id }})">
                <ion-icon name="repeat-outline"></ion-icon>
            </button>

            <button class="btn-action" onclick="showAddToCartModal({{ $product->id }})">
                <ion-icon name="bag-add-outline"></ion-icon>
            </button>
        </div>
    </div>

    <div class="showcase-content">
        <a href="{{$product_url}}" class="showcase-category">{{$product->getTranslation('name')}}</a>

        <h3>
            <a href="{{$product_url}}" disabled class="showcase-title"> {!! Str::limit($product->getTranslation('description'),40) !!}</a>
        </h3>

        <div class="showcase-rating">
            {{ renderStarRating($product->rating) }}
        </div>

        <div class="price-box">
            <p class="price">{{ home_discounted_base_price($product) }}</p>
            @if(home_base_price($product) != home_discounted_base_price($product))
                <del>{{ home_base_price($product) }}</del>
            @endif
        </div>

    </div>

</div>