@php
    $productId = $item->id ?? 0;
    $productTitle = $item->title ?? '';
    $productTitleVi = $item->translate('vi')->title ?? $productTitle;
    $productTitleEn = $item->translate('en')->title ?? '';
    $productSlug = $item->name ?? '';
    $productDesc = $item->description ?? '';
    $productImage = !empty($item->image ?? '') ? asset($item->image) : '';
    $productSalePrice = $item->sale_price ?? 0;
    $productImportPrice = $item->import_price ?? 0;
    $productPriceOrigin = $productImportPrice > $productSalePrice ? $productImportPrice : '';
    $detailURL = action('HomeController@productdetail', ['name' => $productSlug]);
    $redirectURL = action('HomeController@cart');

    // discount
    $discountPercent = 0;
    if($productImportPrice > $productSalePrice && $productImportPrice > 0) {
        $discountPercent = round(($productImportPrice-$productSalePrice) * 100 / $productImportPrice);
    }

    $isDiv = $isDiv ?? false;
@endphp
@if($isDiv)
    <div class="product-item @if($discountPercent > 0){{'product--border'}}@endif"
         data-product-id="{{ $productId }}"
         data-product-name="{{ $productTitleVi }}"
         data-product-name-en="{{ $productTitleEn }}"
         data-product-image="{{ $productImage }}"
         data-product-price="{{ $productSalePrice }}"
         data-product-priceOrigin="{{ $productPriceOrigin }}"
         data-redirect="{{$redirectURL}}"
    >
        @else
            <li class="product-item @if($discountPercent > 0){{'product--border'}}@endif"
                data-product-id="{{ $productId }}"
                data-product-name="{{ $productTitleVi }}"
                data-product-name-en="{{ $productTitleEn }}"
                data-product-image="{{ $productImage }}"
                data-product-price="{{ $productSalePrice }}"
                data-product-priceOrigin="{{ $productPriceOrigin }}"
                data-redirect="{{$redirectURL}}"
            >
                @endif
                @if($discountPercent > 0)<span class="sale-off">{{ $discountPercent }} %</span>@endif
                <div class="product__thumb">
                    <a href="{{$detailURL}}" title="{{$productTitle}}">
                        <img src="{{$productImage}}" alt="{{ $productTitle }}"/>
                    </a>
                </div>
                <div class="product-content">
                    <a href="{{$detailURL}}" title="{{$productTitle}}" style="color:#212529">
                        <h3>{{ $productTitle }}</h3>
                    </a>
                    <p class="product__info">
                        {!! $productDesc !!}
                    </p>
                    <div class="product__price">
                        <b>
                            <span>{{ \App\Http\Controllers\ProductController::product_price($productSalePrice) }}</span>
                            @if($discountPercent > 0)
                                <small>{{ \App\Http\Controllers\ProductController::product_price($productImportPrice) }}</small>
                            @endif
                        </b>
                        <div class="row">
                            <button class="btn add-to-cart">
                                <img src="{{ asset('front/app/assets/img/icon-add-to-cart.svg') }}" alt="add to cart"/>
                            </button>
                            <button class="btn submit-btn buy-now">{{ __('messages.product_detail.buy_now') }}</button>
                        </div>
                    </div>
                </div>
            @if($isDiv)
    </div>
    @else
    </li>
@endif