import QtQuick 2.2
import Ubuntu.Components 1.1

MainView {
    width: units.gu(50)
    height: units.gu(75)
    useDeprecatedToolbar: false

    PageStack {
        id: mainStack
    }

    Component {
        id: testPageComponent
        Page {
            id: page

            property bool specialMode: false

            anchors.fill: parent
            title: "PageHeadState Bug"

            onStateChanged: console.log("State changed to: " + state)

            state: ""
            states: [
                PageHeadState {
                    name: ""
                    head: page.head
                    actions: Action {
                        iconName: "add"
                        onTriggered: page.specialMode = true
                    }
                },
                PageHeadState {
                    name: "contact"
                    head: page.head
                    when: page.specialMode
                    actions: Action {
                        iconName: "contact"
                        onTriggered: page.specialMode = false
                    }
                }
            ]
        }
    }

    Component.onCompleted: mainStack.push(testPageComponent)
}