@extends('layouts.app') @section('title','Produk') @section('page-title','Katalog produk')
@section('content')<div class="page-heading"><div><span class="eyebrow">INVENTORI</span><h2>Produk dan gambar</h2><p>Gambar disimpan aman di storage; path file tercatat di database produk.</p></div><a class="btn-shop" href="{{ route('admin.products.create') }}"><i class="bi bi-plus-lg"></i> Tambah produk</a></div>
<form class="surface filter-bar" method="GET"><input class="shop-input" name="search" value="{{ request('search') }}" placeholder="Cari nama produk..."><select class="shop-select" name="category_id"><option value="">Semua kategori</option>@foreach($categories as $category)<option value="{{ $category->id }}" @selected(request('category_id')==$category->id)>{{ $category->name }}</option>@endforeach</select><button class="btn-shop">Terapkan filter</button></form>
<div class="surface"><table class="shop-table"><thead><tr><th><i class="bi bi-handbag table-head-icon"></i> Produk</th><th><i class="bi bi-grid table-head-icon"></i> Kategori</th><th><i class="bi bi-cash table-head-icon"></i> Harga</th><th><i class="bi bi-boxes table-head-icon"></i> Stok</th><th><i class="bi bi-database table-head-icon"></i> Path database</th><th>Aksi</th></tr></thead><tbody>
@forelse($products as $product)<tr><td><div style="display:flex;align-items:center;gap:11px">@if($product->image_url)<img class="product-thumb" src="{{ $product->image_url }}" alt="{{ $product->name }}">@else<span class="empty-thumb"><i class="bi bi-image"></i></span>@endif<span class="product-name">{{ $product->name }}</span></div></td><td>{{ $product->category->name ?? '-' }}</td><td>Rp {{ number_format($product->price,0,',','.') }}</td><td><span class="stock-pill {{ $product->stock <= 5 ? 'stock-low':'' }}">{{ $product->stock }} unit</span></td><td><code style="font-size:10px;color:#806c5e">{{ $product->image ?? '—' }}</code></td><td><div class="table-actions"><a class="icon-btn" href="{{ route('admin.products.edit',$product) }}" title="Edit"><i class="bi bi-pencil"></i></a><form method="POST" action="{{ route('admin.products.destroy',$product) }}" onsubmit="return confirm('Hapus produk dan gambar ini?')">@csrf @method('DELETE')<button class="icon-btn danger" title="Hapus"><i class="bi bi-trash"></i></button></form></div></td></tr>@empty<tr><td colspan="6" style="text-align:center;padding:45px">Belum ada produk. Tambahkan produk pertama Anda.</td></tr>@endforelse
</tbody></table><div class="pagination-wrap">{{ $products->links() }}</div></div>@endsection