extends layout

block setup
    div#setupLEDDiv
        h1 LED-Einstellungen
        div.inputGroup
            label(onclick="document.getElementById('ledCheckbox').checked = !document.getElementById('ledCheckbox').checked;") Aktivieren
            input#ledCheckbox.input(type="checkbox")
        div.inputGroup
            label GPIO-Pin
            input#ledGPIO.input(type="number" value="40" style="width:15%" disabled="disabled")
        div.inputGroup
            label Ambiente Farbe
            input#ambientColor.input(type="color" value="#05445E" style="width:15%" disabled="disabled")

    div#setupExtraDiv
        h1 Erweiterte Einstellungen
        div.inputGroup
            label(onclick="document.getElementById('allowRemoteCheckbox').checked = !document.getElementById('allowRemoteCheckbox').checked;") Remote-Verbindungen erlauben
            input#allowRemoteCheckbox.input(type="checkbox")
        div.inputGroup
            label(onclick="document.getElementById('hotspotCheckbox').checked = !document.getElementById('hotspotCheckbox').checked;") Ohne WiFi Hotspot aktivieren
            input#hotspotCheckbox.input(type="checkbox")
        div.inputGroup
            label(onclick="document.getElementById('proxyCheckbox').checked = !document.getElementById('proxyCheckbox').checked;") Arduino Mega als Proxy erlauben
            input#proxyCheckbox.input(type="checkbox")


    div#setupContainersDiv
        h1 Behälter
        // Setup
        button.btn.btn-primary#containerAddBtn Hinzufügen
        br
        div#setupContainers


    button.btn.btn-danger#setup_cancelBtn(style="grid-row: span 1; grid-column: span 1; border-radius: 15px; font-size: 1.2em;") Abbrechen
    button.btn.btn-success#setup_saveBtn(style="grid-row: span 1; grid-column: span 1; border-radius: 15px; font-size: 1.2em;") Speichern

block menu
    // Menu
    // gridrow span 1
        setupcontainers
        butto
    button.btn.btn-primary#menu_containers Behälter
    button.btn.btn-primary#menu_stats Statistiken
    button.btn.btn-primary#menu_settings Einstellungen
    button.btn.btn-primary#menu_setup Setup






block settings
    // Settings
    button.btn.btn-primary#settings_refreshDrinks Getränke herunterladen
    button.btn.btn-primary#settings_update System aktualisieren



block main
    // Main is build dynamically
