import QtQuick 2.0
import Sailfish.Silica 1.0
//import io.thp.pyotherside 1.0

ApplicationWindow
{
    initialPage: Component {
        Page {
            id: mainPage
            
            ListModel {
                id: mealModel
                ListElement { meal: "Lounas" }
                ListElement { meal: "Iltaruoka" }
            }
            Component {
                id: mealDelegate
                BackgroundItem {
		width: mainPage.width
                    height: Theme.itemSizeSmall
                    Label {
                        text: meal
                    }
                }
            }

            ListModel {
                id: dayModel
                ListElement { date: "Maanantai" }
                ListElement { date: "Tiistai" }
            }
            Component {
                id: dayDelegate
                BackgroundItem {
                    id: dayItem
		    width: mainPage.width
		    height: dayList.height / dayList.count
                    Label {
                        id: dayLabel
                        anchors.top: parent.top
			height: Theme.itemSizeSmall
                        text: date
                    }
                    ListView {
                        id: mealList
			width: mainPage.width
                        anchors.top: dayLabel.bottom
                        anchors.bottom: parent.bottom
                        model: mealModel
                        delegate: mealDelegate
                    }
                }
            }

            SilicaListView {
                id: dayList
                anchors.fill: parent
                model: dayModel
                delegate: dayDelegate
            }
        }
    }

    cover: Component {
        CoverBackground {
            Label {
                id: label
                anchors.centerIn: parent
                text: "Ruokalista"
            }
        }
    }
}