{include file='header.tpl' subheader='user-header.tpl' showbio=true}

{if $nowplaying}
<div class="alert alert-info">
  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
	<strong>Now playing: </strong>
	<span class="glyphicon glyphicon-music"></span>
	<a class="alert-link" href="{$nowplaying[0].trackurl}">
	   {$nowplaying[0].track}
	</a>
	by
	<a class="alert-link" href="{$nowplaying[0].artisturl}">
	  {$nowplaying[0].artist}
	</a>
</div>
{/if}

{userscrobbles userid=$me->uniqueid  limit=10}
<h3>Recent plays</h3>
{include file="tracklist.tpl" class=#table# items=$userscrobbles fimage=true fstream=true fartist=true flove=true ftime=true}

{topartists userid=$me->uniqueid  limit=10}
<h3>Top Artists</h3>
	<ol>
	{section name=i loop=$topartists}
		<li>{$topartists[i].name} {$topartists[i].plays}</li>
	{/section}
	</ol>

{toptracks userid=$me->uniqueid  limit=10}
<h3>Top Tracks</h3>
	<ol>
	{section name=i loop=$toptracks}
		<li>{$toptracks[i].artist} - {$toptracks[i].name} {$toptracks[i].plays}</li>
	{/section}
	</ol>

{if !empty($lovedArtists)}
	<br />
	<h3>{t name=$me->name}Free artists that %1 loves{/t}</h3>
	<ul class="tagcloud">
		{section name=i loop=$lovedArtists}
			<li style='font-size:{$lovedArtists[i].size}'><a href='{$lovedArtists[i].pageurl}'>{$lovedArtists[i].name}</a></li>
		{/section}
	</ul>
{/if}

{if !empty($recommendedArtists)}
	<br />
	<h3>{t name=$me->name}Free artists that %1 might like{/t}</h3>
	<ul class="tagcloud">
		{foreach from=$recommendedArtists item=artist}
			<li style='font-size:{$artist.size}'><a href='{$artist.url}'>{$artist.artist}</a></li>
		{/foreach}
	</ul>
{/if}

{include file='footer.tpl'}