<xf:macro name="uix_tabBar">
	<xf:if is="$xf.visitor.user_id">
		<div class="uix_tabBar">
			<div class="uix_tabList">
				<a href="{{ link('account') }}" class="uix_tabItem">
					<xf:fa icon="fa-user" />
					<div class="uix_tabLabel">{{ phrase('thuix_account')}}</div>
				</a>
				<a href="{{ link('whats-new') }}" class="uix_tabItem">
					<xf:fa icon="fa-comment-alt-exclamation" />
					<div class="uix_tabLabel">{{ phrase('whats_new')}}</div>
				</a>
				<a href="{{ link('conversations') }}" data-xf-click="overlay" data-badge="{$xf.visitor.conversations_unread|number}" class="uix_tabItem js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}">
					<xf:fa icon="fa-inbox" />
					<div class="uix_tabLabel">{{ phrase('inbox')}}</div>
				</a>
				<a href="{{ link('account/alerts') }}" data-xf-click="overlay" data-badge="{$xf.visitor.alerts_unread|number}" class="uix_tabItem js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unread ? ' badgeContainer--highlighted' : '' }}">
					<xf:fa icon="fa-bell" />
					<div class="uix_tabLabel">{{ phrase('alerts')}}</div>
				</a>
			</div>
		</div>
	</xf:if>
</xf:macro>