AusweisApp2/resources/qml/Governikus/IdentifyView/+android/+tablet/IdentifyViewContent.qml

import QtQuick 2.5

import Governikus.Global 1.0
import Governikus.Provider 1.0

Item {
	id: root
	height: infoPane.height + 2 * Constants.component_spacing

	Column {
		id: infoPane
		anchors.top: parent.top
		anchors.left: parent.left
		anchors.right: parent.right
		anchors.margins: Constants.component_spacing

		spacing: Constants.pane_spacing

		Text {
			font.pixelSize: Constants.normal_font_size
			width: parent.width
			wrapMode: Text.WordWrap
			text: qsTr("You are about to identify yourself towards the following service provider:") + settingsModel.translationTrigger
		}

		Pane {

			Row {
				height: providerEntries.height
				width: parent.width
				spacing: Constants.pane_spacing

				Item {
					height: providerEntries.height
					width: (parent.width - Constants.pane_spacing) / 2

					Column {
						id: providerEntries
						anchors.top: parent.top
						anchors.left: parent.left
						anchors.right: parent.right
						spacing: Constants.pane_spacing

						ProviderInfoSection {
							imageSource: "qrc:///images/provider/information.svg"
							title: qsTr("Service provider") + settingsModel.translationTrigger
							name: certificateDescriptionModel.subjectName
						}
						ProviderInfoSection {
							imageSource: "qrc:///images/provider/purpose.svg"
							title: qsTr("Purpose for reading out requested data") + settingsModel.translationTrigger
							name: certificateDescriptionModel.purpose
						}
					}

					MouseArea {
						anchors.fill: parent
						onClicked: firePush(certificateDescriptionPage, {})
					}

					CertificateDescriptionPage {
						id: certificateDescriptionPage
						name: certificateDescriptionModel.subjectName
						visible: false
					}
				}


				Item {
					height: parent.height
					width: (parent.width - Constants.pane_spacing) / 2

					GButton {
						id: button
						iconSource: "qrc:///images/npa.svg"
						anchors.horizontalCenter: parent.horizontalCenter
						anchors.verticalCenter: parent.verticalCenter
						buttonColor: applicationModel.currentWorkflow === "" && settingsModel.useSelfauthenticationTestUri ? Constants.red : Constants.blue

						text: qsTr("Identify now") + settingsModel.translationTrigger
						onClicked: {
							if (applicationModel.currentWorkflow === "") {
								selfAuthenticationModel.startWorkflow();
							}
							else if (applicationModel.currentWorkflow === "authentication") {
								chatModel.transferAccessRights()
								numberModel.continueWorkflow()
							}
						}
					}
				}
			}
		}

		Text {
			font.pixelSize: Constants.normal_font_size
			width: parent.width
			wrapMode: Text.WordWrap
			text: qsTr("The following data will be transferred to the service provider when you enter the PIN:") + settingsModel.translationTrigger
		}

		Pane {
			Column {
				height: childrenRect.height
				width: parent.width
				spacing: Utils.dp(30)

				Column {
					id: transactionInfo

					width: parent.width
					visible: !!transactionInfoText.text

					Text {
						height: implicitHeight * 1.5
						verticalAlignment: Text.AlignTop
						text: qsTr("Transactional information") + settingsModel.translationTrigger
						color: Constants.blue
						font.pixelSize: Constants.header_font_size
						elide: Text.ElideRight
					}

					Text {
						id: transactionInfoText

						width: parent.width
						font.pixelSize: Constants.normal_font_size
						text: authModel.transactionInfo
						wrapMode: Text.WordWrap
					}
				}

				Row {
					width: parent.width
					spacing: Constants.pane_spacing

					DataGroup {
						id: requiredData
						width: optionalData.visible ? parent.width * 0.63 : parent.width

						title: qsTr("Required Data") + settingsModel.translationTrigger
						columns: optionalData.visible ? 2 : 3
						chat: chatModel.required
					}

					DataGroup {
						id: optionalData
						width: parent.width * 0.37 - Constants.pane_spacing

						title: qsTr("Optional Data") + settingsModel.translationTrigger
						chat: chatModel.optional
					}
				}
			}
		}
	}
}