import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQuick.Layouts 1.12

Item {
    id: page

    signal openButtons()
    signal openLayout()
    signal openBackground()
    signal openFeedback()
    signal openNetwork()
    signal openUpdate()
    signal changePassword()

    ColumnLayout {
        anchors.fill: parent
        anchors.margins: 8
        spacing: 8

        Button {
            Layout.fillWidth: true
            text: "Кнопки (CRUD + порядок)"
            onClicked: page.openButtons()
        }
        Button {
            Layout.fillWidth: true
            text: "Расположение: " + settingsContainer.layoutMode +
                  " (" + (settingsContainer.layoutMode === "grid"
                          ? settingsContainer.layoutColumns + " колонок"
                          : "список") + ")"
            onClicked: page.openLayout()
        }
        Button {
            Layout.fillWidth: true
            text: "Фон"
            onClicked: page.openBackground()
        }
        Button {
            Layout.fillWidth: true
            text: "Обводка отклика (ОК / Ошибка)"
            onClicked: page.openFeedback()
        }
        Button {
            Layout.fillWidth: true
            text: "Сеть"
            onClicked: page.openNetwork()
        }
        Button {
            Layout.fillWidth: true
            text: "Обновление ПО"
            onClicked: page.openUpdate()
        }
        Button {
            Layout.fillWidth: true
            text: "Тема: " + (settingsContainer.darkMode ? "тёмная" : "светлая")
            onClicked: btnController.setDarkMode(!settingsContainer.darkMode)
        }
        Button {
            Layout.fillWidth: true
            text: "Сменить пароль"
            onClicked: page.changePassword()
        }

        Item { Layout.fillHeight: true }

        Text {
            Layout.fillWidth: true
            text: "Веб-конфигуратор: порт " + settingsContainer.webPort
            color: settingsContainer.darkMode ? "#cccccc" : "#444444"
            font.pixelSize: 12
            horizontalAlignment: Text.AlignHCenter
        }
        Text {
            Layout.fillWidth: true
            text: "Конфиг: " + config.configPath
            color: settingsContainer.darkMode ? "#cccccc" : "#444444"
            font.pixelSize: 11
            elide: Text.ElideMiddle
            horizontalAlignment: Text.AlignHCenter
        }
    }
}