@if($products->count() > 0)
    @foreach($products as $product)
        @php
            $productImage = $product->image_url;
            
            $editUrl = route('provider.product.edit', $product->id);
            
            $productName = Str::limit($product->source_name, 20);
        @endphp
    <tr>
        <td>
            <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#view_details">
                {{ $product->source_code ?? '-' }}
            </a>
        </td>
        <td>
            <div class="d-flex align-items-center">
                <a href="javascript:void(0);" class="avatar avatar-sm me-2">
                    <img src="{{ $productImage }}" alt="{{ $product->source_name }}" class="img-fluid">
                </a>
                <div>
                    <h6 class="fs-14 fw-medium mb-0">
                        <a href="javascript:void(0);">{{ $productName }}</a>
                    </h6>
                </div>
            </div>
        </td>
        <td>{{ $product->category->name ?? '-' }}</td>
        <td>{{ $product->subcategory->name ?? '-' }}</td>
        <td>{{ $product->formatted_price }}</td>
        <td>{{ $product->current_stock ?? 0 }}</td>
        <td>
            @if($product->stock_status == 'In Stock')
                <span class="badge badge-sm badge-soft-success">{{ $product->stock_status }}</span>
            @elseif($product->stock_status == 'Out of Stock')
                <span class="badge badge-sm badge-soft-danger">{{ $product->stock_status }}</span>
            @else
                <span class="badge badge-sm badge-soft-warning">{{ $product->stock_status }}</span>
            @endif
        </td>
        <td>
            <div class="d-flex align-items-center justify-content-end gap-2">
                <a href="#" class="btn btn-icon btn-md btn-white rounded-circle fs-16" data-bs-toggle="modal" data-bs-target="#view_details" data-product-id="{{ $product->id }}" data-product-name="{{ $product->source_name }}" data-current-stock="{{ $product->current_stock }}">
                    <i class="isax isax-eye"></i>
                </a>
                <a href="{{ $editUrl }}" class="btn btn-icon btn-md btn-white rounded-circle fs-16">
                    <i class="isax isax-edit-2"></i>
                </a>
                <a href="javascript:void(0);" class="btn btn-icon btn-md btn-white rounded-circle fs-16 delete-product" data-id="{{ $product->id }}" data-bs-toggle="modal" data-bs-target="#delete-modal">
                    <i class="isax isax-trash"></i>
                </a>
            </div>
        </td>
    </tr>
    @endforeach
    
    <!-- Pagination -->
    @if ($products->total() > 0)
    <tr>
        <td colspan="8">
            <div class="d-flex justify-content-between align-items-center mt-3 flex-wrap">
                
                {{-- Showing text --}}
                <div class="fs-14 text-muted mb-2 mb-md-0">
                    {{ __('showing') }} {{ $products->firstItem() }} {{ __('to') }} {{ $products->lastItem() }}
                    {{ __('of') }} {{ $products->total() }} {{ __('entries') }}
                </div>

                {{-- Pagination --}}
                <nav>
                    <ul class="pagination mb-0">

                        {{-- Previous --}}
                        <li class="page-item {{ $products->onFirstPage() ? 'disabled' : '' }}">
                            <a class="page-link"
                            href="{{ $products->previousPageUrl() ?? '#' }}">
                                ‹
                            </a>
                        </li>

                        {{-- Page Numbers --}}
                        @for ($i = 1; $i <= $products->lastPage(); $i++)
                            @if ($products->currentPage() == $i)
                                <li class="page-item active">
                                    <span class="page-link">
                                        {{ $i }}
                                    </span>
                                </li>
                            @else
                                <li class="page-item">
                                    <a class="page-link" href="{{ $products->url($i) }}">
                                        {{ $i }}
                                    </a>
                                </li>
                            @endif
                        @endfor

                        {{-- Next --}}
                        <li class="page-item {{ $products->hasMorePages() ? '' : 'disabled' }}">
                            <a class="page-link"
                            href="{{ $products->nextPageUrl() ?? '#' }}">
                                ›
                            </a>
                        </li>

                    </ul>
                </nav>

            </div>
        </td>
    </tr>
    @endif

@else
    <tr>
        <td colspan="8" class="text-center py-4">
            <div class="text-muted">{{ __('no_product_found') }}</div>
        </td>
    </tr>
@endif