@if($products->count() > 0)
    <div style="padding: 20px;">
        <!-- Таблица товаров вместо карточек -->
        <div class="table-responsive">
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th class="col-checkbox" style="width: 40px;">
                            <input type="checkbox" id="select-all-products" style="margin: 0;">
                        </th>
                        <th class="col-image">Изображение</th>
                        <th class="col-name">Название</th>
                        <th class="col-sku">Артикул системы</th>
                        <th class="col-price">Цена</th>
                        <th class="col-qty">Количество</th>
                        <th class="col-category">Категория</th>
                        <th class="col-created">Дата добавления</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($products as $product)
                        <tr>
                            <td class="col-checkbox" data-label="Выбор">
                                <input type="checkbox" class="product-checkbox" value="{{ $product->id }}" style="margin: 0;">
                            </td>
                            <td class="col-image" data-label="Изображение">
                                @php
                                    $firstImage = $product->getImageUrlsForDisplay(1);
                                    $imageUrl = !empty($firstImage) ? $firstImage[0] : null;
                                @endphp
                                @if($imageUrl && $imageUrl !== asset('default-images/default-image.png'))
                                    <img src="{{ $imageUrl }}" alt="{{ $product->name }}"
                                         style="width: 50px; height: 50px; object-fit: cover; border-radius: 4px;"
                                         onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
                                    <div style="width: 50px; height: 50px; background: #f8f9fa; border-radius: 4px; display: none; align-items: center; justify-content: center; color: #6c757d;margin: 0 auto;">
                                        <i class="fa fa-image"></i>
                                    </div>
                                @else
                                    <div style="width: 50px; height: 50px; background: #f8f9fa; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #6c757d;margin: 0 auto;">
                                        <i class="fa fa-image"></i>
                                    </div>
                                @endif
                            </td>
                            <td class="col-name" data-label="Название">{{ $product->name }}</td>
                            <td class="col-sku" data-label="Артикул">{{ $product->sku }}</td>
                            <td class="col-price" data-label="Цена">
                                @if($product->price)
                                    <span style="font-weight: bold; color: #217b00;">{{ number_format($product->price, 0, ',', ' ') }} ₽</span>
                                @else
                                    <span style="color: #6c757d;">-</span>
                                @endif
                                @if($product->discount_price && $product->discount_price != $product->price)
                                    <br><span style="text-decoration: line-through; color: #6c757d; font-size: 12px;">{{ number_format($product->discount_price, 0, ',', ' ') }} ₽</span>
                                @endif
                            </td>
                            <td class="col-qty" data-label="Количество">
                                @if($product->quantity > 0)
                                    <span style="color: #28a745;">{{ $product->quantity }}</span>
                                @else
                                    <span style="color: #dc3545;">Нет в наличии</span>
                                @endif
                            </td>
                            <td class="col-category" data-label="Категория">
                                @if($product->category_id)
                                    @if($product->category)
                                        {{ $product->category->name ?? 'Категория' }}
                                    @else
                                        Категория #{{ $product->category_id }}
                                    @endif
                                @else
                                    <span style="color: #6c757d;">-</span>
                                @endif
                            </td>
                            <td class="col-created" data-label="Добавлено">{{ $product->created_at->format('d.m.Y H:i') }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($products->hasPages())
            <div style="margin-top: 20px; text-align: center;">
                <small style="color: #6c757d;">
                    Показано {{ $products->firstItem() }}-{{ $products->lastItem() }} из {{ $products->total() }} товаров
                </small>
            </div>
        @endif
    </div>
@else
    <div style="text-align: center; padding: 50px; color: #6c757d;">
        <i class="fa fa-box-open" style="font-size: 48px; margin-bottom: 15px; opacity: 0.5;"></i>
        <h3 style="margin: 0 0 10px 0;">Товары не найдены</h3>
        <p style="margin: 0;">У вас пока нет товаров или они не соответствуют критериям поиска.</p>
    </div>
@endif