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

@section('content')
<div class="bg-white rounded-xl border border-gray-100 p-5 mb-6">
    <h2 class="font-semibold mb-4">Add Product</h2>
    <form method="POST" action="{{ route('admin.products.store') }}" class="grid grid-cols-2 md:grid-cols-4 gap-3">
        @csrf
        <div>
            <label class="text-xs text-gray-500">Name</label>
            <input name="name" required class="block border border-gray-200 rounded-lg px-3 py-2 text-sm w-full">
        </div>
        <div>
            <label class="text-xs text-gray-500">Category</label>
            <select name="category_id" required class="block border border-gray-200 rounded-lg px-3 py-2 text-sm w-full">
                @foreach ($categories as $c)
                    <option value="{{ $c->id }}">{{ $c->name }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="text-xs text-gray-500">Price (₹)</label>
            <input name="price" type="number" step="0.01" required class="block border border-gray-200 rounded-lg px-3 py-2 text-sm w-full">
        </div>
        <div>
            <label class="text-xs text-gray-500">Stock Qty (blank = unlimited)</label>
            <input name="stock_qty" type="number" class="block border border-gray-200 rounded-lg px-3 py-2 text-sm w-full">
        </div>
        <div class="flex items-center gap-2 mt-5">
            <input type="checkbox" name="is_veg" value="1" checked id="veg"> <label for="veg" class="text-sm">Veg</label>
        </div>
        <div class="flex items-center gap-2 mt-5">
            <input type="checkbox" name="is_available" value="1" checked id="avail"> <label for="avail" class="text-sm">Available</label>
        </div>
        <div class="col-span-2 flex items-end">
            <button class="bg-orange-500 text-white rounded-lg px-4 py-2 text-sm font-medium">Add Product</button>
        </div>
    </form>
</div>

<div class="bg-white rounded-xl border border-gray-100 p-5">
    <form method="GET" class="flex gap-3 mb-4">
        <input name="q" value="{{ request('q') }}" placeholder="Search products..." class="border border-gray-200 rounded-lg px-3 py-2 text-sm w-64">
        <select name="category_id" class="border border-gray-200 rounded-lg px-3 py-2 text-sm">
            <option value="">All Categories</option>
            @foreach ($categories as $c)
                <option value="{{ $c->id }}" {{ request('category_id') == $c->id ? 'selected' : '' }}>{{ $c->name }}</option>
            @endforeach
        </select>
        <button class="text-sm text-orange-600">Filter</button>
    </form>

    <table class="w-full text-sm">
        <thead>
            <tr class="text-left text-gray-500 border-b border-gray-100">
                <th class="py-2">Name</th><th>Category</th><th>Price</th><th>Stock</th><th>Status</th><th></th>
            </tr>
        </thead>
        <tbody>
        @foreach ($products as $p)
            <tr class="border-b border-gray-50 last:border-0">
                <td class="py-2">{{ $p->name }} {{ $p->is_veg ? '🟢' : '🔴' }}</td>
                <td>{{ $p->category->name }}</td>
                <td>₹{{ number_format($p->price, 2) }}</td>
                <td>
                    @if (is_null($p->stock_qty)) <span class="text-gray-400">Unlimited</span>
                    @else <span class="{{ $p->isLowStock() ? 'text-red-500 font-medium' : '' }}">{{ $p->stock_qty }}</span>
                    @endif
                </td>
                <td>
                    <form method="POST" action="{{ route('admin.products.toggle', $p) }}">
                        @csrf
                        <button class="px-2 py-0.5 rounded-full text-xs {{ $p->is_available ? 'bg-green-50 text-green-700' : 'bg-red-50 text-red-700' }}">
                            {{ $p->is_available ? 'Available' : 'Unavailable' }}
                        </button>
                    </form>
                </td>
                <td>
                    <form method="POST" action="{{ route('admin.products.destroy', $p) }}" onsubmit="return confirm('Delete this product?')">
                        @csrf @method('DELETE')
                        <button class="text-red-500 text-xs">Delete</button>
                    </form>
                </td>
            </tr>
        @endforeach
        </tbody>
    </table>
    <div class="mt-4">{{ $products->links() }}</div>
</div>
@endsection