/**
* Qml template used for welcome and login/register pages
**/

import QtQuick 2.15
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.2 as Control

import Linphone

Item {
	id: mainItem

	RowLayout {
		anchors.fill: parent
		// spacing: 30
		anchors.topMargin: 18
		VerticalTabBar {
			id: tabbar
			Layout.fillHeight: true
			Layout.preferredWidth: width
			model: [
				{icon: AppIcons.phone, selectedIcon: AppIcons.phoneSelected, label: qsTr("Appels")},
				{icon: AppIcons.adressBook, selectedIcon: AppIcons.adressBookSelected, label: qsTr("Contacts")},
				{icon: AppIcons.chatTeardropText, selectedIcon: AppIcons.chatTeardropTextSelected, label: qsTr("Conversations")},
				{icon: AppIcons.usersThree, selectedIcon: AppIcons.usersThreeSelected, label: qsTr("Réunions")}
			]
		}
		ColumnLayout {
			Layout.fillWidth: true
			Layout.fillHeight: true
			RowLayout {
				Layout.leftMargin: 25
				TextInput {
					fillWidth: true
					placeholderText: qsTr("Rechercher un contact, appeler ou envoyer un message...")
				}
				Control.Button {
					Layout.preferredWidth: 30
					Layout.preferredHeight: 30
					background: Item {
						visible: false
					}
					contentItem: Image {
						//avatar
						source: AppIcons.welcomeLinphoneLogo
						// width: 30
						// height: 30
						fillMode: Image.PreserveAspectFit
					}
				}
				Control.Button {
					enabled: false
					Layout.preferredWidth: 30
					Layout.preferredHeight: 30
					background: Item {
					}
					contentItem: Image {
						source: AppIcons.verticalDots
					}
				}
			}
			StackLayout {
				// width: parent.width
				// height: parent.height

				currentIndex: tabbar.currentIndex

				CallPage {
				}
				//ContactPage{}
				//ConversationPage{}
				//MeetingPage{}
			}
		}
	}
}