/*  Copyright 2016 ALPS ELECTRIC CO., LTD.
*
*   Licensed under the Apache License, Version 2.0 (the "License");
*   you may not use this file except in compliance with the License.
*   You may obtain a copy of the License at
*
*   http://www.apache.org/licenses/LICENSE-2.0
*
*   Unless required by applicable law or agreed to in writing, software
*   distributed under the License is distributed on an "AS IS" BASIS,
*   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
*   See the License for the specific language governing permissions and
*   limitations under the License.
*/

import QtQuick 2.0
import QtQuick.Layouts 1.1
import QtQuick.Dialogs 1.1
import QtQuick.Controls 1.0
import QtQuick.Controls.Styles 1.0
import system 1.0

import "../../doc/"
import "../../imports/system/"

ApplicationWindow {

    visible: true
    //width: 768
    //height: 1024
    width: 1080
    height: 1920
    property string protocol: 'http://'
    property string ipAddress: '127.0.0.1'
    property string portNumber: Qt.application.arguments[1]
    property string tokenString: Qt.application.arguments[2]
    property string wifiAPI: '/api/wifi-manager/'

    property string wifiAPIpath: protocol + ipAddress + ':' + portNumber + wifiAPI

    function showRequestInfo(text) {
        log.text = log.text + "\n" + text
        console.log(text)
    }

    Text {
        id: log
        anchors.fill: parent
        anchors.margins: 10
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        //text: "log"
    }

    GridLayout {
        ExclusiveGroup {
            id: wifiPowerGroup
        }
        visible: true

        id: seekDeviceType
        //x: 400
        //y: 105
        anchors.top: parent.top
        anchors.topMargin: 30

        //anchors.bottomMargin: -30 //-20
        anchors.horizontalCenter: parent.horizontalCenter
        //visible: !tuningMethodManualSwitchButton.checked

        //anchors.top:  functionalityCheckBoxGrid.bottom
        columns: 13
        rows: 1

        columnSpacing: 60

        Text {
            text: qsTr("WiFi power")
        }

        RadioButton {
            id: wifiPowerOFF
            exclusiveGroup: wifiPowerGroup
            checked: true
            onClicked: {

                console.log("OFF")

                request(wifiAPIpath + 'deactivate', function (o) {

                    // log the json response
                    //showRequestInfo(o.responseText)
                    console.log(o.responseText)
                })
            }
            Text {
                text: qsTr("OFF")
                anchors.left: parent.left
                anchors.leftMargin: 30
            }
        }

        RadioButton {
            id: wifiPowerON
            exclusiveGroup: wifiPowerGroup
            onClicked: {

                console.log("ON")

                request(wifiAPIpath + 'activate', function (o) {

                    // log the json response
                    //showRequestInfo(o.responseText)
                    console.log(o.responseText)
                })
                periodicRefresh.start()
            }

            Text {
                text: qsTr("ON")
                anchors.left: parent.left
                anchors.leftMargin: 30
                //color: checkBoxTextStyleBands.fontColor
                //font.pixelSize: checkBoxTextStyleBands.fontSize
            }
        }
    }


    //    onTechnologyEnabledChanged: {
    //        console.log("Wifi set to", technologyEnabled)

    //        if (technologyEnabled == true) {

    //            //start periodic refresh, only for now
    //            periodicRefresh.start()

    //            request(wifiAPIpath + 'activate', function (o) {

    //                // log the json response
    //                showRequestInfo(o.responseText)
    //                console.log(o.responseText)
    //            })
    //        } else {

    //            //console.log(networkPath)
    //            networkList.clear()

    //            request(wifiAPIpath + 'deactivate', function (o) {

    //                // log the json response
    //                showRequestInfo(o.responseText)
    //                console.log(o.responseText)
    //            })
    //        }
    //    }
    Text {
        anchors.centerIn: parent
        font.pixelSize: 40
        color: "white"
        visible: false
        text: "Wifi TB by ALCZ"
    }

    function listWifiNetworks() {
        console.log("test #4")
    }

    ListModel {
        id: networkList
    }

    Rectangle {
        id: buttonNetworkList
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: parent.bottom

        anchors.margins: 10
        width: buttonNetworkListText.width + 10
        height: buttonScanText.height + 10
        border.width: buttonNetworkListMouseArea.pressed ? 2 : 1
        radius: 5
        antialiasing: true
        color: "#222"
        border.color: "white"

        Text {
            color: "white"
            id: buttonNetworkListText
            anchors.centerIn: parent
            text: "GET NETWORK LIST"
            font.pixelSize: 40
        }

        ListModel {
            id: listModel
        }

        MouseArea {
            id: buttonNetworkListMouseArea
            anchors.fill: parent

            onClicked: {
                log.text = ""
                console.log("\n")

                networkList.clear()

                request(wifiAPIpath + 'scan_result', function (o) {

                    // log the json response
                    console.log(o.responseText)

                    // translate response into object
                    var jsonObject = eval('(' + o.responseText + ')')

                    var jsonObjectNetworks = eval(
                                '(' + JSON.stringify(jsonObject.response) + ')')

                    //console.log(jsonObject.response)
                    for (var i = 0; i < jsonObjectNetworks.length; i++) {

                        networkList.append({
                                               number: jsonObjectNetworks[i].Number,
                                               name: jsonObjectNetworks[i].ESSID,
                                               strength: jsonObjectNetworks[i].Strength,
                                               serviceState: jsonObjectNetworks[i].State,
                                               security: jsonObjectNetworks[i].Security,
                                               address: jsonObjectNetworks[i].IPAddress
                                           })
                        console.log(jsonObjectNetworks[i].Number,
                                    jsonObjectNetworks[i].ESSID,
                                    jsonObjectNetworks[i].Strength,
                                    jsonObjectNetworks[i].State,
                                    jsonObjectNetworks[i].Security,
                                    jsonObjectNetworks[i].IPAddress)
                    }
                })
            }
        }
    }

    Rectangle {
        id: buttonScan
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: parent.bottom
        anchors.margins: 80
        width: buttonScanText.width + 10
        height: buttonScanText.height + 10
        border.width: mouseArea.pressed ? 2 : 1
        //radius: 5
        //antialiasing: true
        //color: "black"
        color: "#222"
        border.color: "white"

        Text {
            id: buttonScanText
            anchors.centerIn: parent
            text: "SCAN"
            color: "white"
            font.pixelSize: 40
        }

        MouseArea {
            id: mouseArea
            anchors.fill: parent

            onClicked: {
                log.text = ""
                console.log("\n")

                request(wifiAPIpath + 'scan', function (o) {

                    // log the json response
                    //showRequestInfo(o.responseText)
                    console.log(o.responseText)
                })
            }
        }
    }

    function request(url, callback) {
        var xhr = new XMLHttpRequest()
        xhr.onreadystatechange = (function (myxhr) {

            return function () {

                if (xhr.readyState == 4 && xhr.status == 200)
                    callback(myxhr)
            }
        })(xhr)
        xhr.open('GET', url, false)
        xhr.send('')
    }

    /* function signalStrength(strength) {
     if (strength < 30)
          return "poor"
      else if (strength >= 30 && strength < 50)
          return "fair"
     else if (strength >= 50 && strength < 70)
          return "good"
     else
          return "excellent"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          }*/
    function securityType(security) {

        //        if ((security === "[ psk ]") || (security === "[ psk wps ]"))
        //            return "secured"
        //        else
        //            return "unsecured"
        if (security === "Open")
            return "unsecured"
        else
            return "secured"
    }

    Component {
        id: wifiDevice

        Rectangle {
            height: 150
            width: parent.width
            color: "#222"

            Image {
                anchors.top: parent.top
                anchors.topMargin: 7
                anchors.left: parent.left
                width: 70
                height: 50
                id: icon
                source: {
                    if (securityType(security) === "unsecured") {
                        if (strength < 30)
                            source = "components/images/wifi1.png"
                        else if (strength >= 30 && strength < 50)
                            source = "components/images/wifi2.png"
                        else if (strength >= 50 && strength < 70)
                            source = "components/images/wifi3.png"
                        else
                            source = "components/images/wifi4.png"
                    } else {
                        if (strength < 30)
                            source = "components/images/wifi1-lock.png"
                        else if (strength >= 30 && strength < 50)
                            source = "components/images/wifi2-lock.png"
                        else if (strength >= 50 && strength < 70)
                            source = "components/images/wifi3-lock.png"
                        else
                            source = "components/images/wifi4-lock.png"
                    }
                }
            }

            Column {
                anchors.left: icon.right
                anchors.leftMargin: 10
                Text {
                    text: name
                    font.pointSize: 20
                    font.bold: {
                        if ((serviceState === "ready")
                                || serviceState === "online")
                            font.bold = true
                        else
                            font.bold = false
                    }

                    color: {
                        if ((serviceState === "ready")
                                || serviceState === "online")
                            color = "#00ff00"
                        else
                            color = "#ffffff"
                    }
                }

                Text {
                    //text: serviceState + ", RSSI: " + strength + security
                    /* text: {
                      if ((serviceState === "ready") || serviceState === "online")
                         text = "signal " + signalStrength(strength) + ", " + "connected" + ", " + address
                      else
                      text = "signal " + signalStrength(strength) + ", " + securityType(security) + " network" + ", " + serviceState
                    }*/
                    visible: ((serviceState === "ready")
                              || serviceState === "online") ? true : false
                    text: "connected, " + address
                    font.pointSize: 18
                    color: "#ffffff"
                    font.italic: true
                }
            }

            Button {
                id: connectButton
                anchors.top: parent.top
                anchors.right: parent.right
                anchors.rightMargin: 5

                width: 250

                //text: ""

                //anchors.rightMargin: 40
                //buttonText: "Connect"
                //                style: ButtonStyle {
                //                label: Text {
                //                    text: control.text
                //                    color: "blue"
                //                    text: control.text
                //                }
                //}

                //                buttonText: {

                //                    if ((serviceState === "ready") || serviceState === "online")
                //                        buttonText = "Forget"
                //                    else
                //                        buttonText = "Connect"}
                MouseArea {
                    anchors.fill: parent

                    Text {
                        anchors.fill: parent
                        id: buttonTextLabel
                        font.pixelSize: 15
                        font.bold: true
                        color: "black"
                        verticalAlignment: Text.AlignVCenter
                        horizontalAlignment: Text.AlignHCenter
                        text: {
                            if ((serviceState === "ready")
                                    || serviceState === "online")
                                text = "Forget"
                            else
                                text = "Connect"
                        }
                    }

                    onClicked: {

                        //connectButton.border.color = "steelblue"
                        if ((serviceState === "ready")
                                || serviceState === "online") {

                            //means we are connected
                            console.log("Disconnecting from", index, " ,", name)
                            request(wifiAPIpath + 'disconnect?network=' + index,
                                    function (o) {

                                        //showRequestInfo(o.responseText)
                                        console.log(o.responseText)
                                    })
                        } else {
                            console.log("Conect to", index, " ,", name)

                            //passwordDialog.open()
                            request(wifiAPIpath + 'connect?network=' + index,
                                    function (o) {

                                        // log the json response
                                        //showRequestInfo(o.responseText)
                                        console.log(o.responseText)
                                    })
                        }
                    }
                }
            }

            Button {
                id: passwordButton
                anchors.top: parent.top
                anchors.right: parent.right
                width: 40
                visible: (securityType(security) === "unsecured") ? false : true

                //anchors.rightMargin: connectButton.width + 5
                //buttonText: "Connect"
                text: {
                    "Key" //or some icon?
                }

                MouseArea {
                    anchors.fill: parent

                    onClicked: {

                        //connectButton.border.color = "steelblue"
                        passwordInputText.visible = true
                        connectButton.visible = false
                        passwordValidateButton.visible = true

                        System.showKeyboard = visible

                        //passwordInputText.o
                        periodicRefresh.stop()

                        var passkey = passwordInputText.text.valueOf()

                        //var passkey = 'randompassword'
                        console.log("Disconnecting from", index, " ,", name)
                    }
                }
            }

            Button {
                id: passwordValidateButton
                anchors.top: parent.top
                anchors.right: parent.right
                anchors.rightMargin: connectButton.width + 5
                width: 40
                visible: false

                //anchors.rightMargin: connectButton.width + 5
                //buttonText: "Connect"
                text: {
                    "ok" //or some icon?
                }

                MouseArea {
                    anchors.fill: parent

                    onClicked: {
                        //passwordInputText = ""
                        var passkey = passwordInputText.text.valueOf()
                        console.log("Validating", passkey)
                        System.showKeyboard = false

                        console.log("Passkey is", passkey)
                        request(wifiAPIpath + 'security?passkey=' + passkey,
                                function (o) {

                                    //showRequestInfo(o.responseText)
                                    console.log(o.responseText)
                                })
                        passwordValidateButton.visible = false
                        passwordInputText.visible = false
                        connectButton.visible = true

                        keyboard.currentString = ""

                        periodicRefresh.start()
                    }
                }
            }

            TextInput {
                id: passwordInputText
                anchors.top: parent.top
                anchors.right: parent.right
                anchors.rightMargin: 5

                font.pointSize: 15
                color: "#ffffff"

                width: connectButton.width
                visible: false
                text: keyboard.currentString
            }
        }
    }

    ListView {
        width: parent.width
        anchors.top: parent.top
        anchors.topMargin: 70
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 150
        model: networkList //WifiList {}
        delegate: wifiDevice
        clip: true
    }

    //Timer for periodic refresh; this is BAD solution, need to figure out how to subscribe for events
    Timer {
        id: periodicRefresh
        interval: 5000 // 5seconds
        onTriggered: {

            networkList.clear()

            request(wifiAPIpath + 'scan_result', function (o) {

                // log the json response
                console.log(o.responseText)

                // translate response into object
                var jsonObject = eval('(' + o.responseText + ')')

                var jsonObjectNetworks = eval('(' + JSON.stringify(
                                                  jsonObject.response) + ')')

                console.log("WiFi list refreshed")

                //console.log(jsonObject.response)
                for (var i = 0; i < jsonObjectNetworks.length; i++) {

                    networkList.append({
                                           number: jsonObjectNetworks[i].Number,
                                           name: jsonObjectNetworks[i].ESSID,
                                           strength: jsonObjectNetworks[i].Strength,
                                           serviceState: jsonObjectNetworks[i].State,
                                           security: jsonObjectNetworks[i].Security,
                                           address: jsonObjectNetworks[i].IPAddress
                                       })
                    //                    console.log(jsonObjectNetworks[i].Number,
                    //                                jsonObjectNetworks[i].ESSID,
                    //                                jsonObjectNetworks[i].Strength,
                    //                                jsonObjectNetworks[i].State,
                    //                                jsonObjectNetworks[i].Security)
                }
            })

            start()
        }
    }

    Keyboard {
        id: keyboard
        y: System.showKeyboard ? parent.height - height : parent.height
        width: parent.width
    }
}