import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Extras 1.4
import QtQuick.Controls 2.3


Window {
    width: 400
    height: 125

    // Make window not resizeable
    maximumHeight: height
    maximumWidth: width

    // Make window not resizeable
    minimumHeight: height
    minimumWidth: width

    id: window
    visible: true
    opacity: 1
    title: qsTr("Remote Support for your Desktop")

    Text {
        id: dbus_api_status_text
        y: 89
        text: qsTr("Unknown state of service")
        font.family: "Verdana"
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 5
        anchors.left: parent.left
        anchors.leftMargin: 5
        font.pixelSize: 12
    }

    StatusIndicator {
        id: dbus_api_status_indicator
        y: 110
        width: 15
        height: 15
        color: "#73d216"
        anchors.bottom: dbus_api_status_text.bottom
        anchors.bottomMargin: 0
        anchors.left: dbus_api_status_text.right
        anchors.leftMargin: 5
        visible: true
        active: false
    }

    DelayButton {
        id: start_support_button
        x: 5
        width: 350
        height: 30
        text: qsTr("Allow remote desktop support")
        anchors.top: pin_text.bottom
        anchors.topMargin: 5
        anchors.horizontalCenterOffset: 0
        anchors.horizontalCenter: pin_text.horizontalCenter
        wheelEnabled: false
        font.wordSpacing: 0
        spacing: 0
        font.weight: Font.Normal
        antialiasing: false
        font.bold: true
        font.family: "Verdana"
        checkable: true
        autoRepeat: true
        autoExclusive: false
        display: AbstractButton.TextBesideIcon
        checked: false
    }

    Text {
        id: your_pin_text
        width: 210
        height: 15
        text: qsTr("Access pin to this computer")
        verticalAlignment: Text.AlignVCenter
        horizontalAlignment: Text.AlignHCenter
        anchors.horizontalCenterOffset: 0
        anchors.horizontalCenter: parent.horizontalCenter
        clip: false
        anchors.top: parent.top
        anchors.topMargin: 15
        font.family: "Verdana"
        fontSizeMode: Text.Fit
        font.pixelSize: 16
    }

    Text {
        objectName: "pin_text"
        id: pin_text
        x: 235
        width: 210
        height: 28
        // ':' translation info
        //: Do not translate!
        //: The supporter needs to authenticate in the remote web app (django) frontend with this pin
        text: qsTr("%1").arg(pin)
        property string pin: "-----"
        font.letterSpacing: 10
        anchors.horizontalCenterOffset: 0
        font.pixelSize: 26
        anchors.horizontalCenter: your_pin_text.horizontalCenter
        anchors.top: your_pin_text.bottom
        anchors.topMargin: 5
        font.family: "Verdana"
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        fontSizeMode: Text.Fit
    }
}