@extends('layouts.admin')
@section('title', 'Products')
@section('topbar-title', 'Products')

@section('content')
<div class="page-header">
    <div>
        <h1>Products</h1>
        <div class="breadcrumb">Manage license products and pricing</div>
    </div>
</div>
<div class="card">
    <div class="table-wrap">
        <table>
            <thead>
                <tr><th>Product</th><th>RC Key</th><th>Licenses</th><th>Status</th><th>Order</th><th></th></tr>
            </thead>
            <tbody>
                @forelse($products as $product)
                <tr>
                    <td>
                        <div style="font-weight:600;">{{ $product->name }}</div>
                        <div style="color:var(--muted);font-size:0.78rem;">{{ $product->short_description }}</div>
                    </td>
                    <td style="font-family:monospace;font-size:0.82rem;color:var(--accent2);">{{ $product->rc_product_key }}</td>
                    <td>{{ $product->licenses_count }}</td>
                    <td>
                        <span class="badge {{ $product->is_active ? 'badge-active' : 'badge-suspended' }}">
                            {{ $product->is_active ? 'Active' : 'Hidden' }}
                        </span>
                    </td>
                    <td style="color:var(--muted);">{{ $product->sort_order }}</td>
                    <td><a href="{{ route('admin.products.edit', $product) }}" class="btn btn-outline btn-sm"><i class="fa fa-pen"></i> Edit</a></td>
                </tr>
                @empty
                <tr><td colspan="6" style="text-align:center;padding:40px;color:var(--muted);">No products</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection