/*
 * Copyright (C) 2016 The Qt Company 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.6
import QtQuick.Layouts 1.1
import QtQuick.Controls 2.0
import AGL.Demo.Controls 1.0
import QtWebSockets 1.0

ApplicationWindow {
	id: root

	// GET BINDINGS VARIABLES
	property string port_str: Qt.application.arguments[1]
	property string token_str: Qt.application.arguments[2]
	property string address_str: "ws://localhost:"+port_str+"/api?token="+token_str
	property string api_str: "hvac"
	property string request_str: ""
	property string status_str: "waiting..."
	property var msgid_enu: { "call":2, "retok":3, "reterr":4, "event":5 }

	// WEBSOCKET WIDGET (MAIN LOGIC)

	WebSocket {
		id: websocket
		url: address_str
		onTextMessageReceived: {
			 // VERB RESPONSE VALIDATION
			var message_json = JSON.parse (message)
			var request_json = message_json[2].request
			if (message_json[0] != msgid_enu.retok) {
				console.log ("Return value is not ok !")
				status_str = "Bad return value, binding probably not installed"
				return
			}
			 // VERB RESPONSE PARSING AND LOGIC
			status_str = request_json.info
		}
		onStatusChanged: {
			if (websocket.status == WebSocket.Error)
				status_str = "WebSocket error: " + websocket.errorString
		}
		active: true
	}

	ColumnLayout {
	    anchors.fill: parent
	    anchors.topMargin: width / 10
	    anchors.bottomMargin: width / 10
	    RowLayout {
	        Layout.fillHeight: true
	        Layout.alignment: Qt.AlignHCenter
	        Image {
	            source: './images/HMI_HVAC_Fan_Icon.svg'
	        }
	        Item {
	            width: root.width * 0.8
	            Slider {
	                id: fanSpeed
	                anchors.left: parent.left
	                anchors.right: parent.right
	                anchors.verticalCenter: parent.verticalCenter
	                onValueChanged: {
			    request_str = '[' + msgid_enu.call + ',"99999","'+ api_str +'/ping", { "'+ id + '": '+ value +' } ]';
	                    console.debug('Fan', value)
	                }
	            }
	            Label {
	                anchors.left: fanSpeed.left
	                anchors.top: fanSpeed.bottom
	                font.pixelSize: 32
	                text: 'FAN SPEED'
	            }
	        }
	    }
	    RowLayout {
		/*
		 *
		 * Button {
			 id: LeftTemperature
			 background: Image{
				 source: './images/HMI_HVAC_Plus.svg'
			}
		 *	onClicked: {
		 *		request_str = '[' + msgid_enu.call + ',"' + i +'","hvac/set", { "LeftTemperature": val++ ]';
		 *		websocket.sendTextMessage (request_str)
		 *	}
		 */
	        Layout.fillHeight: true
	        Layout.fillWidth: true
	        Layout.alignment: Layout.Center
	        spacing: 20
	        ColumnLayout {
	            Layout.fillWidth: true
	            spacing: 20
	            SeatHeatButton {
	                id: leftSeat
	                side: 'Left'
	            }
	            HeatDegree {
	                enabled: leftSeat.headLevel > 0
	            }
	        }
	        ColumnLayout {
	            Layout.fillWidth: true
	            spacing: 20
	            ToggleButton {
	                onImage: './images/HMI_HVAC_Active.svg'
	                offImage: './images/HMI_HVAC_Inactive.svg'
	                Label {
	                    anchors.centerIn: parent
	                    color: parent.checked ? '#66FF99' : '#848286'
	                    text: 'A/C'
	                    font.pixelSize: parent.height / 3
	                }
	                onCheckedChanged: {
	                    console.debug('A/C', checked)
	                }
	            }
	            ToggleButton {
	                onImage: './images/HMI_HVAC_Active.svg'
	                offImage: './images/HMI_HVAC_Inactive.svg'
	                Label {
	                    anchors.centerIn: parent
	                    color: parent.checked ? '#66FF99' : '#848286'
	                    text: 'AUTO'
	                    font.pixelSize: parent.height / 3
	                }
	                onCheckedChanged: {
	                    console.debug('AUTO', checked)
	                }
	            }
	            ToggleButton {
	                onImage: './images/HMI_HVAC_Circulation_Active.svg'
	                offImage: './images/HMI_HVAC_Circulation_Inactive.svg'
	                onCheckedChanged: {
	                    console.debug('Circulation', checked)
	                }
	            }
	        }

	        ColumnLayout {
	            Layout.fillWidth: true
	            spacing: 20
	            SeatHeatButton {
	                id: rightSeat
	                side: 'Right'
	            }
	            HeatDegree {
	                enabled: rightSeat.headLevel > 0
	            }
	        }
	    }

	    RowLayout {
	        Layout.fillHeight: true
	        Layout.alignment: Qt.AlignHCenter
	        spacing: root.width / 20
	        Repeater {
	            model: ['AirDown', 'AirUp', 'AirRight', 'Rear', 'Front']
	            ToggleButton {
	                onImage: './images/HMI_HVAC_%1_Active.svg'.arg(model.modelData)
	                offImage: './images/HMI_HVAC_%1_Inactive.svg'.arg(model.modelData)
	                onCheckedChanged: {
	                    console.debug(model.modelData, checked)
	                }
	            }
	        }
	    }
	}
}