import QtQuick 2.0
import Sailfish.Silica 1.0

ApplicationWindow
{
    initialPage: Component {
        Page {
            id: mainPage
            anchors.fill: parent

		ListModel {
                    id: lunchListModel
		    ListElement {
			date: "ma"
		    }
		    ListElement {
			date: "ti"
		    }
                }
		ListModel {
                    id: meals
		    ListElement {
			meal: "pork"
		    }
		    ListElement {
			meal: "kissaa"
		    }
                }

            SilicaListView {
                id: lunchList
                anchors.fill: parent
                model: lunchListModel
                delegate: BackgroundItem {
		
		contentHeight: Theme.itemSizeLarge
                    Label {
		    id: lab
		    anchors.top: parent.top
                        text: date
                    }
                    ListView {
		    anchors.top: lab.bottom
		    anchors.bottom: parent.bottom
                        model: meals
                        delegate: BackgroundItem {
                            Label {
                                text: meal
                            }
                        }
                    }
                }

                PullDownMenu {
                    MenuItem {
                        text: "Refresh"
                        onClicked: {
                            console.log("Fetching data...")
                            
                        }
                    }
                }
            }

            
        }
    }

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