if hasFeature('v2-banner')
	.userNotifications
		ul.list-unstyled.notifications-list(ng-controller="OverleafV2NotificationController", ng-show="visible")
			li.notification_entry
				.row
					.col-xs-12
						.alert.alert-danger
							.notification_inner
								.notification_body(event-tracking="sees_v2_banner_2" event-tracking-mb="true" event-segmentation="{location: 'welcome', v2_onboard: true}" event-tracking-trigger="load" event-tracking-send-once="true")
									a.btn.btn-info.btn-sm.pull-right(
										event-tracking="go_to_v2"
										event-tracking-mb="true"
										event-segmentation="{location: 'welcome', v2_onboard: true}"
										event-tracking-trigger="click"
										href="/user/login_to_ol_v2"
										style="margin-left: 8px;"
									) Go to Overleaf v2
									i.fa.fa-bullhorn
									| &nbsp;Good news! Overleaf and ShareLaTeX have joined forces to bring you <em>Overleaf v2</em>, which is based on the ShareLaTeX editor and combines the best of both services. All ShareLaTeX accounts will move to Overleaf v2 on <strong>September 4th, 2018</strong> (<a event-tracking="click_v2_read_more" event-tracking-mb="true" event-segmentation="{location: 'welcome', v2_onboard: true}" event-tracking-trigger="click" href="https://www.overleaf.com/blog/654-overleaf-v2-launch-announcement" style="text-decoration: underline">read more</a>). You can also <a href="/user/login_to_ol_v2" style="text-decoration: underline">try Overleaf v2 now</a>.
								.notification_close
									button(ng-click="dismiss()" event-tracking="closes_v2_banner" event-tracking-mb="true" event-segmentation="{location: 'welcome', v2_onboard: true}"  event-tracking-trigger="click").close.pull-right
										span(aria-hidden="true") &times;
										span.sr-only #{translate("close")}

span(ng-controller="NotificationsController").userNotifications
	ul.list-unstyled.notifications-list(
		ng-if="notifications.length > 0",
		ng-cloak
	)
		li.notification_entry(
			ng-repeat="notification in notifications",
		)
			.row(ng-hide="notification.hide")
				.col-xs-12
					div(ng-switch="notification.templateKey")
						.alert.alert-info(ng-switch-when="notification_project_invite", ng-controller="ProjectInviteNotificationController")
							div.notification_inner
								.notification_body(ng-show="!notification.accepted")
									| !{translate("notification_project_invite_message")}
									a.pull-right.btn.btn-sm.btn-info(href, ng-click="accept()", ng-disabled="notification.inflight")
										span(ng-show="!notification.inflight") #{translate("join_project")}
										span(ng-show="notification.inflight")
											i.fa.fa-fw.fa-spinner.fa-spin
											| &nbsp;
											| #{translate("joining")}...
								.notification_body(ng-show="notification.accepted")
									| !{translate("notification_project_invite_accepted_message")}
									a.pull-right.btn.btn-sm.btn-info(href="/project/{{ notification.messageOpts.projectId }}") #{translate("open_project")}
								span().notification_close
									button(ng-click="dismiss(notification)").close.pull-right
										span(aria-hidden="true") &times;
										span.sr-only #{translate("close")}
						.alert.alert-info(ng-switch-when="notification_group_invite")
							div.notification_inner
								.notification_body
									| #{translate("invited_to_join_team")}: {{ notification.messageOpts.groupName }}
									a.pull-right.btn.btn-sm.btn-info(href="/user/subscription/domain/join")
										| #{translate("join_team")}
								span().notification_close
									button(ng-click="dismiss(notification)").close.pull-right
										span(aria-hidden="true") &times;
										span.sr-only #{translate("close")}
						.alert.alert-info(ng-switch-default)
							div.notification_inner
								span(ng-bind-html="notification.html").notification_body
								span().notification_close
									button(ng-click="dismiss(notification)").close.pull-right
										span(aria-hidden="true") &times;
										span.sr-only #{translate("close")}