import QtQuick 2.0

import QtQuick.Layouts 1.11
import QtQuick.Controls 1.4
import QGroundControl.Controls 1.0
import QGroundControl.FactControls 1.0
import QGroundControl.ScreenTools 1.0

GridLayout {
    id: _root

    property bool checked: true
    property var missionItem: undefined
    property int availableWidth: 300
    property bool areasCorrect: false
    property string errorString: ""

    signal abort

    property var _areaData: missionItem.areaData
    property real _margin: ScreenTools.defaultFontPixelWidth / 2

    columnSpacing: _margin
    rowSpacing: _margin
    columns: 2

    Component.onCompleted: {
        console.assert(missionItem !== undefined,
                       "please set the missionItem property")
        if (checked) {
            areasCorrectTimer.start()
        }
    }

    onCheckedChanged: {
        if (checked) {
            areasCorrectTimer.start()
        } else {
            areasCorrectTimer.stop()
        }
    }

    ExclusiveGroup {
        id: areaGroup
    }

    QGCLabel {
        id: tipLabel
        wrapMode: Text.WordWrap
        horizontalAlignment: Text.AlignHCenter
        text: qsTr("Use the Area Editor to modify areas.")
        Layout.fillWidth: true
        Layout.columnSpan: parent.columns
    }

    Repeater {
        id: areaSelector

        property int selectedIndex: -1

        model: _missionItem.areaData.areaList
        delegate: QGCRadioButton {
            text: object.objectName
            checkable: _root.checked
            Layout.fillWidth: true
            Layout.columnSpan: 2

            onCheckedChanged: {
                if (checked) {
                    areaSelector.selectedIndex = index
                }
            }

            Component.onCompleted: {
                if (index === 0) {
                    checked = true
                }
                object.interactive = Qt.binding(function () {
                    return checked && _root.checked
                })
            }
        }
    } // area Repeater

    ColumnLayout {
        id: editorParent
        Layout.fillWidth: true
        Layout.maximumWidth: parent.width
        Layout.columnSpan: 2
    }

    Repeater {
        id: areaEditorRepeater

        Layout.maximumWidth: parent.width

        model: _missionItem.areaData.areaList
        delegate: Item {
            id: editor
            visible: index == areaSelector.selectedIndex

            property var _visualItem: undefined
            property var geoArea: object

            Component.onCompleted: {
                if (geoArea.editorQML && !_visualItem) {
                    var component = Qt.createComponent(geoArea.editorQML)
                    if (component.status === Component.Error) {
                        console.log("Error loading Qml: ", geoArea.editorQML,
                                    component.errorString())
                    } else {
                        _visualItem = component.createObject(editorParent, {
                                                                 "geoArea": editor.geoArea,
                                                                 "visible": Qt.binding(function () {
                                                                     return editor.visible
                                                                 }),
                                                                 "availableWidth": Qt.binding(
                                                                                       function () {
                                                                                           return editorParent.width
                                                                                       })
                                                             })
                    }
                }
            }

            Component.onDestruction: {
                if (_visualItem) {
                    _visualItem.destroy()
                }
            }
        } // editor
    } // areaEditorRepeater

    SectionHeader {
        id: commandsHeader
        Layout.fillWidth: true
        Layout.columnSpan: parent.columns
        text: qsTr("Commands and Errors")
    }

    GridLayout {
        columnSpacing: _margin
        rowSpacing: _margin
        columns: 2
        Layout.columnSpan: 2
        Layout.fillWidth: true
        visible: commandsHeader.checked

        QGCLabel {
            text: qsTr("Message: ") + _root.errorString
            wrapMode: Text.WordWrap
            horizontalAlignment: Text.AlignHCenter
            color: "orange"
            Layout.columnSpan: parent.columns
            Layout.fillWidth: true
            visible: !_root.areasCorrect
        }

        QGCButton {
            text: "Intersection"
            enabled: _root.checked
            Layout.fillWidth: true
            Layout.columnSpan: parent.columns
            onClicked: {
                _areaData.intersection()
            }
        }

        QGCButton {
            text: "Reset"
            onClicked: {
                _root.abort()
            }
            Layout.fillWidth: true
            Layout.columnSpan: parent.columns
        }
    }

    Timer {
        id: areasCorrectTimer
        running: false
        interval: 100
        repeat: true

        onTriggered: {
            _root.areasCorrect = _missionItem.areaData.isCorrect(
                        false /*show gui message*/
                        )
            if (!_root.areasCorrect) {
                _root.errorString = _missionItem.areaData.errorString
            } else {
                _root.errorString = ""
            }
        }
    }
}