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

Item {

    property string textForLabel

    property date eventDate

    height: Theme.itemSizeSmall

    Label {
        id: textLabel
        anchors {
            top: parent.top
            bottom: parent.bottom
            left: parent.left
            margins: Theme.paddingLarge
        }
        text: textForLabel
        verticalAlignment: Text.AlignVCenter
    }

    Label {
        id: timeEventLabel
        anchors {
            top: parent.top
            bottom: parent.bottom
            left: textLabel.right
            margins: Theme.paddingLarge
        }
        text: Qt.formatDateTime(eventDate, "hh:mm")
        verticalAlignment: Text.AlignVCenter
        color: Theme.highlightColor

        MouseArea {
            anchors.fill: parent
            onClicked: {
                AppActions.changeTimeEvent(eventDate, textForLabel);
            }
        }
    }

    Label {
        id: dateEventLabel
        anchors {
            top: parent.top
            bottom: parent.bottom
            left: timeEventLabel.right
            margins: Theme.paddingLarge
        }
        text: Qt.formatDateTime(eventDate, "dd.MM.yyyy")
        verticalAlignment: Text.AlignVCenter
        color: Theme.highlightColor

        MouseArea {
            anchors.fill: parent
            onClicked: {
                AppActions.changeDateEvent(eventDate, textForLabel);
            }
        }
    }
}