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-info
							.notification_inner
								.notification_body(event-tracking="sees_v2_banner" 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") Try Overleaf v2
									| ShareLaTeX is joining Overleaf and will become <em>Overleaf v2</em> in late 2018 (<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/help/342-overleaf-v2-faq">read more</a>).
									<br/>
									| We’re beta testing Overleaf v2 now and you can try it out with your ShareLaTeX account.
								.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")}