@extends('admin.panel.layout')

@section('admin_title', 'Produkte')

@section('admin_content')
    <div class="admin-header">
        <div>
            <span class="shop-muted-label">Produkte</span>
            <h1>Produktpflege</h1>
            <p class="shop-copy" style="margin-top: 14px;">Neue Hardware und Testprodukte direkt im Browser anlegen oder aktualisieren.</p>
        </div>

        <div class="admin-toolbar">
            <a href="{{ route('admin.shop.products.create') }}" class="shop-button">Produkt anlegen</a>
        </div>
    </div>

    <div class="admin-panel">
        <div class="admin-table-wrap">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th></th>
                        <th>Produkt</th>
                        <th>Preis</th>
                        <th>Bestand</th>
                        <th>Status</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($products as $product)
                        <tr>
                            <td><img class="shop-thumb" src="{{ $product->image_url }}" alt="{{ $product->name }}"></td>
                            <td>
                                <strong>{{ $product->name }}</strong><br>
                                <span class="shop-note">{{ $product->category ?: 'ohne Kategorie' }} · {{ $product->slug }}</span>
                            </td>
                            <td>{{ $product->price_formatted }}</td>
                            <td>{{ $product->stock_quantity }} Stk.</td>
                            <td>
                                <span class="admin-badge">{{ $product->status }}</span>
                                @if ($product->is_featured)
                                    <span class="admin-badge">featured</span>
                                @endif
                            </td>
                            <td><a href="{{ route('admin.shop.products.edit', $product) }}" class="shop-button-light">Bearbeiten</a></td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6"><div class="shop-note">Noch keine Produkte vorhanden.</div></td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection