import QtQuick 2.12
import QtQuick.Layouts 1.12
import QtQuick.Controls 1.4 as OldControls

import Controls 1.0 as Controls
import Cubo 1.0

ColumnLayout {
    spacing: 10

    Controls.Frame {
        padding: 35
        topPadding: 20
        bottomPadding: 20

        ColumnLayout {
            anchors.fill: parent
            spacing: 20

            Controls.TitleLabel {
                text: qsTr("CAN availability state")
                Layout.fillWidth: true
            }

            GridLayout {
                columns: 2

                Controls.AvailabilityIndicator {
                    neutral: false
                }

                Controls.SubtitleLabel {
                    text: qsTr("External CAN")
                }

                Controls.AvailabilityIndicator {
                    neutral: false
                }

                Controls.SubtitleLabel {
                    text: qsTr("Charging CAN")
                }

                Layout.fillWidth: true
            }

            RowLayout {
                Controls.CheckBox {
                    leftPadding: 0
                    text: qsTr("External CAN")
                }

                Controls.CheckBox {
                    leftPadding: 0
                    text: qsTr("Charging CAN")
                }

                Controls.Button {
                    text: qsTr("Apply")
                }
            }
        }

        Layout.fillWidth: true
    }

    Controls.Frame {
        padding: 35
        topPadding: 20
        bottomPadding: 20

        OldControls.TableView {
            id: currentTable
            anchors.fill: parent
//            columnSpacing: 1
//            rowSpacing: 1
            clip: true

            property var currentModel: CurrentTableModel{}

            model: currentModel

//            delegate: Rectangle {
//                implicitWidth: 100
//                implicitHeight: 50
//                border.width: 1

//                Text {
//                    text: display
//                    anchors.centerIn: parent
//                }
//            }
        }

        Component.onCompleted: {
            currentTable.currentModel.setCurrentData([[0.2, 0.5, 1],[0.2, 0.7, 1],[0.2, 0.6, 1]])
        }

        Layout.fillWidth: true
        Layout.fillHeight: true
    }
}