import QtQuick 2.3
import QtQuick.Controls 1.2
import QtQuick.Layouts 1.1
import org.kde.plasma.mobilecomponents 0.2 as MobileComponents
import org.subsurfacedivelog.mobile 1.0

MobileComponents.Page {
	id: aboutPage
	property int pageWidth: subsurfaceTheme.columnWidth - MobileComponents.Units.gridUnit

	contextualActions: [
		Action {
			text: "Close About"
			iconName: "dialog-cancel"
			onTriggered: {
				stackView.pop()
				contextDrawer.close()
			}
		}
	]

	ScrollView {
		anchors.fill: parent

		ColumnLayout {
			spacing: MobileComponents.Units.largeSpacing
			width: aboutPage.width
			Layout.margins: MobileComponents.Units.gridUnit / 2

			MobileComponents.Heading {
				text: "About Subsurface-mobile"
				Layout.margins: MobileComponents.Units.largeSpacing / 2
				Layout.alignment: Qt.AlignHCenter
				Layout.maximumWidth: pageWidth
				wrapMode: TextEdit.WrapAtWordBoundaryOrAnywhere
			}

			Rectangle {
				color: "transparent"
				Layout.margins: MobileComponents.Units.largeSpacing
				Layout.fillWidth: true
				height: childrenRect.height
				Image {
					id: image
					source: "qrc:/qml/subsurface-mobile-icon.png"
					width: parent.width - MobileComponents.Units.largeSpacing
					fillMode: Image.PreserveAspectFit
					horizontalAlignment: Image.AlignHCenter
				}
			}

			MobileComponents.Heading {
				text: "A mobile version of the free Subsurface divelog software.\n" +
				      "View your dive logs while on the go."
				level: 3
				Layout.alignment: Qt.AlignHCenter
				Layout.topMargin: MobileComponents.Units.largeSpacing * 3
				Layout.maximumWidth: pageWidth
				wrapMode: TextEdit.WrapAtWordBoundaryOrAnywhere
				anchors.horizontalCenter: parent.Center
				horizontalAlignment: Text.AlignHCenter
			}

			MobileComponents.Heading {
				text: "Version: " + manager.getVersion() + "\n\n© Subsurface developer team, 2016"
				level: 4
				Layout.alignment: Qt.AlignHCenter
				Layout.topMargin: MobileComponents.Units.largeSpacing
				Layout.maximumWidth: pageWidth
				wrapMode: TextEdit.WrapAtWordBoundaryOrAnywhere
				anchors.horizontalCenter: parent.Center
				horizontalAlignment: Text.AlignHCenter
			}
		}
	}
}