<div class="sidePanel sidePanel--nav sidePanel--visitor">
	<div class="sidePanel__tabPanels">
		
		<div data-content="navigation" class="is-active sidePanel__tabPanel js-navigationTabPanel">
			<xf:macro name="canvasNavPanel" template="PAGE_CONTAINER" arg-widgets="{$uix_sidebarNavWidgets}" />
		</div>
		
		<xf:if is="$xf.visitor.user_id && (property('uix_visitorTabsMobile') == 'canvas')">
			
		<div data-content="account" class="sidePanel__tabPanel js-visitorTabPanel">
		<div class="uix_canvasPanelBody" data-menu="menu" aria-hidden="true"
			 data-href="{{ link('account/visitor-menu') }}"
			 data-load-target=".js-visitorMenuBody">
				<div class="offCanvasMenu-header">
					{{ phrase('your_account') }}
					<a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close') }}"></a>
				</div>
				<div class="js-visitorMenuBody"></div>
		</div>
		</div>
		
		<div data-content="inbox" class="sidePanel__tabPanel js-convoTabPanel">
				<div class="uix_canvasPanelBody" data-menu="menu" aria-hidden="true"
					 data-href="{{ link('conversations/popup') }}"
					 data-nocache="true"
					 data-target=".js-convMenuBody">
					<div class="offCanvasMenu-header">
						{{ phrase('conversations') }}
						<a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close') }}"></a>
					</div>
					<div class="js-convMenuBody">
					</div>
				</div>
				<div class="menu-footer">
					<a href="{{ link('conversations/add') }}" class="u-pullRight">{{ phrase('start_new_conversation') }}</a>
					<a href="{{ link('conversations') }}">{{ phrase('show_all...') }}</a>
				</div>
		</div>
		
		<div data-content="alerts" class="sidePanel__tabPanel js-alertTabPanel">
				<div class="uix_canvasPanelBody" data-menu="menu" aria-hidden="true"
					 data-href="{{ link('account/alerts-popup') }}"
					 data-nocache="true"
					 data-target=".js-alertsMenuBody">
					<div class="offCanvasMenu-header">
						{{ phrase('alerts') }}
						<a class="offCanvasMenu-closer" data-menu-close="true" role="button" tabindex="0" aria-label="{{ phrase('close') }}"></a>
					</div>
					<div class="js-alertsMenuBody">
					</div>
				</div>
				<div class="menu-footer menu-footer--split">
					<span class="menu-footer-main">
						<a href="{{ link('account/alerts') }}">{{ phrase('show_all...') }}</a>
					</span>
					<span class="menu-footer-opposite">
						<a href="{{ link('account/preferences') }}">{{ phrase('preferences') }}</a>
					</span>
				</div>
		</div>
			
		</xf:if>
		
	</div>
</div>