<div class="block">
<div class="block-container">
<div class="block-header">
{{ phrase('geniusBlockTitle') }} {$xf.visitor.username} !<span class="genius-link"><a href="{$xf.options.geniusExplainURL}">{$xf.options.geniusExplainTitle}</a></span>
</div>
<div class="genius-flex">
<div class="block-row">
<h3 class="block-textHeader">{{ phrase('posts') }}</h3>
<div class="genius-level">
<xf:if is="$xf.visitor.message_count > $xf.options.geniusMemberPosts.level">
<i class="fas fa-check-circle genius-green"></i>
<xf:else />
<span class="genius-dimmed">{$xf.visitor.message_count|number} / <b>{$xf.options.geniusMemberPosts.level}</b></span>
</xf:if>
</div>
</div>
<div class="block-row">
<h3 class="block-textHeader">{{ phrase('solutions') }}</h3>
<div class="genius-level">
<xf:if is="$xf.visitor.question_solution_count > $xf.options.geniusMemberSolutions.level">
<i class="fas fa-check-circle genius-green"></i>
<xf:else />
<span class="genius-dimmed">{$xf.visitor.question_solution_count|number} / <b>{$xf.options.geniusMemberSolutions.level}</b></span>
</xf:if>
</div>
</div>
<div class="block-row">
<h3 class="block-textHeader">{{ phrase('vote_score') }}</h3>
<div class="genius-level">
<xf:if is="$xf.visitor.vote_score > $xf.options.geniusMemberVote.level">
<i class="fas fa-check-circle genius-green"></i>
<xf:else />
<span class="genius-dimmed">{$xf.visitor.vote_score|number} / <b>{$xf.options.geniusMemberVote.level}</b></span>
</xf:if>
</div>
</div>
<div class="block-row">
<h3 class="block-textHeader">{{ phrase('reaction_score') }}</h3>
<div class="genius-level">
<xf:if is="$xf.visitor.reaction_score > $xf.options.geniusMemberReaction.level">
<i class="fas fa-check-circle genius-green"></i>
<xf:else />
<span class="genius-dimmed">{$xf.visitor.reaction_score|number} / <b>{$xf.options.geniusMemberReaction.level}</b></span>
</xf:if>
</div>
</div>
<div class="block-row">
<h3 class="block-textHeader">{{ phrase('trophy_points') }}</h3>
<div class="genius-level">
<xf:if is="$xf.visitor.trophy_points > $xf.options.geniusMemberTrophy.level">
<i class="fas fa-check-circle genius-green"></i>
<xf:else />
<span class="genius-dimmed">{$xf.visitor.trophy_points|number} / <b>{$xf.options.geniusMemberTrophy.level}</b></span>
</xf:if>
</div>
</div>
</div>
</div>
</div>