import QtQuick 2.2
import Sailfish.Silica 1.0

Page {
    id: page
    allowedOrientations: Orientation.All

    SilicaListView {
        id: listView
        anchors.fill: parent

        header: PageHeader {
            title: qsTr("Henflow")
        }

        model: ListModel {
            id: sections
            // Struttura reale dell'app Flutter (lib/main.dart): la Home ha le tab
            // "Orders list" e "Calendar", la schermata Configuration le tab
            // "Available breeds" e "My coop". Qui resta l'indice dei moduli
            // finche' le schermate non sono implementate.
            Component.onCompleted: {
                append({ "name": qsTr("Orders list"), "note": qsTr("daily production, reservations, delivery status") })
                append({ "name": qsTr("Calendar"), "note": qsTr("undelivered reservations by day") })
                append({ "name": qsTr("Warehouse"), "note": qsTr("eggs in stock per breed") })
                append({ "name": qsTr("Customers"), "note": qsTr("first name, last name, phone") })
                append({ "name": qsTr("Available breeds"), "note": qsTr("catalog with photos, enable the ones you keep") })
                append({ "name": qsTr("My coop"), "note": qsTr("registered hens, laying, estimated production") })
                append({ "name": qsTr("Backup"), "note": qsTr("export and import the database as JSON") })
            }
        }

        delegate: ListItem {
            id: item
            contentHeight: Theme.itemSizeMedium

            Column {
                anchors.verticalCenter: parent.verticalCenter
                x: Theme.horizontalPageMargin
                width: parent.width - 2 * Theme.horizontalPageMargin

                Label {
                    text: model.name
                    color: item.highlighted ? Theme.highlightColor : Theme.primaryColor
                    truncationMode: TruncationMode.Fade
                    width: parent.width
                }

                Label {
                    text: model.note
                    font.pixelSize: Theme.fontSizeExtraSmall
                    color: Theme.secondaryColor
                    truncationMode: TruncationMode.Fade
                    width: parent.width
                }
            }
        }

        footer: Label {
            x: Theme.horizontalPageMargin
            width: parent.width - 2 * Theme.horizontalPageMargin
            text: qsTr("Native port in progress")
            font.pixelSize: Theme.fontSizeExtraSmall
            color: Theme.secondaryHighlightColor
            horizontalAlignment: Text.AlignHCenter
            wrapMode: Text.WordWrap
        }

        VerticalScrollDecorator {}
    }
}