From 3242aa464b627d366a65afe47ba30a8c91f9caa4 Mon Sep 17 00:00:00 2001
From: jimmy <git@jimmy.nz>
Date: Sun, 18 May 2025 21:30:50 +1200
Subject: [PATCH] Update index.html

---
 src/templates/index.html | 156 +++++++++++++++++++++++----------------
 1 file changed, 91 insertions(+), 65 deletions(-)
diff --git a/src/templates/index.html b/src/templates/index.html
index 57b9eac..240bd3d 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -1,71 +1,97 @@
-{% args settings, patterns %}
-<!DOCTYPE html>
+{% args settings, patterns, mac %}
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>LED Control</title>
-    <script src="static/main.js"></script>
-    <link rel="stylesheet" href="static/main.css">
-</head>
-<body>
-    <h1>Control LEDs</h1>
-    <button onclick="selectControls()">Controls</button>
-    <button onclick="selectSettings()">Settings</button>
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>LED Control</title>
+        <script src="static/main.js"></script>
+        <link rel="stylesheet" href="static/main.css" />
+    </head>
+    <body>
+        <h1>Control LEDs</h1>
+        <button onclick="selectControls()">Controls</button>
+        <button onclick="selectSettings()">Settings</button>
 
-    <!-- Main LED Controls -->
-    <div id="controls">
-        <div id="pattern_buttons">
-            {% for p in patterns %}
-            <button class="pattern_button" value="{{p}}">{{p}}</button>
-            {% endfor %}
-           
-            <!-- Pattern buttons will be inserted here -->
+        <!-- Main LED Controls -->
+        <div id="controls">
+            <div id="pattern_buttons">
+                {% for p in patterns %}
+                <button class="pattern_button" value="{{p}}">{{p}}</button>
+                {% endfor %}
+
+                <!-- Pattern buttons will be inserted here -->
+            </div>
+            <form id="delay_form" method="post" action="/delay">
+                <label for="delay">Delay:</label>
+                <input
+                    type="range"
+                    id="delay"
+                    name="delay"
+                    min="1"
+                    max="1000"
+                    value="{{settings['delay']}}"
+                    step="10"
+                />
+            </form>
+            <form id="brightness_form" method="post" action="/brightness">
+                <label for="brightness">Brightness:</label>
+                <input
+                    type="range"
+                    id="brightness"
+                    name="brightness"
+                    min="0"
+                    max="100"
+                    value="{{settings['brightness']}}"
+                    step="1"
+                />
+            </form>
+            <form id="color_form" method="post" action="/color">
+                <input
+                    type="color"
+                    id="color"
+                    name="color"
+                    value="{{settings['color1']}}"
+                />
+            </form>
+            <form id="color2_form" method="post" action="/color2">
+                <input
+                    type="color"
+                    id="color2"
+                    name="color2"
+                    value="{{settings['color2']}}"
+                />
+            </form>
         </div>
-        <form id="delay_form" method="post" action="/delay">
-            <label for="delay">Delay:</label>
-            <input type="range" id="delay" name="delay" min="1" max="1000" value="{{settings['delay']}}" step="10">
-        </form>
-        <form id="brightness_form" method="post" action="/brightness">
-            <label for="brightness">Brightness:</label>
-            <input type="range" id="brightness" name="brightness" min="0" max="100" value="{{settings['brightness']}}" step="1">
-        </form>
-        <form id="color_form" method="post" action="/color">
-            <input type="color" id="color" name="color" value="{{settings['color1']}}">
-        </form>
-        <form id="color2_form" method="post" action="/color2">
-            <input type="color" id="color2" name="color2" value="{{settings['color2']}}">
-        </form>
-    </div>
 
-    <!-- Settings Menu for num_leds, Wi-Fi SSID, and Password -->
-    
-    <div id="settings_menu" style="display: none;">
-        <h2>Settings</h2>
-        
-        <!-- Separate form for submitting num_leds -->
-        <form id="num_leds_form" method="post" action="/num_leds">
-            <label for="num_leds">Number of LEDs:</label>
-            <input type="text" id="num_leds" name="num_leds" value="{{settings['num_leds']}}">
-            <input type="submit" value="Update Number of LEDs">
-        </form>
+        <!-- Settings Menu for num_leds, Wi-Fi SSID, and Password -->
 
-        <!-- Form for Wi-Fi SSID and password -->
-        <form id="wifi_form" method="post" action="/wifi_settings">
-            <label for="ssid">Wi-Fi SSID:</label>
-            <input type="text" id="ssid" name="ssid" value="{{settings['wifi']['ssid']}}">
-            <br>
-            <label for="password">Wi-Fi Password:</label>
-            <input type="password" id="password" name="password">
-            <br>
-            <label for="ip">Wi-Fi IP:</label>
-            <input type="ip" id="ip" name="ip" value="{{settings.get('wifi', {}).get('ip', '')}}">
-            <br>
-            <label for="gateway">Wi-Fi Gateway:</label>
-            <input type="gateway" id="gateway" name="gateway" value="{{settings.get('wifi', {}).get('gateway', '')}}">
-            <br>
-            <input type="submit" value="Save Wi-Fi Settings">
-        </form>
-    </div>
-</body>
+        <div id="settings_menu" style="display: none">
+            <h2>Settings</h2>
+
+            <form id="name_form" method="post" action="/name">
+                <label for="name">Name:</label>
+                <input
+                    type="text"
+                    id="name"
+                    name="num_leds"
+                    value="{{settings['name']}}"
+                />
+                <input type="submit" value="Update Name" />
+            </form>
+            <!-- Separate form for submitting num_leds -->
+            <form id="num_leds_form" method="post" action="/num_leds">
+                <label for="num_leds">Number of LEDs:</label>
+                <input
+                    type="text"
+                    id="num_leds"
+                    name="num_leds"
+                    value="{{settings['num_leds']}}"
+                />
+                <input type="submit" value="Update Number of LEDs" />
+            </form>
+            <p>Mac address: {{mac}}</p>
+        </div>
+        <div id="connection-status"></div>
+    </body>
 </html>
