import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15

ToolBar {
	property alias optionsMenu: optionsMenu
	property alias optionProfile: profile
	property alias optionSettings: settings
	property alias optionHelp: help
	property alias optionSign: sign
	property bool doesntEmbed: Qt.platform.os === "android"
				|| Qt.platform.os === "linux"
				|| Qt.platform.os === "osx"
				|| Qt.platform.os === "unix"
				|| Qt.platform.os === "windows"

	background: Rectangle {
		implicitHeight: 64
	}

	FontLoader {
		id: roboto
		name: "Roboto"
		source: doesntEmbed ? "" : "Roboto/Roboto-Medium.ttf"
	}

	RowLayout {
		anchors.fill: parent
		layoutDirection: Qt.RightToLeft
		ToolButton {
			icon.source: "https://eduport.webestica.com/assets/images/avatar/01.jpg"
			icon.color: "transparent"
			onClicked: optionsMenu.open()
			background: Rectangle {
				implicitHeight: 64
			}

			Menu {
				id: optionsMenu
				y: parent.height
				Action {
					id: profile
					text: qsTr("Edit Profile")
				}
				Action {
					id: settings
					text: qsTr("Account Settings")
				}
				Action {
					id: help
					text: qsTr("Help")
				}
				Action {
					id: sign
					text: qsTr("Sign Out")
				}
				delegate: MenuItem {
					font {
						family: doesntEmbed ? "Roboto"
							: roboto.name
						pixelSize: 15
						weight: Font.Medium
					}
				}
			}
		}
	}
}