[% IF relationship && relationship.blocked_by %]
    <span class="e-notice">You are blocked by this user. You can still interact, but they will not be notifed of your interactions.</span>
[% END %]
[% IF acct.id == ssn.account.id %]
    <div class="menubar">
        <a href="{{%s:prefix}}/blocked">{{ %s : blocked_str }}</a>
        <span class="bullet-separate">&bull;</span>
        <a href="{{%s:prefix}}/muted">{{ %s : muted_str }}</a>
        <span class="bullet-separate">&bull;</span>
        <a href="{{%s:prefix}}/favourites">{{ %s : favourited_str }}</a>
    </div>
[% END %]
<div class="account">
    <div class="acct-banner" style="background-image:url('[% acct.header %]');">
        [% IF relationship && relationship.following %]
            
        [% END %]
        <div class="acct-info-data">
            <span class="acct-displayname">[% acct.display_name %]</span>
            <span class="acct-username">@[% acct.acct %]</span>
        </div>

        <span class="menu-container user-options-btn">
            Menu
            <div class="menu menu-options">
                <ul>
                    <li><a class="nolink" href="{{%s:prefix}}/user/{{%s:userid}}/action/{{%s:unsubscribe}}subscribe"><input class="btn-menu" type="button" value="{{%s:subscribe_text}}"></a></li>
                    <li><a class="nolink" href="{{%s:prefix}}/user/{{%s:userid}}/action/{{%s:unblock}}block"><input class="btn-menu" type="button" value="{{%s:block_text}}"></a></li>
                    <li><a class="nolink" href="{{%s:prefix}}/user/{{%s:userid}}/action/{{%s:unmute}}mute"><input class="btn-menu" type="button" value="{{%s:mute_text}}"></a></li>
                </ul>
            </div>
        </span>
    </div>
    
    <div class="acct-header">
        <a href="{{%s:prefix}}/@{{%s:acct}}" class="header-btn btn">
            <span class="btn-header">[% lang('TAB_STATUSES') %]</span>
            <span class="btn-content">[% acct.statuses_count %]</span>
        </a>
        
        <a href="{{%s:prefix}}/@{{%s:acct}}/following" class="header-btn btn">
            <span class="btn-header">[% lang('TAB_FOLLOWING') %]</span>
            <span class="btn-content">[% acct.following_count %]</span>
        </a>

        <a href="{{%s:prefix}}/@{{%s:acct}}/followers" class="header-btn btn">
            <span class="btn-header">[% lang('TAB_FOLLOWERS') %]</span>
            <span class="btn-content">[% acct.followers_count %]</span>
        </a>
        
        [%# {{%s:follow_btn}} %]
    </div>
    <div class="acct-pfp-wrapper">
        <img class="acct-pfp" src="[% acct.avatar %]">
    </div>
</div>

[% IF acct.note %]
    <div class="account-info">
        <div class="account-note">[% acct.note %]</div>
    </div>
[% END %]

<table class="tabs ui-table">
    <tr>
        <td>
            <a href="{{%s:prefix}}/@{{%s:acct}}/statuses"><input class="tab-btn btn {{%s:tab_statuses_focused}}" type="button" value="{{%s:tab_statuses_text}}"></a>
        </td>
        <td>
            <a href="{{%s:prefix}}/@{{%s:acct}}/scrobbles"><input class="tab-btn btn {{%s:tab_scrobbles_focused}}" type="button" value="{{%s:tab_scrobbles_text}}"></a>
        </td>
        <td>
            <a href="{{%s:prefix}}/@{{%s:acct}}/media"><input class="tab-btn btn {{%s:tab_media_focused}}" type="button" value="{{%s:tab_media_text}}"></a>
        </td>
        <td>
            <a href="{{%s:prefix}}/@{{%s:acct}}/pinned"><input class="tab-btn btn {{%s:tab_pinned_focused}}" type="button" value="{{%s:tab_pinned_text}}"></a>
        </td>
    </tr>
</table>

<div class="account-content">
    [% content %]
</div>