import QtQuick 2.0
import QtQml 2.1
import Sailfish.Silica 1.0

Page {
    id: watchInfoPage

    Column {
        id: column
        width: watchInfoPage.width
        spacing: Theme.paddingMedium

        PageHeader {
            title: pebbled.name
        }

        Grid {
            columns: 2
            spacing: Theme.paddingMedium
            anchors {
                left: parent.left
                right: parent.right
                margins: Theme.paddingLarge
            }

            Label {
                color: Theme.highlightColor
                text: qsTr("Address")
            }
            Label {
                text: pebbled.info.address
            }

            Label {
                color: Theme.highlightColor
                text: qsTr("Serial Number")
            }
            Label {
                text: pebbled.info.serial
            }

            Label {
                color: Theme.highlightColor
                text: qsTr("BootLoader")
            }
            Label {
                text: new Date(pebbled.info.bootloader * 1000).toLocaleString(Qt.locale(), Locale.ShortFormat)
            }
        }

        Label {
            text: qsTr("Firmware")
            font.family: Theme.fontFamilyHeading
            color: Theme.highlightColor
            anchors.right: parent.right
            anchors.rightMargin: Theme.paddingMedium
        }
        Grid {
            columns: 2
            spacing: Theme.paddingMedium
            anchors {
                left: parent.left
                right: parent.right
                margins: Theme.paddingLarge
            }

            Label {
                color: Theme.highlightColor
                text: qsTr("Recovery")
            }
            Label {
                text: app.recoveryVersion
            }

            Label {
                color: Theme.highlightColor
                text: qsTr("Running")
            }
            Label {
                text: app.firmwareVersion
            }

            Label {
                color: Theme.highlightColor
                text: qsTr("Latest")
            }
            Label {
                text: app.firmwareLatest || qsTr("unknown")
            }
        }
        Button {
            visible: app.firmwareLatest && app.firmwareVersion && app.firmwareVersion !== app.firmwareLatest
            text: qsTr("Upgrade Firmware")
            anchors {
                left: parent.left
                right: parent.right
                margins: Theme.paddingLarge * 2
            }
            onClicked: pageStack.push(Qt.resolvedUrl("FirmwareUpgrade.qml"))
        }
    }
}