import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.3

ApplicationWindow {
    id: window
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    header: TabBar {
            id: tabBar
            x: 196
            y: 61
            width: 240
            Layout.alignment: Qt.AlignHCenter | Qt.AlignBottom
            transformOrigin: Item.Center
            font.capitalization: Font.AllUppercase
            TabButton {
                width: 151
                height: 40
                text: qsTr("По безработице")
            }
            TabButton {
                x: 233
                y: 67
                width: 151
                height: 40
                text: qsTr("По инвалидности")
            }
            TabButton {
                x: 233
                y: 67
                width: 151
                height: 40
                text: qsTr("Пенсия")
            }
   }


    ColumnLayout {
        id: columnLayout
//        y: 49
//        height: 364
        //anchors.right: parent.right
        anchors.fill: parent


        StackLayout{
            anchors.fill: parent
            currentIndex: tabBar.currentIndex

            Item{
                id:unemployment



                ColumnLayout {
                    anchors.fill: parent
                    id: columnLayout1
                    width: 100
                    height: 100

                    Label {
                        x: 22
                        y: 123
                        width: 83
                        height: 19
                        text: qsTr("Пол(по безработице)")
                    }

                    Label {
                        x: 22
                        y: 123
                        width: 83
                        height: 19
                        text: qsTr("Возраст(по безработице)")
                    }
                }

            }

            Item{
                id:disability

                ColumnLayout {
                    anchors.fill: parent
                    id: columnLayout2
                    width: 100
                    height: 100

                    Label {
                        x: 22
                        y: 123
                        width: 83
                        height: 19
                        text: qsTr("Пол(по инвалидности)")
                    }

                    Label {
                        x: 22
                        y: 123
                        width: 83
                        height: 19
                        text: qsTr("Возраст(по инвалидности)")
                    }
                }

            }

            Item{
                id:pension

                ColumnLayout {
                    anchors.fill: parent
                    id: columnLayout3
                    width: 100
                    height: 100

                    Label {
                        x: 22
                        y: 123
                        width: 83
                        height: 19
                        text: qsTr("Пол(пенсия)")
                    }

                    Label {
                        x: 22
                        y: 123
                        width: 83
                        height: 19
                        text: qsTr("Возраст(пенсия)")
                    }
                }

            }
        }

        //        ComboBox {
        //            id: comboBox
        //            x: 171
        //            y: 121
        //            model:ListModel{
        //                ListElement{
        //                    text: "Element 1"
        //                }
        //                ListElement{
        //                    text: "Element 2"
        //                }
        //                ListElement{
        //                    text: "Element 3"
        //                }
        //                ListElement{
        //                    text: "Element 4"
        //                }
        //            }
        //        }



    }

    //    Label {
    //        id: label
    //        x: 115
    //        y: 179
    //        width: 69
    //        height: 19
    //        text: qsTr("Label")
    //    }

}