/*
This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
It is supposed to be strictly declarative and only uses a subset of QML. If you edit
this file manually, you might introduce QML code that is not supported by Qt Design Studio.
Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
*/
import QtQuick 6.2
import QtQuick.Controls 6.2
import QML_Balancer
import QtQuick.Controls.Material

Pane {
    width: Constants.width
    height: Constants.height

    //color: "#606060"
    Material.theme: darkModeToggle.checked ? Material.Dark : Material.Light
    property url pathImg: "images/textinput.png"
    property string headerText: "Шаг 0: Ввод информации(необязательный этап)"

    //textfield0.text: "" //введенные данные с textfield0
    //textfield1.text: "" //введенные данные с textfield1
    //textfield2.text: "" //введенные данные с textfield2


    /*SettingsBar {
        id: settings
        x: 0
        y: 0
    }*/
    Column {
        x: -12
        y: -8
        width: 1920
        height: 1072
        rotation: 0
        spacing: 52
        Row {
            Toggle {
                id: darkModeToggle
                text: qsTr("Dark mode")
                anchors.top: parent.top
            }
            ListView {
                width: 1097
                height: 62
                //anchors.verticalCenterOffset: -456
                //anchors.horizontalCenterOffset: 1

                //anchors.centerIn: parent
                delegate: TextGTL.mycomponent

                TextGTL {
                    id: text0
                    x: 55

                    text: headerText
                    elide: Text.ElideNone
                    leftPadding: 200
                }
            }
        }
        Row {
            anchors.top: parent.top
            leftPadding: 50
            layoutDirection: Qt.LeftToRight
            spacing: 48
            anchors.left: parent.middle
            Column {
                id: column0
                x: 0
                y: 184
                width: 602
                height: 565
                rotation: 0
                clip: true
                spacing: 54
                padding: 0
                //anchors.top: parent.middle

                //add: touchStyle
                //add1: touchStyle
                //children: [ touchStyle, touchStyle]
                LabelGTL {
                    //anchors.fill: parent
                    width: 600
                    height: 140
                    text: "Скорость вращения, об/мин"
                    font.pointSize: 30
                    anchors.top: bottom
                    rightInset: 0
                    verticalAlignment: Text.AlignVCenter
                    //delegate: TextFieldGTL.mycomponent


                    /*TextFieldGTL {
                        id: textfield01
                    }*/
                }

                LabelGTL {
                    //anchors.fill: parent
                    width: 600
                    height: 140
                    text: "Радиус установки грузов, мм"
                    //topPadding: 0
                    verticalAlignment: Text.AlignVCenter

                    font.pointSize: 30
                    //delegate: TextFieldGTL.mycomponent


                    /*TextFieldGTL {
                        id: textfield01
                    }*/
                }
                LabelGTL {
                    //anchors.fill: parent
                    width: 600
                    height: 140
                    text: "Масса ротора, гр."

                    font.pointSize: 30

                    //delegate: TextFieldGTL.mycomponent


                    /*TextFieldGTL {
                        id: textfield01
                    }*/
                }


                /*ListView {
                    //anchors.fill: parent
                    width: 600
                    height: 140
                    model: 5
                    delegate: TextFieldGTL.mycomponent

                    TextFieldGTL {
                        id: textfield11
                    }
                }

                ListView {
                    //anchors.fill: parent
                    width: 600
                    height: 140
                    model: 5
                    delegate: TextFieldGTL.mycomponent

                    TextFieldGTL {
                        id: textfield21
                        x: 0
                        y: -8
                    }
                }*/
            }
            Column {
                id: column1
                x: 792
                y: 184
                width: 602
                height: 565
                rotation: 0
                clip: true
                spacing: 54
                padding: 0

                //add: touchStyle
                //add1: touchStyle
                //children: [ touchStyle, touchStyle]
                ListView {
                    //anchors.fill: parent
                    width: 600
                    height: 140
                    model: 5
                    delegate: TextFieldGTL.mycomponent

                    TextFieldGTL {
                        id: textfield0
                    }
                }

                ListView {
                    //anchors.fill: parent
                    width: 600
                    height: 140
                    model: 5
                    delegate: TextFieldGTL.mycomponent

                    TextFieldGTL {
                        id: textfield1
                    }
                }

                ListView {
                    //anchors.fill: parent
                    width: 600
                    height: 140
                    model: 5
                    delegate: TextFieldGTL.mycomponent

                    TextFieldGTL {
                        id: textfield2
                        x: 0
                        y: -8
                    }
                }
            }
        }
    }
    Button {
        id: button
        x: 21
        y: 776
        width: 286
        height: 87
        text: qsTr("Button")
    }

    /* Rectangle {
        id: backButton
        width: 0
        //width: opacity ? 60 : 0
        anchors.left: parent
        //anchors.leftMargin: 20
        //opacity: stackView.depth > 1 ? 1 : 0
        //anchors.verticalCenter: parent.verticalCenter
        antialiasing: true
        height: 60
        radius: 4
        color: backmouse.pressed ? "#222" : "transparent"
        //Behavior on opacity { NumberAnimation{} }
        Image {
            anchors.verticalCenter: parent.verticalCenter
            source: "images/navigation_previous_item.png"
        }
        MouseArea {
            id: backmouse
            anchors.fill: parent
            anchors.margins: -10
            //onClicked: stackView.pop()
        }
    }*/
}