jurgenr
c07d503d83
Legt de bestaande wijzigingen in de hoofdworktree vast voordat de laatste worktree wordt gemerged.\n\nCo-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
150 lines
3.6 KiB
Plaintext
150 lines
3.6 KiB
Plaintext
<div class="page-header mb-4">
|
|
|
|
<h1>📦 Producten</h1>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-8">
|
|
|
|
<div class="card">
|
|
|
|
<div class="card-body">
|
|
|
|
<% if(products.length === 0) { %>
|
|
|
|
<p class="text-secondary">Nog geen producten.</p>
|
|
|
|
<% } else { %>
|
|
|
|
<div class="list-group">
|
|
|
|
<%
|
|
const grouped = {};
|
|
products.forEach(p => {
|
|
const cat = p.category_name || 'Overig';
|
|
if (!grouped[cat]) grouped[cat] = [];
|
|
grouped[cat].push(p);
|
|
});
|
|
%>
|
|
|
|
<% Object.keys(grouped).sort().forEach(cat => { %>
|
|
|
|
<div class="list-group-item list-group-item-info">
|
|
|
|
<strong><%= cat %></strong>
|
|
|
|
</div>
|
|
|
|
<% grouped[cat].forEach(product => { %>
|
|
|
|
<div class="list-group-item">
|
|
|
|
<div class="d-flex justify-content-between">
|
|
|
|
<strong>
|
|
|
|
<%= product.category_icon || "" %>
|
|
|
|
<%= product.name %>
|
|
|
|
</strong>
|
|
|
|
<small class="text-secondary">
|
|
|
|
<% if(product.barcode) { %>
|
|
|
|
📊 <%= product.barcode %>
|
|
|
|
<% } %>
|
|
|
|
</small>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<% }) %>
|
|
|
|
<% }) %>
|
|
|
|
</div>
|
|
|
|
<% } %>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
|
|
<div class="card">
|
|
|
|
<div class="card-header">
|
|
|
|
<h3 class="card-title">Nieuw product</h3>
|
|
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
|
|
<form method="post" action="/products">
|
|
|
|
<div class="mb-3">
|
|
|
|
<label class="form-label">Productnaam</label>
|
|
|
|
<input
|
|
type="text"
|
|
class="form-control"
|
|
name="name"
|
|
placeholder="bijv. Melk"
|
|
required>
|
|
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
|
|
<label class="form-label">Categorie</label>
|
|
|
|
<select class="form-select" name="category_id">
|
|
|
|
<option value="">-- Geen categorie --</option>
|
|
|
|
<% if(categories) { %>
|
|
|
|
<% categories.forEach(cat => { %>
|
|
|
|
<option value="<%= cat.id %>">
|
|
|
|
<%= cat.icon || "" %> <%= cat.name %>
|
|
|
|
</option>
|
|
|
|
<% }) %>
|
|
|
|
<% } %>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<button class="btn btn-primary w-100">
|
|
|
|
Product toevoegen
|
|
|
|
</button>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|