import QtQuick 2.5
import QtQuick.Controls 2.1
import QtQuick.Controls.Material 2.1
import QtQuick.Layouts 1.1
import Nymea 1.0
import "components"

Page {
    id: root
    header: GuhHeader {
        text: qsTr("Box settings")
        backButtonVisible: true
        onBackPressed: pageStack.pop()

        HeaderButton {
            imageSource: {
                switch (engine.connection.currentConnection.bearerType) {
                case Connection.BearerTypeLan:
                case Connection.BearerTypeWan:
                    if (engine.connection.availableBearerTypes & NymeaConnection.BearerTypeEthernet != NymeaConnection.BearerTypeNone) {
                        return "../images/network-wired-offline.svg"
                    }
                    return "../images/network-wifi-offline.svg";
                case Connection.BearerTypeBluetooth:
                    return "../images/network-wifi-offline.svg";
                case Connection.BearerTypeCloud:
                    return "../images/cloud-offline.svg"
                }
                return ""
            }
            onClicked: {
                tabSettings.lastConnectedHost = "";
                engine.connection.disconnect();
            }
        }
    }

    Flickable {
        anchors.fill: parent
        contentHeight: layout.implicitHeight

        GridLayout {
            id: layout
            property bool isGrid: columns > 1
            anchors { left: parent.left; top: parent.top; right: parent.right; margins: isGrid ? app.margins : 0 }
            columns: Math.max(1, Math.floor(parent.width / 300))
            rowSpacing: isGrid ? app.margins : 0
            columnSpacing: isGrid ? app.margins : 0

            Pane {
                Layout.fillWidth: true
                Material.elevation: layout.isGrid ? 1 : 0
                padding: 0
                MeaListItemDelegate {
                    width: parent.width
                    iconName: "../images/configure.svg"
                    text: qsTr("General")
                    subText: qsTr("Change system name and time zone")
                    prominentSubText: false
                    wrapTexts: false
                    onClicked: pageStack.push(Qt.resolvedUrl("system/GeneralSettingsPage.qml"))
                }
            }

            Pane {
                Layout.fillWidth: true
                Material.elevation: layout.isGrid ? 1 : 0

                padding: 0
                MeaListItemDelegate {
                    width: parent.width
                    iconName: "../images/logs.svg"
                    text: qsTr("Log viewer")
                    subText: qsTr("View system log")
                    prominentSubText: false
                    wrapTexts: false
                    onClicked: pageStack.push(Qt.resolvedUrl("system/LogViewerPage.qml"))
                }
            }

            Pane {
                Layout.fillWidth: true
                Material.elevation: layout.isGrid ? 1 : 0

                padding: 0
                MeaListItemDelegate {
                    width: parent.width
                    iconName: "../images/cloud.svg"
                    text: qsTr("Cloud")
                    subText: qsTr("Connect this box to %1:cloud").arg(app.systemName)
                    prominentSubText: false
                    wrapTexts: false
                    visible: engine.jsonRpcClient.ensureServerVersion("1.9")
                    onClicked: pageStack.push(Qt.resolvedUrl("system/CloudSettingsPage.qml"))
                }
            }

            Pane {
                Layout.fillWidth: true
                Material.elevation: layout.isGrid ? 1 : 0

                padding: 0
                MeaListItemDelegate {
                    width: parent.width
                    iconName: "../images/network-vpn.svg"
                    text: qsTr("API interfaces")
                    prominentSubText: false
                    wrapTexts: false
                    subText: qsTr("Configure how clients interact with this box")
                    onClicked: pageStack.push(Qt.resolvedUrl("system/ConnectionInterfacesPage.qml"))
                }
            }

            Pane {
                Layout.fillWidth: true
                Material.elevation: layout.isGrid ? 1 : 0

                padding: 0
                MeaListItemDelegate {
                    width: parent.width
                    iconName: "../images/mqtt.svg"
                    text: qsTr("MQTT broker")
                    subText: qsTr("Configure the MQTT broker")
                    prominentSubText: false
                    wrapTexts: false
                    visible: engine.jsonRpcClient.ensureServerVersion("1.11")
                    onClicked: pageStack.push(Qt.resolvedUrl("system/MqttBrokerSettingsPage.qml"))
                }
            }

            Pane {
                Layout.fillWidth: true
                Material.elevation: layout.isGrid ? 1 : 0

                padding: 0
                MeaListItemDelegate {
                    width: parent.width
                    iconName: "../images/stock_website.svg"
                    text: qsTr("Web server")
                    subText: qsTr("Configure the web server")
                    prominentSubText: false
                    wrapTexts: false
                    onClicked: pageStack.push(Qt.resolvedUrl("system/WebServerSettingsPage.qml"))
                }

            }

            Pane {
                Layout.fillWidth: true
                Material.elevation: layout.isGrid ? 1 : 0

                padding: 0
                MeaListItemDelegate {
                    width: parent.width
                    iconName: "../images/plugin.svg"
                    text: qsTr("Plugins")
                    subText: qsTr("List and cofigure installed plugins")
                    prominentSubText: false
                    wrapTexts: false
                    onClicked:pageStack.push(Qt.resolvedUrl("system/PluginsPage.qml"))
                }
            }

            Pane {
                Layout.fillWidth: true
                Material.elevation: layout.isGrid ? 1 : 0

                padding: 0
                MeaListItemDelegate {
                    width: parent.width
                    iconName: "../images/sdk.svg"
                    text: qsTr("Developer tools")
                    subText: qsTr("Access tools for debugging and error reporting")
                    prominentSubText: false
                    wrapTexts: false
                    onClicked: pageStack.push(Qt.resolvedUrl("system/DeveloperTools.qml"))
                }
            }

            Pane {
                Layout.fillWidth: true
                Material.elevation: layout.isGrid ? 1 : 0

                padding: 0
                MeaListItemDelegate {
                    width: parent.width
                    iconName: "../images/info.svg"
                    text: qsTr("About %1:core").arg(app.systemName)
                    subText: qsTr("Find server UUID and versions")
                    prominentSubText: false
                    wrapTexts: false
                    onClicked: pageStack.push(Qt.resolvedUrl("system/AboutNymeaPage.qml"))
                }
            }
        }
    }
}