@extends('admin.layouts.app')
@section('title', 'Products')
@section('content')
    <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; flex-wrap:wrap; gap:10px;">
        <form method="GET" style="display:flex; gap:10px; flex-wrap:wrap;">
            <input type="text" name="search" placeholder="Search products/SKU..." value="{{ request('search') }}" style="width:220px;">
            <select name="category_id" onchange="this.form.submit()">
                <option value="">All Categories</option>
                @foreach($categories as $c)<option value="{{ $c->id }}" {{ request('category_id')==$c->id?'selected':'' }}>{{ $c->name }}</option>@endforeach
            </select>
            <select name="status" onchange="this.form.submit()">
                <option value="">All Status</option>
                <option value="active" {{ request('status')=='active'?'selected':'' }}>Active</option>
                <option value="inactive" {{ request('status')=='inactive'?'selected':'' }}>Inactive</option>
            </select>
        </form>
        <a href="{{ route('admin.products.create') }}" class="btn btn-primary"><i class="fa-solid fa-plus"></i> Add Product</a>
    </div>
    <div class="card table-wrap">
        <table>
            <thead><tr><th>Image</th><th>Name</th><th>Category</th><th>Price</th><th>Stock</th><th>Status</th><th>Featured</th><th>Actions</th></tr></thead>
            <tbody>
            @foreach($products as $p)
                <tr>
                    <td>@if($p->image)<img src="{{ asset('storage/'.$p->image) }}" style="width:48px;height:48px;border-radius:10px;object-fit:cover;">@endif</td>
                    <td>{{ $p->name }}<br><small style="opacity:0.5;">{{ $p->sku }}</small></td>
                    <td>{{ $p->category->name ?? '—' }}</td>
                    <td>
                        @if($p->discount_price)
                            <span style="text-decoration:line-through;opacity:0.5;">{{ $siteSettings['currency'] }}{{ number_format($p->regular_price,2) }}</span>
                            <strong>{{ $siteSettings['currency'] }}{{ number_format($p->discount_price,2) }}</strong>
                        @else
                            {{ $siteSettings['currency'] }}{{ number_format($p->regular_price,2) }}
                        @endif
                    </td>
                    <td>
                        @php $status = $p->stockStatus(); @endphp
                        <span class="badge {{ $status=='in_stock'?'badge-green':($status=='low_stock'?'badge-yellow':'badge-red') }}">{{ $p->stock_quantity }}</span>
                    </td>
                    <td>
                        <form method="POST" action="{{ route('admin.products.toggle', $p) }}">@csrf @method('PATCH')
                            <button class="badge {{ $p->is_active?'badge-green':'badge-gray' }}" style="border:none;cursor:pointer;">{{ $p->is_active?'Active':'Off' }}</button>
                        </form>
                    </td>
                    <td>
                        <form method="POST" action="{{ route('admin.products.featured', $p) }}">@csrf @method('PATCH')
                            <button style="border:none;background:none;cursor:pointer;color:{{ $p->is_featured?'#F5B301':'#ccc' }};"><i class="fa-solid fa-star"></i></button>
                        </form>
                    </td>
                    <td style="display:flex; gap:8px;">
                        <a href="{{ route('admin.products.edit', $p) }}" class="btn btn-outline btn-sm"><i class="fa-solid fa-pen"></i></a>
                        <form method="POST" action="{{ route('admin.products.destroy', $p) }}" onsubmit="return confirm('Delete this product?');">
                            @csrf @method('DELETE')<button class="btn btn-danger btn-sm"><i class="fa-solid fa-trash"></i></button>
                        </form>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    <div style="margin-top:16px;">{{ $products->links() }}</div>
@endsection