<template name="userStatus">
	<div class="account-box">
		{{#with myUserInfo}}
			<div class="info status-{{status}} primary-background-color">
				{{#if username}}
					<div class="thumb" data-status='{{visualStatus}}'>
						{{> avatar username=username}}
					</div>
					<div class="data">
						<h4>{{username}}</h4>
					</div>
				{{/if}}
			</div>
			<nav class="options primary-background-color animated-hidden">
				<div class="wrapper">
					<button data-status="online" class="status online"><span>{{_ "Online"}}</span></button>
					<button data-status="away" class="status away"><span>{{_ "Away" context="male"}}</span></button>
					<button data-status="busy" class="status busy"><span>{{_ "Busy" context="male"}}</span></button>
					<button data-status="offline" class="status offline"><span>{{_ "Invisible"}}</span></button>
					<button id="account" class='account-link'><i class="icon-sliders"></i><span>{{_ "My_Account"}}</span></button>
					{{#if showAdminOption }}
						<button id="admin" class='account-link'><i class="icon-wrench"></i><span>{{_ "Administration"}}</span></button>
					{{/if}}
					<button id="logout"><i class="icon-logout"></i><span>{{_ "Logout"}}</span></button>
				</div>
			</nav>
		{{/with}}
	</div>
</template>
