From e953d0fd427f0d0d7c4a495f0285d19de45674fe Mon Sep 17 00:00:00 2001
From: Florian Heinz <mail@hnz.io>
Date: Tue, 14 Apr 2026 15:09:25 +0200
Subject: [PATCH] feat(track): replace alcohol checkbox with a selectable tile

---
 assets/icons/alcohol.svg  |  8 ++++++++
 templates/pages/track.php | 38 +++++++++++++++++++++++---------------
 2 files changed, 31 insertions(+), 15 deletions(-)
 create mode 100644 assets/icons/alcohol.svg

diff --git a/assets/icons/alcohol.svg b/assets/icons/alcohol.svg
new file mode 100644
index 0000000..9126350
--- /dev/null
+++ b/assets/icons/alcohol.svg
@@ -0,0 +1,8 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M23 11C23.4 9.8 24.5 9 25.8 9H38.2C39.5 9 40.6 9.8 41 11L44.4 22.7C44.8 24.2 45 25.8 45 27.3C45 33.9 39.8 39.3 33.3 39.8V51H39.5C40.9 51 42 52.1 42 53.5C42 54.9 40.9 56 39.5 56H24.5C23.1 56 22 54.9 22 53.5C22 52.1 23.1 51 24.5 51H30.7V39.8C24.2 39.3 19 33.9 19 27.3C19 25.8 19.2 24.2 19.6 22.7L23 11Z" fill="#EFF7FF"/>
+  <path d="M22.4 20H41.6L41.2 22C41 22.9 41 23.8 41 24.7C41 29.8 36.8 34 31.7 34H32.3C37.2 34 41.2 30 41.2 25.1C41.2 24 41.1 23 40.8 22L40.3 20H22.4Z" fill="#8BE4FF" opacity="0.95"/>
+  <path d="M22 21.5C22 20.7 22.7 20 23.5 20H40.5C41.3 20 42 20.7 42 21.5C42 27.3 37.3 32 31.5 32C25.7 32 21 27.3 21 21.5H22Z" fill="#7FF3BB" opacity="0.8"/>
+  <path d="M24 15H40" stroke="#8BE4FF" stroke-width="2.8" stroke-linecap="round"/>
+  <path d="M27.5 44H36.5" stroke="#8BE4FF" stroke-width="3" stroke-linecap="round"/>
+  <path d="M25 53H39" stroke="#7FF3BB" stroke-width="3.2" stroke-linecap="round" opacity="0.9"/>
+</svg>
diff --git a/templates/pages/track.php b/templates/pages/track.php
index 3bbb476..ea92abc 100644
--- a/templates/pages/track.php
+++ b/templates/pages/track.php
@@ -6,7 +6,7 @@
                 <h3><?= e(format_display_date($entry['date'])) ?></h3>
             </div>
             <div class="section-head__actions">
-                <a class="ghost-link" href="/archive?date=<?= e(rawurlencode($entry['date'])) ?>">Im Archiv ansehen</a>
+                <a class="ghost-link" href="/archive?view=days&amp;date=<?= e(rawurlencode($entry['date'])) ?>">Im Archiv ansehen</a>
                 <a class="ghost-link" href="/track?date=<?= e(today()) ?>">Heute</a>
             </div>
         </div>
@@ -45,23 +45,31 @@
                         <input type="range" min="1" max="10" step="1" name="pain" value="<?= e((string) $entry['pain']) ?>">
                     </label>
 
-                    <label class="checkbox-row checkbox-row--panel checkbox-row--tall">
-                        <input type="checkbox" name="alcohol" value="1" <?= !empty($entry['alcohol']) ? 'checked' : '' ?>>
-                        <span>
-                            <strong>Alkohol</strong>
-                            <small>Wenn du heute Alkohol getrunken hast, werden 5 Punkte abgezogen.</small>
-                        </span>
-                    </label>
+                    <div class="sport-choice-field sport-choice-field--single">
+                        <div class="sport-choice-list sport-choice-list--single">
+                            <label class="sport-choice">
+                                <input type="checkbox" name="alcohol" value="1" <?= !empty($entry['alcohol']) ? 'checked' : '' ?>>
+                                <span class="sport-choice__card sport-choice__card--toggle">
+                                    <img src="<?= e(icon_path('alcohol')) ?>" alt="">
+                                    <strong>Alkohol</strong>Heute was getrunken?
+                                </span>
+                            </label>
+                        </div>
+                    </div>
                 </div>
             <?php else: ?>
                 <div class="field-grid field-grid--single">
-                    <label class="checkbox-row checkbox-row--panel">
-                        <input type="checkbox" name="alcohol" value="1" <?= !empty($entry['alcohol']) ? 'checked' : '' ?>>
-                        <span>
-                            <strong>Alkohol</strong>
-                            <small>Wenn du heute Alkohol getrunken hast, werden 5 Punkte abgezogen.</small>
-                        </span>
-                    </label>
+                    <div class="sport-choice-field sport-choice-field--single">
+                        <div class="sport-choice-list sport-choice-list--single">
+                            <label class="sport-choice">
+                                <input type="checkbox" name="alcohol" value="1" <?= !empty($entry['alcohol']) ? 'checked' : '' ?>>
+                                <span class="sport-choice__card sport-choice__card--toggle">
+                                    <img src="<?= e(icon_path('alcohol')) ?>" alt="">
+                                    <strong>Alkohol</strong>Heute was getrunken?
+                                </span>
+                            </label>
+                        </div>
+                    </div>
                 </div>
             <?php endif; ?>