import QtQuick 2.0
import QuickFlux 1.0
import Sailfish.Silica 1.0
import "../../actions"
import "../../stores"
import "../components"

Page {

    SilicaFlickable {
        contentHeight: column.height
        anchors.fill: parent

        PullDownMenu {
            MenuItem {
                text: qsTr("Save")
                onClicked: AppActions.addNewEvent(start.startDate, finish.finishDate, eventName.text)
            }
        }

        VerticalScrollDecorator {}

        Column {
            id: column
            spacing: Theme.paddingLarge
            width: parent.width
            PageHeader { title: qsTr("New Event") }

            VerticalScrollDecorator {}

            TextField {
                id: eventName
                width: parent.width
                placeholderText: qsTr("Enter the name of the event")
                anchors {
                    left: parent.left
                    right: parent.right
                }
                EnterKey.onClicked: {
                    parent.focus = true;
                }
            }

            DateLabelComponent {
                id: start
                textForLabel: qsTr("Start")
                eventDate: InformationAboutEvent.startDateEvent
                anchors {
                    left: parent.left
                    right: parent.right
                }
            }

            DateLabelComponent {
                id: finish
                textForLabel: qsTr("Finish")
                eventDate: InformationAboutEvent.finishDateEvent
                anchors {
                    left: parent.left
                    right: parent.right
                }
            }

            Button {
                anchors {
                    left: parent.left
                    right: parent.right
                    margins: Theme.paddingLarge
                }
                text: qsTr("Save")
                onClicked: AppActions.addNewEvent(start.eventDate, finish.eventDate, eventName.text);
            }
        }
    }
}