import QtQuick 2.0
import Sailfish.Silica 1.0

Page {
    id: page
    allowedOrientations: Orientation.All

    SilicaFlickable {
        anchors.fill: parent

        PullDownMenu {
            MenuItem {
                text: qsTr("Show Page 2")
                onClicked: pageStack.animatorPush(Qt.resolvedUrl("SecondPage.qml"))
            }
        }

        contentHeight: column.height

        Rectangle {
            id: baseRect
            color: "#facccc"
            anchors.fill: parent
        }

        PageHeader {
            title: qsTr("UI Template")
        }

        Column {
            id: column
            width: parent.width
            spacing: 10

            Label {
                id: firstLabel
                width: parent.width
                text: qsTr("Argh")
                color: Theme.secondaryHighlightColor
                font.pixelSize: Theme.fontSizeExtraLarge
                horizontalAlignment: Text.AlignHCenter
            }

            TextField {
                id: secondField
                width: parent.width
                placeholderText: "Enter text"
                font.pixelSize: Theme.fontSizeLarge
                font.bold: true
            }

            TextField {
                id: thirdField
                width: parent.width
                placeholderText: "Enter text again"
                font.pixelSize: Theme.fontSizeLarge
                font.bold: true
            }
        }
    }
}