Start competition mode

data/settings.html

@@ -66,6 +66,30 @@
           </form>
         </div>
 
+        <!-- Mode Selection Section -->
+        <div class="section">
+          <h2>🎯 Modus</h2>
+          <form id="modeForm">
+            <div class="form-group">
+              <label>Modus auswählen:</label>
+              <div class="mode-toggle">
+                <button type="button" class="mode-button active" data-mode="individual" onclick="selectMode('individual')">
+                  👤 Individual
+                </button>
+                <button type="button" class="mode-button" data-mode="wettkampf" onclick="selectMode('wettkampf')">
+                  🏆 Wettkampf
+                </button>
+              </div>
+            </div>
+            <div class="button-group">
+              <button type="submit" class="btn btn-primary">
+                💾 Modus speichern
+              </button>
+            </div>
+          </form>
+        </div>
+
+
         <!-- Basic Settings Section -->
         <div class="section">
           <h2>🔧 Grundeinstellungen</h2>
@@ -464,6 +488,43 @@
           saveLicence();
         });
 
+
+      // Mode selection function
+      // Remove active class from all mode buttons
+      function selectMode(mode) {
+       document.querySelectorAll('.mode-button').forEach(button => {
+         button.classList.remove('active');
+       });
+       
+       // Add active class to selected button
+       document.querySelector(`[data-mode="${mode}"]`).classList.add('active');
+      }
+      
+      // Mode form handler
+      document.getElementById('modeForm').addEventListener('submit', function(e) {
+       e.preventDefault();
+      
+       const activeButton = document.querySelector('.mode-button.active');
+       const selectedMode = activeButton ? activeButton.getAttribute('data-mode') : 'individual';
+      
+       fetch('/api/set-mode', {
+         method: 'POST',
+         headers: {
+           'Content-Type': 'application/x-www-form-urlencoded',
+         },
+         body: 'mode=' + encodeURIComponent(selectedMode)
+       })
+       .then(response => response.json())
+       .then(data => {
+         if (data.success) {
+           showMessage('Modus erfolgreich gespeichert!', 'success');
+         } else {
+           showMessage('Fehler beim Speichern des Modus', 'error');
+         }
+       })
+       .catch(error => showMessage('Verbindungsfehler', 'error'));
+      });
+
       // Einstellungen laden
       function loadSettings() {
         fetch("/api/get-settings")