@forelse($products as $product)
    <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6 col-sm-6">
        <div class="product--card radius--12 position-relative overflow-hidden">
            @if(isset($product->discount))
                <div class="disount--tag position-absolute">- {{$product->discount}}%</div>
            @endif
            <div class="thumb--wrap position-relative">
                <a href="{{ route('product.details', ['slug' => slug($product->title), 'id' => $product->id]) }}"
                    class="thumb w--100 h--100 ">
                    <img class="fit--img" src="{{ getImage(getFilePath('product') . '/'.'thumb_' . $product->image)}}"
                        alt="@lang('product')">
                </a>
                <div class="badge--wrap {{ slug($product->category->name ?? 'laravel') }} position-absolute d-flex align-items-center">
                    @php
                        echo $product->category->icon;
                    @endphp
                    <p class="name fw--600">{{ __($product->category->name) }}</p>
                </div>
            </div>
            <div class="content--wrap d-flex flex-column gap--12">
                <div class="title--wrap d-flex flex-wrap gap--8 align-items-center justify-content-between">
                    <h6 class="title fs--16 mb-0"><a
                            href="{{ route('product.details', ['slug' => slug($product->title), 'id' => $product->id]) }}"
                            class="fw--500">{{ Str::limit(__($product->title), 17, '...') }}</a></h6>
                    <h6 class="price--wrap fs--16 mb-0">
                        @if($product->is_free == 1)
                            @lang('Free')
                        @else
                            {{$general->cur_sym}}{{showAmount($product->regularLicense->price)}}
                        @endif
                    </h6>
                </div>
                <div class="info--wrap d-flex flex-wrap gap--4 justify-content-between">
                    <div class="sell--count d-flex align-items-center gap--4">
                        <i class="fa-solid fa-cart-shopping"></i>
                        <p class="fs--14">{{$product->sale ?? 0}} @lang('Purchases')</p>
                    </div>
                    <ul class="star--wrap d-flex">
                        @if($product->review_count != 0)
                            <li>
                                @php
                                    echo showRatings($product->average_rating);
                                @endphp
                            </li>
                        @else 
                        <li class="no__review">
                            <i class="fas fa-star text--secondary"></i>
                            <i class="fas fa-star text--secondary"></i>
                            <i class="fas fa-star text--secondary"></i>
                            <i class="fas fa-star text--secondary"></i>
                            <i class="fas fa-star text--secondary"></i>
                        </li>
                        @endif
                    </ul>
                </div>
            </div>
        </div>
    </div>
@empty
    <p class="text-center">{{__($emptyMessage)}}</p>
@endforelse