<div class="menu-row menu-row--highlighted">
    <xf:macro name="visitor_panel_row" />
</div>

<xf:macro name="visitor_panel_row">
    <div class="contentRow">
        <div class="contentRow-figure">
            <xf:avatar user="{$xf.visitor}" size="m" href="" notooltip="true" update="{{ link('account/avatar', $xf.visitor) }}" />
        </div>
        <div class="contentRow-main">
            <h3 class="contentRow-header"><xf:username user="$xf.visitor" rich="true" notooltip="true" /></h3>
            <div class="contentRow-lesser">
                <xf:usertitle user="$xf.visitor" />
            </div>



            <div class="contentRow-minor">
                <!--[XF:stats_pairs:above_messages]-->
                <dl class="pairs pairs--justified fauxBlockLink">
                    <dt><i class="fa fa-comments fa-large fa-fixed-width" style="padding-right:6px;"></i>{{ phrase('messages') }}</dt>
                    <dd>
                        <a href="{{ link('search/member', null, {'user_id': $xf.visitor.user_id}) }}" class="fauxBlockLink-linkRow u-concealed">
                            {$xf.visitor.message_count|number}
                        </a>
                    </dd>
                </dl>
                <!--[XF:stats_pairs:above_likes]-->
                <dl class="pairs pairs--justified fauxBlockLink">
                    <dt><i class="fa fa-thumbs-up fa-large fa-fixed-width" style="padding-right:6px;"></i>{{ phrase('likes') }}</dt>
                    <dd>
                        <a href="{{ link('account/likes') }}" class="fauxBlockLink-linkRow u-concealed">
                            {$xf.visitor.like_count|number}
                        </a>
                    </dd>
                </dl>
                <!--[XF:stats_pairs:above_points]-->
                <xf:if is="$xf.options.enableTrophies">
                    <dl class="pairs pairs--justified fauxBlockLink">
                        <dt><i class="fa fa-trophy fa-large fa-fixed-width" style="padding-right:6px;"></i>{{ phrase('trophy_points') }}</dt>
                        <dd>
                            <a href="{{ link('members/trophies', $xf.visitor) }}" data-xf-click="overlay" class="fauxBlockLink-linkRow u-concealed">
                                {$xf.visitor.trophy_points|number}
                            </a>
                        </dd>
                    </dl>
                </xf:if>
            </div>
        </div>
    </div>
</xf:macro>

<!--[XF:menu_separator:below_visitor_panel]-->
<hr class="menu-separator menu-separator--hard" />

<ul class="listPlain listColumns listColumns--narrow listColumns--together">
    <!--[XF:content_links:top]-->
    <li><a href="{{ link('whats-new/news-feed') }}" class="menu-linkRow"><i class="fa fa-rss-square fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('news_feed') }}</a></li>
    <li><a href="{{ link('search/member', null, {'user_id': $xf.visitor.user_id}) }}" class="menu-linkRow"><i class="fa fa-comment fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('your_content') }}</a></li>
    <li><a href="{{ link('account/likes') }}" class="menu-linkRow"><i class="fa fa-thumbs-up fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('likes_received') }}</a></li>
    <!--[XF:content_links:bottom]-->
</ul>

<!--[XF:menu_separator:below_content_links]-->
<hr class="menu-separator" />

<ul class="listPlain listColumns listColumns--narrow listColumns--together">
    <!--[XF:account_links:top]-->
    <li><a href="{{ link('account/account-details') }}" class="menu-linkRow"><i class="fa fa-user fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('account_details') }}</a></li>
    <li><a href="{{ link('account/security') }}" class="menu-linkRow"><i class="fa fa-key fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('password_and_security') }}</a></li>
    <li><a href="{{ link('account/privacy') }}" class="menu-linkRow"><i class="fa fa-lock fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('privacy') }}</a></li>
    <li><a href="{{ link('account/preferences') }}" class="menu-linkRow"><i class="fa fa-cogs fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('preferences') }}</a></li>
    <li><a href="{{ link('account/signature') }}" class="menu-linkRow"><i class="fa fa-pencil fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('signature') }}</a></li>
    <xf:if is="$xf.app.userUpgradeCount">
        <li><a href="{{ link('account/upgrades') }}" class="menu-linkRow"><i class="fa fa-shopping-cart fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('account_upgrades') }}</a></li>
    </xf:if>
    <xf:if is="$xf.app.connectedAccountCount">
        <li><a href="{{ link('account/connected-accounts') }}" class="menu-linkRow"><i class="fa fa-users fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('connected_accounts') }}</a></li>
    </xf:if>
    <li><a href="{{ link('account/following') }}" class="menu-linkRow"><i class="fa fa-user-plus fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('following') }}</a></li>
    <li><a href="{{ link('account/ignored') }}" class="menu-linkRow"><i class="fa fa-user-times fa-large fa-fixed-width" style="padding-right:6px;"></i> {{ phrase('ignoring') }}</a></li>
    <!--[XF:account_links:bottom]-->
</ul>

<!--[XF:menu_separator:below_account_links]-->
<hr class="menu-separator" />

<a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="menu-linkRow"><i class="fa fa-key fa-large fa-fixed-width" style="padding-right:6px;"></i>{{ phrase('log_out') }}</a>

<xf:if is="$xf.visitor.canPostOnProfile()">
    <xf:form action="{{ link('members/post', $xf.visitor) }}" ajax="true" data-redirect="off" data-reset-complete="true" class="menu-footer">
        <xf:textarea name="message" rows="1" autosize="true"
            maxlength="{$xf.options.profilePostMaxLength}"
            placeholder="{{ phrase('update_your_status...') }}"
            data-xf-init="focus-trigger user-mentioner" data-display="< :next" />
        <div class="u-hidden u-hidden--transition u-inputSpacer">
            <xf:button type="submit" class="button--primary"><i class="fa fa-comment fa-large fa-fixed-width" style="padding-right:6px;"></i>{{ phrase('post_verb') }}</xf:button>
        </div>
    </xf:form>
</xf:if>