@if (isset($products) && is_countable($products) && count($products))
    <div class="row">
        @foreach ($products as $product)
            @php
                $hasPromo = $product->hasPromo();
                $reviews = $product->getReviewData();
                $hasOption = $product->hasOption();
                $u = $product->getViewUrl();

                $downPercent = $product->getDownPercent();
                $listPrice = $product->priceFormat('list');
                $finalPrice = $product->priceFormat('final');
            @endphp
            <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6 col-sm-6">
                <div class="bd-trending__item text-center mb-30">
                    <div class="bd-trending__product-thumb">
                        <a href="{{ $u = $product->getViewUrl() }}" class="m-img"><img src="{{ $product->getImage() }}" alt="{{ $product->name }}"></a>
                        @if ($product->labels && count($product->labels))
                            <div class="bd-product__tag">
                                @foreach ($product->labels as $label)
                                    <span class="tag-text theme-bg">{{ $label->title }}</span>
                                @endforeach
                            </div>
                        @endif
                        <div class="bd-product__action">
                            <a class="cart-btn" href="javascript:void(0)" data-toggle="tooltip" data-placement="top" title="Quick View" data-bs-toggle="modal"><i class="fal fa-cart-arrow-down"></i></a>
                            <a href="#" data-toggle="tooltip" data-placement="top" title="Quick Shop" data-bs-toggle="modal" data-bs-target="#productmodal"><i class="fal fa-eye"></i></a>
                            <a class="wishlist-btn" href="javascript:void(0)" data-toggle="tooltip" data-placement="top" title="Quick Wishlist" data-bs-toggle="modal"> <i class="fal fa-heart"></i></a>
                        </div>
                    </div>
                    <div class="bd-teanding__content">
                        <h4 class="bd-product__title"><a href="{{ $u }}">{{ $product->name }}</a></h4>
                        @if ($product->price_status > -1)
                            <div class="bd-product__price">
                                @if ($hasPromo)
                                    <span class="bd-product__old-price">
                                        <del>{{ $listPrice }}</del>
                                    </span>
                                @endif

                                <span class="bd-product__new-price">{{ $finalPrice }}</span>
                            </div>
                        @else
                            <span class="bd-product__new-price">Liên hệ</span>
                        @endif
                        <div class="bd-product__icon">

                            @if ($reviews && $reviews->total)
                                @php
                                    $rateAvgInt = $reviews->rating_int;

                                    $rateAvgFlloat = $reviews->rating_avg;

                                    // Danh gia trung binh

                                @endphp
                                {{-- lặp qua từ 0 den so sao --}}
                                @for ($i = 0; $i < $rateAvgInt; $i++)
                                    <i class="fa-solid fa-star"></i>
                                @endfor
                                {{-- nếu rate_avg > rate_int thì cộng thêm nữa sao --}}
                                @if ($rateAvgFlloat > $rateAvgInt)
                                    <i class="fa-solid fa-star-half"></i>
                                @endif
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@endif