import QtQuick 2.12
import QtQuick.Layouts 1.12

import Controls 1.0 as Controls

Item {
    ColumnLayout {
        anchors.fill: parent

        Controls.Frame {
            Layout.fillWidth: true

            RowLayout {
                anchors.fill: parent

                Controls.TitleLabel {
                    text: qsTr("Serial number")
                    Layout.fillWidth: true
                }

                Controls.TextField {
                    text: "AABBCCDD"
                    Layout.fillWidth: true
                }
            }
        }

        Controls.Frame {
            Layout.fillWidth: true

            GridLayout {
                columns: 2
                anchors.fill: parent

                RowLayout {
                    Controls.ContentLabel {
                        text: qsTr("Battery charge level, V")
                    }

                    Controls.DotSeparator {
                        Layout.fillWidth: true
                    }

                    Controls.SubtitleLabel {
                        text: "-"
                    }

                    Layout.fillWidth: true
                }

                RowLayout {
                    Controls.ContentLabel {
                        text: qsTr("Number of modules")
                    }

                    Controls.DotSeparator {
                        Layout.fillWidth: true
                    }

                    Controls.SubtitleLabel {
                        text: "-"
                    }

                    Layout.fillWidth: true
                }

                RowLayout {
                    Controls.ContentLabel {
                        text: qsTr("Battery voltage, V")
                    }

                    Controls.DotSeparator {
                        Layout.fillWidth: true
                    }

                    Controls.SubtitleLabel {
                        text: "-"
                    }

                    Layout.fillWidth: true
                }

                RowLayout {
                    Controls.ContentLabel {
                        text: qsTr("Number of cells")
                    }

                    Controls.DotSeparator {
                        Layout.fillWidth: true
                    }

                    Controls.SubtitleLabel {
                        text: "-"
                    }

                    Layout.fillWidth: true
                }
            }
        }

        Item {
            Layout.fillHeight: true
        }
    }
}