@php
    $thumb = $product->thumbnailUrl();
    $hover = $product->hoverImageUrl();
    $title = ___($product, 'title') ?: ($product->page_title ?: __('alts.product'));
    $url = $product->url();
    $pivot = $product->categories->first();
    $category = $pivot?->category;
    $categoryTitle = $category ? ___($category, 'title') : '';
    $categoryUrl = $category
        ? __url('/shop') . '?category=' . urlencode($category->slug ?: (string) $category->id)
        : $url;
    $excerpt = \Illuminate\Support\Str::limit(trim(strip_tags((string) ___($product, 'description'))), 160);
    $hasDiscount = (int) $product->discount > 0 || ((int) $product->original_price > 0 && (int) $product->original_price > (int) $product->price);
    $soldOut = $product->isSoldOut();
    $comingSoon = (int) $product->stage === \App\Models\Products::STAGE_COMING_SOON;
@endphp
<div class="col-md-4 col-sm-6">
    <div class="product-item">
        <figure class="product-thumb">
            <a href="{{ $url }}">
                @if($thumb)
                    <img @if($hover) class="pri-img" @endif src="{{ $thumb }}" alt="{{ $title }}">
                    @if($hover)
                        <img class="sec-img" src="{{ $hover }}" alt="">
                    @endif
                @endif
            </a>
            <div class="product-badge">
                @if($product->isNew())
                    <div class="product-label new">
                        <span>{{ __('public.shop.new') }}</span>
                    </div>
                @endif
                @if($hasDiscount && !$soldOut)
                    <div class="product-label discount">
                        <span>
                            @if((int) $product->discount > 0)
                                {{ (int) $product->discount }}%
                            @else
                                {{ __('public.shop.sale') }}
                            @endif
                        </span>
                    </div>
                @endif
                @if($soldOut)
                    <div class="product-label">
                        <span>{{ __('public.shop.sold_out') }}</span>
                    </div>
                @elseif($comingSoon)
                    <div class="product-label new">
                        <span>{{ __('public.shop.coming_soon') }}</span>
                    </div>
                @endif
            </div>
            <div class="cart-hover">
                @if($soldOut || $comingSoon)
                    <a class="btn btn-cart" href="{{ $url }}">{{ __('public.shop.view_product') }}</a>
                @else
                    <button type="button" class="btn btn-cart to-cart" data-id="{{ $product->id }}" data-item="product" data-qty="1">
                        {{ __('public.shop.add_to_cart') }}
                    </button>
                @endif
            </div>
        </figure>
        <div class="product-caption text-center">
            @if($categoryTitle)
                <div class="product-identity">
                    <p class="manufacturer-name"><a href="{{ $categoryUrl }}">{{ $categoryTitle }}</a></p>
                </div>
            @endif
            <h6 class="product-name">
                <a href="{{ $url }}">{{ $title }}</a>
            </h6>
            <div class="price-box">
                <span class="price-regular">{{ money($product->price) }}</span>
                @if((int) $product->original_price > (int) $product->price)
                    <span class="price-old"><del>{{ money($product->original_price) }}</del></span>
                @endif
            </div>
        </div>
    </div>

    <div class="product-list-item">
        <figure class="product-thumb">
            <a href="{{ $url }}">
                @if($thumb)
                    <img @if($hover) class="pri-img" @endif src="{{ $thumb }}" alt="{{ $title }}">
                    @if($hover)
                        <img class="sec-img" src="{{ $hover }}" alt="">
                    @endif
                @endif
            </a>
            <div class="product-badge">
                @if($product->isNew())
                    <div class="product-label new">
                        <span>{{ __('public.shop.new') }}</span>
                    </div>
                @endif
                @if($hasDiscount && !$soldOut)
                    <div class="product-label discount">
                        <span>
                            @if((int) $product->discount > 0)
                                {{ (int) $product->discount }}%
                            @else
                                {{ __('public.shop.sale') }}
                            @endif
                        </span>
                    </div>
                @endif
            </div>
            <div class="cart-hover">
                @if($soldOut || $comingSoon)
                    <a class="btn btn-cart" href="{{ $url }}">{{ __('public.shop.view_product') }}</a>
                @else
                    <button type="button" class="btn btn-cart to-cart" data-id="{{ $product->id }}" data-item="product" data-qty="1">
                        {{ __('public.shop.add_to_cart') }}
                    </button>
                @endif
            </div>
        </figure>
        <div class="product-content-list">
            @if($categoryTitle)
                <div class="manufacturer-name">
                    <a href="{{ $categoryUrl }}">{{ $categoryTitle }}</a>
                </div>
            @endif
            <h5 class="product-name"><a href="{{ $url }}">{{ $title }}</a></h5>
            <div class="price-box">
                <span class="price-regular">{{ money($product->price) }}</span>
                @if((int) $product->original_price > (int) $product->price)
                    <span class="price-old"><del>{{ money($product->original_price) }}</del></span>
                @endif
            </div>
            @if($excerpt)
                <p>{{ $excerpt }}</p>
            @endif
        </div>
    </div>
</div>