/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

import QtQuick 2.0
import system 1.0
import utils 1.0
import "models"

App {
    appId: "hvac"

    HazardButton {
        id: hazardButton
        y: 100
        anchors.horizontalCenter: parent.horizontalCenter
    }

    TempSlider {
        id: lTempSlider
        x: 30
        anchors.top: hazardButton.bottom
        anchors.topMargin: 115
        side: "left"
    }

    Row {
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: hazardButton.bottom
        anchors.topMargin: 90
        spacing: 200


        MiddleColumn { side: "left" }
        MiddleColumn { side: "right" }
    }

    TempSlider {
        id: rTempSlider
        anchors.top: hazardButton.bottom
        anchors.topMargin: 115
        anchors.right: parent.right
        anchors.rightMargin: 30
        side: "right"
    }

    Image {
        y: 1057
        source: "images/separator.png"
    }

    FanControl {
        x: 259
        y: 1092
    }

    Item {
        anchors.horizontalCenter: parent.horizontalCenter
        width: childrenRect.width
        height: childrenRect.height
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 40

        Row {
            spacing: 20

            Column {
                spacing: 10

                ClimateButton { image: "fan_dir_down"; target: "fanDown" }
                ClimateButton { image: "fan_dir_right"; target: "fanRight" }
                ClimateButton { image: "fan_dir_up"; target: "fanUp" }
            }

            ClimateButton {
                y: 156
                image: "fan_control_ac"; target: "fanAC"
            }
            ClimateButton { y: 156; image: "fan_control_auto"; target: "fanAuto" }
            ClimateButton { y: 156; image: "fan_control_circ"; target: "fanRecirc" }

            Column {
                spacing: 10

                ClimateButton { image: "defrost_max"; target: "defrostMax" }
                ClimateButton { image: "defrost_rear"; target: "defrostRear" }
                ClimateButton { image: "defrost_front"; target: "defrostFront" }
            }
        }
    }
}