.dropdown(
	dropdown
	dropdown-append-to-body
)
	a.btn.btn-primary.sidebar-new-proj-btn.dropdown-toggle(
		href="#",
		data-toggle="dropdown",
		dropdown-toggle
	)
		| #{translate("new_project")}

	ul.dropdown-menu(role="menu")
		li
			a(
				href,
				ng-click="openCreateProjectModal()"
			) #{translate("blank_project")}
		li
			a(
				href,
				ng-click="openCreateProjectModal('example')"
			) #{translate("example_project")}
		li
			a(
				href,
				ng-click="openUploadProjectModal()"
			) #{translate("upload_project")}
		!= moduleIncludes("newProjectMenu", locals)
		if (templates)
			li.divider
			li.dropdown-header #{translate("templates")}
			each item in templates
				li
					a.menu-indent(href=item.url) #{translate(item.name)}

.row-spaced(ng-if="projects.length > 0", ng-cloak)
	ul.list-unstyled.folders-menu(
		ng-controller="TagListController"
	)
		li(ng-class="{active: (filter == 'all')}", ng-click="filterProjects('all')")
			a(href) #{translate("all_projects")}
		li(ng-class="{active: (filter == 'owned')}", ng-click="filterProjects('owned')")
			a(href) #{translate("your_projects")}
		li(ng-class="{active: (filter == 'shared')}", ng-click="filterProjects('shared')")
			a(href) #{translate("shared_with_you")}
		li(ng-class="{active: (filter == 'archived')}", ng-click="filterProjects('archived')")
			a(href) #{settings.overleaf ? translate("archived_projects") : translate("deleted_projects")}
		if isShowingV1Projects
			li(ng-class="{active: (filter == 'v1')}", ng-click="filterProjects('v1')")
				a(href) #{translate("v1_projects")}
		li.separator
			h2 #{translate("tags_slash_folders")}
		li.tag(ng-cloak)
			a.tag-name(href, ng-click="openNewTagModal()")
				i.fa.fa-fw.fa-plus
				span.name #{translate("new_folder")}
		li.tag(
			ng-repeat="tag in tags | orderBy:'name'",
			ng-class="{active: tag.selected}",
			ng-cloak,
			ng-click="selectTag(tag)"
		)
			a.tag-name(href)
				i.icon.fa.fa-fw(
					ng-class="{\
						'fa-folder-open-o': tag.selected,\
						'fa-folder-o': !tag.selected\
					}"
				)
				span.name {{tag.name}} 
					span.subdued  ({{tag.project_ids.length}})
					span.v1-badge(
						ng-if="tag.isV1",
						ng-cloak,
						aria-label=translate("v1_badge")
						tooltip-template="'v1TagTooltipTemplate'"
						tooltip-append-to-body="true"
					)
			span.dropdown.tag-menu(dropdown)(ng-if="!tag.isV1")
				a.dropdown-toggle(
					href="#",
					data-toggle="dropdown",
					dropdown-toggle,
					stop-propagation="click"
				)
					span.caret
				ul.dropdown-menu.dropdown-menu-right(
					role="menu"
				)
					li
						a(href, ng-click="renameTag(tag)", stop-propagation="click")
							| #{translate("rename")}
					li
						a(href, ng-click="deleteTag(tag)", stop-propagation="click")
							| #{translate("delete")}
		li.tag.untagged(
			ng-if="tags.length",
			ng-cloak,
			ng-click="selectUntagged()"
			ng-class="{active: filter === 'untagged'}",
		) 	
			a.tag-name(href)
				span.name
					| #{translate("uncategorized")}
				span.subdued  ({{ nUntagged }})

.row-spaced(ng-if="projects.length == 0", ng-cloak)
	.first-project
		div
			i.fa.fa-arrow-up.fa-2x
		div
			strong #{translate("create_your_first_project")}
			
- if (showUserDetailsArea)
	span(ng-controller="LeftHandMenuPromoController",  ng-cloak)

		.row-spaced#userProfileInformation(ng-if="hasProjects")
			div(ng-controller="UserProfileController")
				hr(ng-show="percentComplete < 100")
				.text-centered.user-profile(ng-show="percentComplete < 100")
					.progress
						.progress-bar.progress-bar-info(ng-style="{'width' : (percentComplete+'%')}")

					p.small #{translate("profile_complete_percentage", {percentval:"{{percentComplete}}"})}
					
					button#completeUserProfileInformation.btn.btn-info(
						ng-hide="formVisable",
						ng-click="openUserProfileModal()"
					) #{translate("complete")}


		.row-spaced(ng-if="hasProjects && userHasNoSubscription", ng-cloak).text-centered
			hr
			p.small #{translate("on_free_sl")}
			p
				a(href="/user/subscription/plans").btn.btn-primary #{translate("upgrade")}
			if (!settings.overleaf)
				p.small.text-centered
					| #{translate("or_unlock_features_bonus")} 
					a(href="/user/bonus") #{translate("sharing_sl")} .

			
script.
	window.userHasNoSubscription = #{!!(settings.enableSubscriptions && !hasSubscription)}