import QtQuick 2.0
import QtQuick.Layouts 1.13
import QtQuick.Controls 2.12
import de.skycoder42.QtMvvm.Core 1.0
import de.skycoder42.QtMvvm.Quick 1.0
import com.example.consoleemulator 1.0

import "qrc:/emulator/elements"
import "qrc:/emulator/components"
import "qrc:/const"
import "qrc:/qtmvvm/views"

GridLayout {
    x: 20
    y: 50
    rowSpacing: 30
    columns: 4

    property var widthOfBtns: 130
    property var probeList: []

    Item {
        Layout.fillWidth: true
        implicitHeight: Const.macroButton * 2
        ProbeButton {
            anchors.centerIn: parent
            implicitWidth: width * 1.25
            name: "slot4"
            image: "qrc:/icons/topLeft/probe.png"
        }
    }
    Item {
        Layout.fillWidth: true
        implicitHeight: Const.macroButton * 2
        ProbeButton {
            anchors.centerIn: parent
            implicitWidth: width * 1.25
            name: "slot3"
            image: "qrc:/icons/topLeft/probe.png"
        }
    }
    Item {
        Layout.fillWidth: true
        implicitHeight: Const.macroButton * 2
        ProbeButton {
            anchors.centerIn: parent
            implicitWidth: width * 1.25
            name: "slot2"
            image: "qrc:/icons/topLeft/probe.png"
        }
    }
    Item {
        Layout.fillWidth: true
        implicitHeight: Const.macroButton * 2
        ProbeButton {
            anchors.centerIn: parent
            implicitWidth: width * 1.25
            name: "slot1"
            image: "qrc:/icons/topLeft/probe.png"
        }
    }

    MvvmBinding {
        viewModel: mainView.viewModel
        viewProperty: "probeList"
        viewModelProperty: "probeList"
    }

    DropDownWithDisable {
        viewModelProperty: "currentSelectedProbe4"
        model: probeList
        width: widthOfBtns
        isProbeEnableProperty: "isProbeSelectionEnable4"
    }

    DropDownWithDisable {
        viewModelProperty: "currentSelectedProbe3"
        model: probeList
        width: widthOfBtns
        isProbeEnableProperty: "isProbeSelectionEnable3"
    }
    DropDownWithDisable {
        viewModelProperty: "currentSelectedProbe2"
        model: probeList
        width: widthOfBtns
        isProbeEnableProperty: "isProbeSelectionEnable2"
    }
    DropDownWithDisable {
        viewModelProperty: "currentSelectedProbe1"
        model: probeList
        width: widthOfBtns
        isProbeEnableProperty: "isProbeSelectionEnable1"
    }
}