import QtCore
import QtQuick
import QtQuick.Controls as Control
import QtQuick.Dialogs
import QtQuick.Effects
import QtQuick.Layouts
import Linphone
import UtilsCpp
import SettingsCpp

RightPanelLayout {
	id: mainItem

	property FriendGui contact
	Connections {
		target: contact.core
		function onIsSavedChanged() {
			if (contact.core.isSaved) {
				var mainWin = UtilsCpp.getMainWindow()
				UtilsCpp.smartShowWindow(mainWin)
				mainWin.goToContactDetail(contact)
			}
		}
	}
	property string title: qsTr("Modifier contact")
	property string saveButtonText: qsTr("Enregistrer")
	property string oldPictureUri
	signal closeEdition()

	Dialog {
		id: confirmDialog
		onAccepted: {
			mainItem.contact.core.undo()
			mainItem.closeEdition()
		}
		width: 278 * DefaultStyle.dp
		text: qsTr("Les changements seront annulés. Souhaitez-vous continuer ?")
	}

	headerContent: [
			Text {
				anchors.left: parent.left
				anchors.leftMargin: 31 * DefaultStyle.dp
				anchors.verticalCenter: parent.verticalCenter
				text: mainItem.title
				font {
					pixelSize: 20 * DefaultStyle.dp
					weight: 800 * DefaultStyle.dp
				}
			},
			Button {
				background: Item{}
				anchors.right: parent.right
				anchors.rightMargin: 41 * DefaultStyle.dp
				anchors.verticalCenter: parent.verticalCenter
				width: 24 * DefaultStyle.dp
				height: 24 * DefaultStyle.dp
				icon.source: AppIcons.closeX
				icon.width: 24 * DefaultStyle.dp
				icon.height: 24 * DefaultStyle.dp
				onClicked: {
					confirmDialog.open()
				}
			}
	]

	content: ColumnLayout {
		anchors.fill: parent
		spacing: 63 * DefaultStyle.dp
		ColumnLayout {
			spacing: 8 * DefaultStyle.dp
			Layout.alignment: Qt.AlignHCenter
			Layout.topMargin: 69 * DefaultStyle.dp
			Avatar {
				contact: mainItem.contact
				Layout.preferredWidth: 72 * DefaultStyle.dp
				Layout.preferredHeight: 72 * DefaultStyle.dp
				Layout.alignment: Qt.AlignHCenter
			}
			IconLabelButton {
				visible: !mainItem.contact || mainItem.contact.core.pictureUri.length === 0
				Layout.preferredWidth: width
				Layout.preferredHeight: 17 * DefaultStyle.dp
				iconSource: AppIcons.camera
				iconSize: 17 * DefaultStyle.dp
				text: qsTr("Ajouter une image")
				onClicked: fileDialog.open()
			}
			RowLayout {
				visible: mainItem.contact && mainItem.contact.core.pictureUri.length != 0
				Layout.alignment: Qt.AlignHCenter
				IconLabelButton {
					Layout.preferredWidth: width
					Layout.preferredHeight: 17 * DefaultStyle.dp
					iconSource: AppIcons.pencil
					iconSize: 17 * DefaultStyle.dp
					text: qsTr("Modifier")
					onClicked: fileDialog.open()
				}
				FileDialog {
					id: fileDialog
					currentFolder: StandardPaths.standardLocations(StandardPaths.PicturesLocation)[0]
					onAccepted: {
						mainItem.oldPictureUri = mainItem.contact.core.pictureUri
						var avatarPath = UtilsCpp.createAvatar( selectedFile )
						if(avatarPath){
							mainItem.contact.core.pictureUri = avatarPath
						}
					}
				}
				IconLabelButton {
					Layout.preferredHeight: 17 * DefaultStyle.dp
					Layout.preferredWidth: width
					iconSize: 17 * DefaultStyle.dp
					iconSource: AppIcons.trashCan
					text: qsTr("Supprimer")
					onClicked: mainItem.contact.core.pictureUri = ""
				}
			}
		}
		RowLayout {
			Layout.fillHeight: true
			Layout.fillWidth: true
			Layout.alignment: Qt.AlignHCenter
			Layout.topMargin: 50 * DefaultStyle.dp
			Layout.bottomMargin: 50 * DefaultStyle.dp
			spacing: 100 * DefaultStyle.dp
			Flickable {
				Layout.preferredWidth: contentWidth
				Layout.fillHeight: true
				Layout.leftMargin: 100 * DefaultStyle.dp
				contentWidth: content.implicitWidth
				contentHeight: content.height
				clip: true

				ColumnLayout {
					spacing: 20 * DefaultStyle.dp
					anchors.fill: parent
					FormItemLayout {
						id: givenName
						enableErrorText: true
						label: qsTr("Prénom")
						contentItem: TextField {
							id: givenNameEdit
							initialText: contact.core.givenName
							onTextEdited: contact.core.givenName = text
							backgroundColor: DefaultStyle.grey_0
							backgroundBorderColor: givenName.errorTextItem.opacity != 0 ? DefaultStyle.danger_500main : DefaultStyle.grey_200
						}
					}
					FormItemLayout {
						label: qsTr("Nom")
						contentItem: TextField {
							initialText: contact.core.familyName
							onTextEdited: contact.core.familyName = text
							backgroundColor: DefaultStyle.grey_0
						}
					}
					FormItemLayout {
						label: qsTr("Entreprise")
						contentItem: TextField {
							initialText: contact.core.organization
							onTextEdited: contact.core.organization = text
							backgroundColor: DefaultStyle.grey_0
						}
					}
					FormItemLayout {
						label: qsTr("Fonction")
						contentItem: TextField {
							initialText: contact.core.job
							onTextEdited: contact.core.job = text
							backgroundColor: DefaultStyle.grey_0
						}
					}
					Item{Layout.fillHeight: true}
				}
			}
			Flickable {
				id: addressesFlickable
				Layout.preferredWidth: contentWidth
				Layout.fillHeight: true
				Layout.rightMargin: 76 * DefaultStyle.dp
				contentWidth: content.implicitWidth
				contentHeight: content.implicitHeight
				clip: true

				flickableDirection: Flickable.VerticalFlick
				function ensureVisible(r)
				{
					if (contentY >= r.y)
						contentY = r.y;
					else if (contentY+height <= r.y+r.height+content.spacing)
						contentY = r.y+r.height-height;
				}

				Control.ScrollBar.vertical: Control.ScrollBar{
					id: scrollbar
					active: true
					interactive: true
					policy: Control.ScrollBar.AlwaysOff
					anchors.top: parent.top
					anchors.bottom: parent.bottom
					anchors.right: parent.right
					anchors.leftMargin: 15 * DefaultStyle.dp
				}
				Control.ScrollBar.horizontal: Control.ScrollBar{
					visible: false
				}
				ColumnLayout {
					id: content
					anchors.fill: parent
					spacing: 20 * DefaultStyle.dp
					Repeater {
						id: addressesList
						model: VariantList {
							model: mainItem.contact && mainItem.contact.core.addresses || []
						}
						delegate: FormItemLayout {
							label: modelData.label
							contentItem: RowLayout {
								spacing: 10 * DefaultStyle.dp
								TextField {
									onTextEdited: {
										if (text.length != 0) mainItem.contact.core.setAddressAt(index, qsTr("Adresse SIP"), text)
									}
									property string _initialText: modelData.address
									initialText: SettingsCpp.onlyDisplaySipUriUsername ? UtilsCpp.getUsername(_initialText) : _initialText
									backgroundColor: DefaultStyle.grey_0
									Layout.preferredWidth: width
									Layout.preferredHeight: height
								}
								Button {
									Layout.preferredWidth: 24 * DefaultStyle.dp
									Layout.preferredHeight: 24 * DefaultStyle.dp
									Layout.alignment: Qt.AlignVCenter
									background: Item{}
									icon.source: AppIcons.closeX
									width: 24 * DefaultStyle.dp
									height: 24 * DefaultStyle.dp
									icon.width: 24 * DefaultStyle.dp
									icon.height: 24 * DefaultStyle.dp
									onClicked: mainItem.contact.core.removeAddress(index)
								}
							}
						}
					}
					RowLayout {
						onYChanged: addressesFlickable.ensureVisible(this)
						spacing: 10 * DefaultStyle.dp
						FormItemLayout {
							label: qsTr("Adresse SIP")
							contentItem: TextField {
								backgroundColor: DefaultStyle.grey_0
								Component.onCompleted: text = "sip:"
								onEditingFinished: {
									if (text.length != 0) mainItem.contact.core.appendAddress(text)
									text = "sip:"
								}
							}
						}
						Item {
							Layout.preferredWidth: 24 * DefaultStyle.dp
							Layout.preferredHeight: 24 * DefaultStyle.dp
						}
					}
					Repeater {
						// phone numbers
						id: phoneNumberList
						model: VariantList {
							model: mainItem.contact && mainItem.contact.core.phoneNumbers || []
						}
						delegate: FormItemLayout {
							label: modelData.label
							contentItem: RowLayout {
								spacing: 10 * DefaultStyle.dp
								TextField {
									initialText: modelData.address
									onTextEdited: {
										if (text.length != 0) mainItem.contact.core.setPhoneNumberAt(index, qsTr("Téléphone"), text)
									}
									backgroundColor: DefaultStyle.grey_0
									Layout.preferredWidth: width
									Layout.preferredHeight: height
								}
								Button {
									Layout.preferredWidth: 24 * DefaultStyle.dp
									Layout.preferredHeight: 24 * DefaultStyle.dp
									Layout.alignment: Qt.AlignVCenter
									background: Item{}
									icon.source: AppIcons.closeX
									width: 24 * DefaultStyle.dp
									height: 24 * DefaultStyle.dp
									icon.width: 24 * DefaultStyle.dp
									icon.height: 24 * DefaultStyle.dp
									onClicked: mainItem.contact.core.removePhoneNumber(index)
								}
							}
						}
					}
					RowLayout {
						onYChanged: addressesFlickable.ensureVisible(this)
						spacing: 10 * DefaultStyle.dp
						FormItemLayout {
							id: phoneNumberInput
							label: qsTr("Phone")
							contentItem: TextField {
								backgroundColor: DefaultStyle.grey_0
								onEditingFinished: {
									if (text.length != 0) mainItem.contact.core.appendPhoneNumber(phoneNumberInput.label, text)
									text = ""
								}
							}
						}
						Item {
							Layout.preferredWidth: 24 * DefaultStyle.dp
							Layout.preferredHeight: 24 * DefaultStyle.dp
						}
					}
					ErrorText {
						id: addressesErrorText
						wrapMode: Text.WordWrap
						elide: Text.ElideRight
						Layout.fillWidth: true
					}
					Item{Layout.fillHeight: true}
				}
			}
		}

		Button {
			Layout.bottomMargin: 100 * DefaultStyle.dp
			Layout.preferredWidth: 165 * DefaultStyle.dp
			Layout.alignment: Qt.AlignHCenter
			enabled: mainItem.contact && mainItem.contact.core.allAddresses.length > 0
			text: mainItem.saveButtonText
			leftPadding: 20 * DefaultStyle.dp
			rightPadding: 20 * DefaultStyle.dp
			topPadding: 11 * DefaultStyle.dp
			bottomPadding: 11 * DefaultStyle.dp
			onClicked: {
				if (givenNameEdit.text.length === 0 || (addressesList.count === 0 && phoneNumberList.count === 0)) {
					if (givenNameEdit.text.length === 0) givenName.errorMessage = qsTr("Veuillez saisir un prénom")
					if (addressesList.count === 0 && phoneNumberList.count === 0) addressesErrorText.text = qsTr("Veuillez saisir une adresse ou un numéro de téléphone")
					return
				}
				mainItem.contact.core.save()
				mainItem.closeEdition()
			}
		}
	}
}