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="22" 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#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;" onclick="window.location.reload()") 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

block settings
    // Settings

block main
    // Main is build dynamically