import QtQuick
import QtQuick.Window
import QtQuick.Layouts

Window {
    SystemPalette { id: activeColors; colorGroup: SystemPalette.Active }
    SystemPalette { id: inactiveColors; colorGroup: SystemPalette.Inactive }
    SystemPalette { id: disabledColors; colorGroup: SystemPalette.Disabled }

    function getColors() {
        return root.active ? activeColors : inactiveColors;
    }

    id: root
    width: 640
    height: 480
    visible: true
    color: getColors().window

    title: qsTr("Alisa - License Managment")

    Rectangle {
        id: s1
        anchors {
            top: parent.top
            left: parent.left
            right: parent.right
        }
        height: 400
        border.width: 5
        border.color: getColors().accent
        color: getColors().midlight

        Component {
            id: contactDelegate
            Item {
                width: 180; height: 40
                Column {
                    Text {
                        text: '<b>Name:</b> ' + name
                        color: getColors().text
                    }
                    Text {
                        text: '<b>Number:</b> ' + number
                        color: getColors().text
                    }
                }
            }
        }

        ListView {
            anchors.fill: parent
            model: Data {}
            delegate: contactDelegate
        }
    }
}