import QtQuick 2.3
import QtQuick.Controls 2.10
import QtQuick.Layouts 1.10

import im.nheko 1.0

Pane {
	property string title: qsTr("Verification Code")
	Component {
		id: awaitingVerificationConfirmation
		AwaitingVerificationConfirmation {}
	}
	ColumnLayout {
		spacing: 16
		Label {
			Layout.maximumWidth: 400
			Layout.fillHeight: true
			Layout.fillWidth: true
			wrapMode: Text.Wrap
			text: qsTr("Please verify the following digits. You should see the same numbers on both sides. If they differ, please press 'They do not match!' to abort verification!")
			color:colors.text
			verticalAlignment: Text.AlignVCenter
		}
		RowLayout {
			Layout.alignment: Qt.AlignHCenter
			Label {
				font.pixelSize: Qt.application.font.pixelSize * 2
				text: flow.sasList[0]
				color:colors.text
			}
			Label {
				font.pixelSize: Qt.application.font.pixelSize * 2
				text: flow.sasList[1]
				color:colors.text
			}
			Label {
				font.pixelSize: Qt.application.font.pixelSize * 2
				text: flow.sasList[2]
				color:colors.text
			}
		}
		RowLayout {
			Button {
				Layout.alignment: Qt.AlignLeft
				text: qsTr("They do not match!")

				onClicked: {
					flow.cancelVerification(DeviceVerificationFlow.MismatchedSAS);
					deviceVerificationList.remove(tran_id);
					dialog.destroy();
				}
			}
			Item {
				Layout.fillWidth: true
			}
			Button {
				Layout.alignment: Qt.AlignRight
				text: qsTr("They match!")

				onClicked: { stack.replace(awaitingVerificationConfirmation); flow.sendVerificationMac(); }
			}
		}
	}
}