@if (!empty($products) && count($products) > 0)
    <div class="row d-flex justify-content-center">
        @foreach ($products as $product)
            @php
                $images = @$product->getimages ? @$product->getimages->groupby('section') : '';
                $averageRating = @$product->getreviews->avg('rating');
                $filledStars = (int) $averageRating;
                $halfStar = $averageRating - $filledStars >= 0.5;
            @endphp
            <div class="col-xl-3 col-lg-5 col-md-6 col-sm-6">
                <div class="product-card">
                    <div class="img-container">
                        {{--
                        <div class="review badge bg-primary">
                            4.0 <i class="bi bi-star-fill small ms-1"></i>
                        </div> --}}
                        <a
                            href="{{ route('public.product', ['seller' => trim(preg_replace('/[^a-z0-9]+/', '-', strtolower($product['getBusiness']['company'] ?: 'product'))), 'id' => @$product['slug']]) }}">
                            <img src="{{ !empty($images['mainimage']) ? @$images['mainimage']->first()->path : '' }}"
                                alt="product image" class="img-fluid" onerror="src='/assets/img/noimg.jpg'">
                        </a>
                    </div>
                    <div class="product-details">
                        <a href="{{ route('public.product', ['seller' => trim(preg_replace('/[^a-z0-9]+/', '-', strtolower($product['getBusiness']['company'] ?: 'product'))), 'id' => @$product['slug']]) }}"
                            class="text-black">
                            <div class="title-container">
                                <p class="subtitle">Category:
                                    {{ @$product['getCategory']['name'] }} |
                                    Rating:
                                    <span class="star-rating ms-2">
                                        @for ($i = 1; $i <= 5; $i++)
                                            @if ($i <= $filledStars)
                                                <i class="bi bi-star-fill"></i>
                                            @elseif ($i == $filledStars + 1 && $halfStar)
                                                <i class="bi bi-star-half"></i>
                                            @else
                                                <i class="bi bi-star"></i>
                                            @endif
                                        @endfor
                                    </span>
                                    ({{ count(@$product->getreviews) }})
                                </p>
                                <div class="title">
                                    {{ @$product['name'] }}
                                </div>
                            </div>
                        </a>
                        <div class="product-info">
                            <table class="product-info-table" style="width:100%">
                                <tr>
                                    <td>Product SKU:</td>
                                    <td>{{ @$product['product_sku'] }}</td>
                                </tr>
                                <tr>
                                    <td>Packaging:</td>
                                    <td>
                                        @if (!empty($product) && @$product->getpackage->count())
                                            @foreach ($product->getpackage as $package)
                                                @if ($loop->first)
                                                    {{ ucfirst(@$package->packaging_type) }}
                                                @endif
                                            @endforeach
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td>MOQ:</td>
                                    <td>
                                        @if (!empty($product) && @$product->getpackage->count())
                                            @foreach ($product->getpackage as $package)
                                                @if ($loop->first)
                                                    {{ ucfirst(@$package->min_quantity) }}
                                                @endif
                                            @endforeach
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td>Price:</td>
                                    <td>
                                        @if (!empty($product) && @$product->getpackage->count())
                                            @foreach ($product->getpackage as $package)
                                                @if ($loop->first)
                                                    ${{ number_format(@$package->price, 2) }}
                                                @endif
                                            @endforeach
                                        @endif
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="supplier-info my-3 d-flex justify-content-between">
                            <div class="supplier-detail">
                                <p class="title">{{ @$product->getbusiness->company ?: 'N.A' }}
                                    @if (@$product->getbusiness->verified == '1')
                                        <img src="/assets/img/icons/verified.png" style="height:20px" class="ms-1">
                                    @endif
                                </p>
                                @php
                                    $supplierRatingCount = @$product->getbusiness->getSupplierRating->count();
                                    $supplieraverageRating = @$product->getbusiness->getSupplierRating->avg('rating');
                                @endphp
                                <p class="supplier-text">
                                    @php
                                        $product_location =
                                            @$product->getavailability->getwarehouse->getcountry->name_en ?:
                                            @$product->getavailability->getcountry->name_en;
                                    @endphp
                                    From
                                    <strong>{{ $product_location ? ' ' . $product_location : 'N.A' }}</strong>
                                    @if ($supplierRatingCount > 0)
                                        |
                                        Rating:
                                        {{ number_format(@$supplieraverageRating, 1) ?: '0.0' }}/5.0
                                        ({{ @$supplierRatingCount ?: 0 }} Reviews)
                                    @endif
                                </p>
                            </div>
                        </div>
                        <a href="{{ route('public.product', ['seller' => trim(preg_replace('/[^a-z0-9]+/', '-', strtolower($product['getBusiness']['company'] ?: 'product'))), 'id' => @$product['slug']]) }}"
                            class="btn-product-card w-100">View
                            Details</a>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@else
    <p class="text-center fw-bold mb-4"> <img alt="..."
            src="https://img.icons8.com/?size=100&amp;id=lx8ZDzdBdoWt&amp;format=png&amp;color=000000"
            class="avatar-sm me-2">
        No products to show
    </p>
@endif

@if (ceil($pages) > 1)
    <div class="d-flex justify-content-center mb-4">
        <div class="btn-group home-products-nav" role="group">
            <button type="button" class="btn btn-outline cwhomefilter"
                onclick="$('#filterpage').get(0).value--;$('#filterpage').trigger('change')"
                {{ $currentpage > 1 ? '' : 'disabled' }}>
                < </button>

                    <button type="button" class="btn btn-outline cwhomefilter"
                        onclick="$('#filterpage').get(0).value++;$('#filterpage').trigger('change')"
                        {{ $currentpage > 0 && $currentpage == ceil($pages) ? 'disabled' : '' }}>
                        >
                    </button>
        </div>
    </div>
@endif
<style>
    .btn.cwhomefilter:disabled,
    .btn.cwhomefilter.disabled {
        color: #777;
        pointer-events: none;
        background-color: #fff !important;
        border-color: #ddd;
        opacity: 0.5;
    }

    .btn.cwhomefilter,
    .btn.cwhomefilter {
        color: #fff;
        background-color: #4169e1 !important;
        border-color: #4169e1;
    }

    .btn.cwhomefilter:hover,
    .btn.cwhomefilter:hover {
        color: #fff;
        background-color: #2145b1 !important;
        border-color: #4169e1;
    }
</style>