import QtQuick 2.0
import Ubuntu.Components 0.1

MainView {
    id: mainview

    width: units.gu(40)
    height: units.gu(70)

    PageStack {
        id: pagestack
        Component.onCompleted: push(tabs)

        Tabs {
            id: tabs
            anchors.fill: parent

            Tab {
                id: eventstab
                title: i18n.tr("Events")

                page: Page {
                    id: eventsview

                    GridView {
                        id: eventsgrid
                        cellWidth: units.gu(6)
                        cellHeight: units.gu(6)
                        anchors {
                            fill: parent
                            leftMargin: units.gu(1)
                            rightMargin: units.gu(1)
                        }

                        model: 200
                        delegate: Item {
                                width: units.gu(5)
                                height: units.gu(5)

                                    UbuntuShape {
                                        id: event
                                        anchors {
                                            centerIn: parent
                                            fill: parent
                                    }

                                    radius: "medium"

                                    Text {
                                        anchors.centerIn: parent
                                        text: modelData
                                    }

                                    MouseArea {
                                        anchors.fill: parent

                                        onClicked: {
                                            pagestack.push(eventview);
                                        }
                                    }
                                }
                        }
                    }
                }
            }
        }

        Page {
            id: eventview
            visible: false
            title: i18n.tr("Event")
            Button {
                anchors.centerIn: parent
                text: "Back"
                onClicked: pagestack.pop()
            }
        }
    }
}