From 283d66330649c0508d4b310aaf1b1f6f8cf87a10 Mon Sep 17 00:00:00 2001
From: Devdatt Bhatt <devdatt.bhatt@dbhatt.org>
Date: Mon, 8 Jun 2026 04:03:10 +0000
Subject: [PATCH] ui upadte

---
 html/network.php | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/html/network.php b/html/network.php
index cd862d3..5f7fc30 100755
--- a/html/network.php
+++ b/html/network.php
@@ -163,13 +163,20 @@ $selected_interface = $_GET['interface'] ?? array_keys($interface_data)[0] ?? nu
                                         name="multicast" value="on" <?php echo ($interface_data[$selected_interface]['config']['multicast'] ?? 'off') === 'on' ? 'checked' : ''; ?>>
                                     <span class="slider"></span>
                                 </div>
-                                <label for="multicast-<?php echo $selected_interface; ?>" class="switch-label">
+                                <label for="multicast-<?php echo $selected_interface; ?>" class="switch-label" id="multicast-label-<?php echo $selected_interface; ?>">
                                     <?php echo ($interface_data[$selected_interface]['config']['multicast'] ?? 'off') === 'on' ? 'Enabled' : 'Disabled'; ?>
                                 </label>
                             </div>
 
                             <div class="mb-3">
                                 <label class="form-label">Configuration Method</label>
+                                <div class="form-check">
+                                    <input class="form-check-input" type="radio" name="method" id="disable-<?php echo $selected_interface; ?>"
+                                        value="disable" <?php echo ($interface_data[$selected_interface]['config']['method'] ?? '') === 'disable' ? 'checked' : ''; ?>>
+                                    <label class="form-check-label" for="disable-<?php echo $selected_interface; ?>">
+                                        Disable
+                                    </label>
+                                </div>
                                 <div class="form-check">
                                     <input class="form-check-input" type="radio" name="method" id="dhcp-<?php echo $selected_interface; ?>"
                                         value="dhcp" <?php echo ($interface_data[$selected_interface]['config']['method'] ?? '') === 'dhcp' ? 'checked' : ''; ?>>
@@ -184,13 +191,6 @@ $selected_interface = $_GET['interface'] ?? array_keys($interface_data)[0] ?? nu
                                         Static IP
                                     </label>
                                 </div>
-                                <div class="form-check">
-                                    <input class="form-check-input" type="radio" name="method" id="disable-<?php echo $selected_interface; ?>"
-                                        value="disable" <?php echo ($interface_data[$selected_interface]['config']['method'] ?? '') === 'disable' ? 'checked' : ''; ?>>
-                                    <label class="form-check-label" for="disable-<?php echo $selected_interface; ?>">
-                                        Disable
-                                    </label>
-                                </div>
                             </div>
 
                             <div class="mb-3" id="static-ip-fields-<?php echo $selected_interface; ?>"
@@ -262,6 +262,20 @@ $selected_interface = $_GET['interface'] ?? array_keys($interface_data)[0] ?? nu
             window.location.href = '?interface=' + encodeURIComponent(interfaceName);
         });
     });
+
+    // Multicast toggle switch functionality
+    document.querySelectorAll('.switch input[type="checkbox"]').forEach(checkbox => {
+        checkbox.addEventListener('change', function() {
+            const interfaceName = this.id.split('-')[2]; // Get interface name from ID like "multicast-eth0"
+            const label = document.getElementById(`multicast-label-${interfaceName}`);
+            
+            if (this.checked) {
+                label.textContent = 'Enabled';
+            } else {
+                label.textContent = 'Disabled';
+            }
+        });
+    });
 </script>
 
 <?php include 'footer.php' ?>
\ No newline at end of file