| {% block menu_body %}
| {% if current_user.is_authenticated %}

li.dropdown
	| {% block menu_avatar %}
	a.navbar-item.dropdown-toggle(href="#", data-toggle="dropdown", title="{{ current_user.email }}")
		current-user-avatar
	script.
		new Vue({el: 'current-user-avatar'})
	| {% endblock menu_avatar %}

	ul.dropdown-menu.dropdown-menu-right
		| {% if not current_user.has_role('protected') %}
		| {% block menu_list %}

		li
			a.navbar-item.px-2(
				href="{{ url_for('projects.home_project') }}"
				title="My cloud")
				| #[i.pi-home] My cloud

		li
			a.navbar-item.px-2(
				href="{{ url_for('settings.profile') }}"
				title="Settings")
				| #[i.pi-cog] Settings

		| {% endblock menu_list %}

		li.dropdown-divider(role="separator")
		| {% endif %}

		li
			a.navbar-item(
				href="{{ url_for('users.logout') }}")
				i.pi-log-out(title="Log Out")
				| Log out
			a.navbar-item.subitem.pt-0(
				href="{{ url_for('users.switch') }}")
				i.pi-blank
				| Not {{ current_user.full_name }}?

| {% else %}

li.pr-1
	a.btn.btn-sm.btn-outline-primary.px-3(
		href="{{ url_for('users.login') }}")
		| Log In
| {% endif %}
| {% endblock menu_body %}