<xf:title>{{ phrase('trophies_awarded_to_x', {'name': $user.username}) }}</xf:title>

<xf:head option="noindex"><meta name="robots" content="noindex" /></xf:head>

<xf:breadcrumb href="{{ link('members', $user) }}">{$user.username}</xf:breadcrumb>

<div class="block">
	<div class="block-container">
		<xf:if is="$trophies is not empty">
			<ol class="block-body">
				<xf:foreach loop="$trophies" value="$trophy">
					<li class="block-row block-row--separated">
						<div class="contentRow">
							<span class="contentRow-figure contentRow-figure--text contentRow-figure--fixedSmall">{$trophy.Trophy.trophy_points}</span>
							<div class="contentRow-main">
								<span class="contentRow-extra"><xf:date time="{$trophy.award_date}" /></span>
								<h2 class="contentRow-header">{$trophy.Trophy.title}</h2>
								<div class="contentRow-minor">{$trophy.Trophy.description|raw}</div>
							</div>
						</div>
					</li>
				</xf:foreach>
			</ol>
		<xf:else />
			<div class="block-body block-row">{{ phrase('x_has_not_been_awarded_any_trophies_yet', {'name': $user.username}) }}</div>
		</xf:if>
		<div class="block-footer block-footer--split">
			<span class="block-footer-counter">{{ phrase('total_points:') }} {{ number($user.trophy_points) }}</span>
			<span class="block-footer-controls">
				<xf:button href="{{ link('help', {'page_name': 'trophies'}) }}">
					{{ phrase('view_all_available_trophies') }}
				</xf:button>
			</span>
		</div>
	</div>
</div>