import QtQuick 2.3
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.4
import QtQuick.Dialogs 1.2
import QtQuick.Extras 1.4
import QtQuick.Layouts 1.3

import QGroundControl 1.0
import QGroundControl.ScreenTools 1.0
import QGroundControl.Vehicle 1.0
import QGroundControl.Controls 1.0
import QGroundControl.FactSystem 1.0
import QGroundControl.FactControls 1.0
import QGroundControl.Palette 1.0
import QGroundControl.FlightMap 1.0
import MeasurementComplexItem 1.0 as MCI

Rectangle {
    id: _root
    height: visible ? (mainColumn.height + (_margin * 2)) : 0
    width: availableWidth
    color: qgcPal.windowShadeDark
    radius: _radius

    // The following properties must be available up the hierarchy chain
    //property real   availableWidth    ///< Width for control
    //property var    missionItem       ///< Mission Item for editor
    property real _margin: ScreenTools.defaultFontPixelWidth / 2
    property real _fieldWidth: ScreenTools.defaultFontPixelWidth * 10.5
    property var _vehicle: QGroundControl.multiVehicleManager.activeVehicle ? QGroundControl.multiVehicleManager.activeVehicle : QGroundControl.multiVehicleManager.offlineEditingVehicle
    property var _missionItem: missionItem
    property var _areaData: missionItem.areaData

    QGCPalette {
        id: qgcPal
        colorGroupEnabled: true
    }

    Column {
        // main Column
        id: mainColumn
        anchors.margins: _margin
        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right
        spacing: _margin

        QGCTabBar {
            id: tabBar
            anchors.left: parent.left
            anchors.right: parent.right

            enabled: !editing

            readonly property int areaEditorIndex: 0
            readonly property int parameterEditorIndex: 1
            readonly property int nemoEditorIndex: 2
            property bool editing: _missionItem.editing

            Component.onCompleted: currentIndex = editing ? areaEditorIndex : parameterEditorIndex

            QGCTabButton {
                icon.source: "qrc:/res/waypoint.svg"
                icon.height: ScreenTools.defaultFontPixelHeight
            }
            QGCTabButton {
                icon.source: "/qmlimages/PatternGrid.png"
                icon.height: ScreenTools.defaultFontPixelHeight
            }
            QGCTabButton {
                icon.source: "qrc:/res/fish.svg"
                icon.height: ScreenTools.defaultFontPixelHeight
            }
        }

        MCI.AreaDataEditor {
            id: areaEditor

            visible: tabBar.currentIndex === tabBar.areaEditorIndex
            missionItem: _root._missionItem
            availableWidth: mainColumn.width
        }

        MCI.ParameterEditor {
            id: parameterEditor

            visible: tabBar.currentIndex === tabBar.parameterEditorIndex
            missionItem: _root._missionItem
            availableWidth: mainColumn.width
        }

        MCI.NemoEditor {
            id: nemoEditor

            visible: tabBar.currentIndex === tabBar.nemoEditorIndex
            missionItem: _root._missionItem
            availableWidth: mainColumn.width
        }
    } // main Column
} // Rectangle