@extends('layouts.app')

@section('title', 'Produk & Stok')

@section('body')
<div class="shell">
    @include('partials.sidebar', ['active' => 'products'])
    <main class="main">
        @include('partials.topbar', ['heading' => 'Produk & persediaan'])
        <div class="content">
            <div class="page-head"><div><h2>Produk cafe</h2><p>Kelola menu, harga jual, dan stok persediaan.</p></div><span class="badge badge-gray">{{ $products->count() }} produk</span></div>
            @include('partials.flash')
            <section class="card" style="margin-bottom:18px">
                <h3 class="card-title">{{ $editProduct ? 'Ubah produk' : 'Tambah produk baru' }}</h3>
                <form method="post" action="{{ $editProduct ? route('products.update', $editProduct) : route('products.store') }}">@csrf @if ($editProduct) @method('PUT') @endif
                    <div class="form-grid three"><div class="field"><label>Nama produk</label><input name="name" value="{{ old('name', $editProduct->name ?? '') }}" required placeholder="Contoh: Kopi susu"></div><div class="field"><label>Harga jual (Rp)</label><input type="number" name="price" min="1" value="{{ old('price', $editProduct->price ?? '') }}" required placeholder="12000"></div><div class="field"><label>Jumlah stok</label><input type="number" name="stock" min="0" value="{{ old('stock', $editProduct->stock ?? '') }}" required placeholder="50"></div></div>
                    @if ($editProduct)<label class="remember" style="margin-top:13px"><input type="checkbox" name="is_active" value="1" @checked(old('is_active', $editProduct->is_active))> Produk aktif dan tampil di kasir</label>@endif
                    <div class="form-actions"><button class="btn" type="submit">{{ $editProduct ? 'Simpan perubahan' : '＋ Tambahkan produk' }}</button>@if ($editProduct)<a class="btn btn-outline" href="{{ route('products.index') }}">Batal</a>@endif</div>
                </form>
            </section>
            <section class="card">
                <h3 class="card-title">Daftar produk</h3>
                @if ($products->isEmpty())<div class="empty"><strong>Belum ada produk</strong>Tambahkan produk untuk mulai melayani transaksi cafe.</div>
                @else<div class="table-wrap"><table><thead><tr><th>Nama produk</th><th>Harga</th><th>Stok</th><th>Status</th><th>Aksi</th></tr></thead><tbody>
                @foreach ($products as $product)<tr><td><strong>{{ $product->name }}</strong></td><td>Rp {{ number_format($product->price, 0, ',', '.') }}</td><td>{{ $product->stock }} unit</td><td><span class="badge {{ $product->is_active ? 'badge-green' : 'badge-gray' }}">{{ $product->is_active ? 'Aktif' : 'Nonaktif' }}</span></td><td><div style="display:flex;gap:6px"><a class="btn btn-sm btn-outline" href="{{ route('products.index', ['edit' => $product->id]) }}">Ubah</a><form method="post" action="{{ route('products.destroy', $product) }}" onsubmit="return confirm('Hapus produk ini?')">@csrf @method('DELETE')<button class="btn btn-sm btn-danger" type="submit">Hapus</button></form></div></td></tr>@endforeach
                </tbody></table></div>@endif
            </section>
        </div>
    </main>
</div>
@endsection