@extends('admin.layout') @section('heading','Products') @section('content')<div class="grid gap-8 xl:grid-cols-[1fr_340px]"><section class="overflow-x-auto rounded-2xl bg-white p-5 shadow-sm"><table class="w-full text-left text-sm"><thead class="border-b text-slate-500"><tr><th class="pb-3">Product</th><th class="pb-3">Category</th><th class="pb-3">Price</th><th class="pb-3">Stock</th><th></th></tr></thead><tbody>@foreach($products as $product)<tr class="border-b"><td class="py-4 font-semibold">{{$product->name}}</td><td>{{$product->category->name}}</td><td>KES {{number_format($product->price)}}</td><td>{{$product->stock}}</td><td><form method="POST" action="{{route('admin.products.delete',$product)}}">@csrf @method('DELETE')<button class="text-xs font-bold text-red-600">DELETE</button></form></td></tr>@endforeach</tbody></table><div class="mt-4">{{$products->links()}}</div></section><form method="POST" action="{{route('admin.products.store')}}" class="rounded-2xl bg-white p-6 shadow-sm">@csrf<h2 class="display text-lg font-bold">Add product</h2><div class="mt-4 grid gap-3">@foreach(['name'=>'Product name','price'=>'Price (KES)','stock'=>'Stock','image'=>'Image URL'] as $name=>$label)<input name="{{$name}}" type="{{$name==='price'||$name==='stock'?'number':'text'}}" placeholder="{{$label}}" class="rounded-lg border p-3 text-sm" required>@endforeach<select name="category_id" class="rounded-lg border p-3 text-sm">@foreach($categories as $category)<option value="{{$category->id}}">{{$category->name}}</option>@endforeach</select><textarea name="description" class="h-24 rounded-lg border p-3 text-sm" placeholder="Description" required></textarea><label class="text-sm"><input type="checkbox" name="is_featured" value="1"> Featured</label><input type="hidden" name="is_active" value="1"><button class="rounded-lg bg-red-600 py-3 text-xs font-bold text-white">SAVE PRODUCT</button></div></form></div>@endsection