From c5b21d1cef80f33080a4ad17f8c4a55be213ed60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kha=C3=AFs=20COLIN?= <khais.colin@gmail.com>
Date: Fri, 24 Oct 2025 17:17:08 +0200
Subject: [PATCH] show correct checkbox status

---
 flake.nix           |  1 -
 src/main.rs         |  5 +++++
 templates/food.html | 37 +++++++++++++------------------------
 3 files changed, 18 insertions(+), 25 deletions(-)

diff --git a/flake.nix b/flake.nix
index ca41ec9..fb629a2 100644
--- a/flake.nix
+++ b/flake.nix
@@ -21,7 +21,6 @@
             pkgs.clippy
             pkgs.sqlite
             pkgs.superhtml
-            pkgs.vscode-langservers-extracted
             pkgs.rustfmt
           ];
         };
diff --git a/src/main.rs b/src/main.rs
index b7ebff3..5becb43 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -36,6 +36,11 @@ struct IndexTemplate {
     date: String,
 }
 
+fn range(bound: i32) -> Vec<i32> {
+    let iter = 0..bound;
+    iter.into_iter().collect()
+}
+
 #[derive(Template)]
 #[template(path = "food-update.html")]
 struct FoodUpdateTemplate {
diff --git a/templates/food.html b/templates/food.html
index ecd18ec..cb9c7e1 100644
--- a/templates/food.html
+++ b/templates/food.html
@@ -16,36 +16,25 @@
       <button class="decrease">-</button>
     </div>
     <div class="checkboxes">
+      {% for counter in self::range(10) %}
+      {% if loop.index as i32 <= food.target_servings %}
       <label class="ok">
+        {% if loop.index as i32 <= food.actual_servings %}
         <input type="checkbox" checked>
-      </label>
-      <label class="ok">
+        {% else %}
         <input type="checkbox">
+        {% endif %}
       </label>
-      <label class="ok">
+      {% else %}
+      <label class="bad">
+        {% if loop.index as i32 <= food.actual_servings %}
         <input type="checkbox" checked>
-      </label>
-      <label class="bad">
-        <input type="checkbox" checked>
-      </label>
-      <label class="bad">
-        <input type="checkbox" checked>
-      </label>
-      <label class="bad">
-        <input type="checkbox">
-      </label>
-      <label class="bad">
-        <input type="checkbox">
-      </label>
-      <label class="bad">
-        <input type="checkbox">
-      </label>
-      <label class="bad">
-        <input type="checkbox">
-      </label>
-      <label class="bad">
+        {% else %}
         <input type="checkbox">
+        {% endif %}
       </label>
+      {% endif %}
+      {% endfor %}
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>