@extends('layouts.app')
@section('content')
<div class="flex justify-between items-center"><h1 class="text-3xl font-bold">পণ্য</h1></div>
<div class="grid lg:grid-cols-3 gap-6 mt-7">
<form method="post" action="/products" class="bg-white border rounded-2xl p-5 space-y-3">
@csrf
<h2 class="font-bold">নতুন পণ্য</h2>
<input name="name" required placeholder="পণ্যের নাম" class="w-full border rounded-xl p-3">
<input name="sku" placeholder="SKU" class="w-full border rounded-xl p-3">
<input name="price" type="number" step="0.01" required placeholder="মূল্য" class="w-full border rounded-xl p-3">
<input name="sale_price" type="number" step="0.01" placeholder="সেল মূল্য" class="w-full border rounded-xl p-3">
<input name="stock" type="number" required placeholder="স্টক" class="w-full border rounded-xl p-3">
<button class="w-full rounded-xl bg-slate-900 text-white p-3">পণ্য যোগ করুন</button>
</form>
<div class="lg:col-span-2 bg-white border rounded-2xl overflow-hidden">
<table class="w-full text-sm"><thead class="bg-slate-50"><tr><th class="p-3 text-left">পণ্য</th><th class="p-3">মূল্য</th><th class="p-3">স্টক</th><th class="p-3">স্ট্যাটাস</th></tr></thead>
<tbody>@foreach($products as $p)<tr class="border-t"><td class="p-3">{{$p->name}}<div class="text-xs text-slate-400">{{$p->sku}}</div></td><td class="p-3">৳{{$p->sale_price ?: $p->price}}</td><td class="p-3">{{$p->stock}}</td><td class="p-3">{{$p->status}}</td></tr>@endforeach</tbody></table>
<div class="p-4">{{$products->links()}}</div>
</div>
</div>
@endsection