Werk hoofdapplicatie bij

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>
2026-08-07 20:45:36 +02:00
parent 26a820b41a
commit c07d503d83
41 changed files with 1837 additions and 313 deletions
@@ -0,0 +1,96 @@
+<div class="page-header mb-4">
+
+    <h1>🛒 Boodschappenlijsten</h1>
+
+</div>
+
+<div class="row">
+
+    <div class="col-md-8">
+
+        <div class="card">
+
+            <div class="card-body">
+
+                <% if(lists.length === 0) { %>
+
+                    <p class="text-secondary">Je hebt nog geen boodschappenlijsten. Maak er een aan!</p>
+
+                <% } else { %>
+
+                    <div class="list-group">
+
+                        <% lists.forEach(list => { %>
+
+                            <a href="/lists/<%= list.id %>" class="list-group-item list-group-item-action">
+
+                                <div class="d-flex justify-content-between">
+
+                                    <strong><%= list.name %></strong>
+
+                                    <small class="text-secondary">
+                                        <%= list.checked_count || 0 %>/<%= list.item_count || 0 %> gedaan
+                                    </small>
+
+                                </div>
+
+                                <small class="text-muted">
+                                    Aangemaakt <%= new Date(list.created_at).toLocaleDateString('nl-NL') %>
+                                </small>
+
+                            </a>
+
+                        <% }) %>
+
+                    </div>
+
+                <% } %>
+
+            </div>
+
+        </div>
+
+    </div>
+
+    <div class="col-md-4">
+
+        <div class="card">
+
+            <div class="card-header">
+
+                <h3 class="card-title">Nieuwe lijst</h3>
+
+            </div>
+
+            <div class="card-body">
+
+                <form method="post" action="/lists">
+
+                    <div class="mb-3">
+
+                        <label class="form-label">Lijstnaam</label>
+
+                        <input 
+                            type="text" 
+                            class="form-control" 
+                            name="name" 
+                            placeholder="bijv. Weekboodschappen"
+                            required>
+
+                    </div>
+
+                    <button class="btn btn-primary w-100">
+
+                        Lijst aanmaken
+
+                    </button>
+
+                </form>
+
+            </div>
+
+        </div>
+
+    </div>
+
+</div>