{{! Contents of the "message info" popup }}
<ul class="nav nav-list actions_popover info_popover_actions" data-user-id="{{user_id}}">
    <div class="popover_info">
        <li>
            <b>{{user_full_name}}</b>
            {{#if is_active }}
                {{#if is_bot}}
                <i class="zulip-icon zulip-icon-bot" aria-hidden="true"></i>
                {{else}}
                <span class="{{user_circle_class}} user_circle popover_user_presence tippy-zulip-tooltip hidden-for-spectators" data-tippy-content="{{user_last_seen_time_status}}"></span>
                {{/if}}
            {{/if}}
        </li>


        {{#if is_active }}
            {{#if show_email}}
            {{!-- This div is added to enable interactivity for tooltip - https://atomiks.github.io/tippyjs/v5/accessibility/#interactivity --}}
            <div>
                <li class="user_popover_email">
                    <i class="fa fa-clone hide_copy_icon" data-clipboard-text="{{ user_email }}"></i>
                    {{ user_email }}
                </li>
            </div>
            {{/if}}
        {{else}}
            <li class="user_popover_email half-opacity italic">{{#if is_bot}}{{#tr}}This bot has been deactivated.{{/tr}}{{else}}{{#tr}}This user has been deactivated.{{/tr}}{{/if}}</li>
        {{/if}}


        {{#if is_bot}}
            {{#if bot_owner}}
                <li>{{#tr}}Bot owner{{/tr}}:
                    <span class="bot-owner-name view_user_profile" data-user-id='{{ bot_owner.user_id }}'>
                        {{bot_owner.full_name}}
                    </span>
                </li>
            {{else if is_system_bot}}
                <li>{{#tr}}System bot{{/tr}}</li>
            {{else}}
                <li>{{#tr}}Bot{{/tr}}</li>
            {{/if}}
        {{else}}
            <li>{{ user_type }}</li>
        {{/if}}
        {{!-- Display selected custom profile fields in this popover. --}}
        {{#each display_profile_fields}}
            <li data-type="{{this.type}}" class="field-section custom_user_field tippy-zulip-tooltip" data-tippy-content="{{this.name}}" data-field-id="{{this.id}}">
                {{#if this.is_link}}
                    <a tabindex="0" href="{{this.value}}" target="_blank" rel="noopener noreferrer" class="value">{{this.value}}</a>
                {{else if this.is_external_account}}
                    <a tabindex="0" href="{{this.link}}" target="_blank" rel="noopener noreferrer" class="value">
                        {{#if (eq this.subtype "github") }}
                        <i class="fa fa-github" aria-hidden="true"></i>
                        {{else if (eq this.subtype "twitter") }}
                        <i class="fa fa-twitter" aria-hidden="true"></i>
                        {{/if}}
                        {{this.value}}
                    </a>
                {{else}}
                    {{#if this.rendered_value}}
                    <span class="value rendered_markdown">{{rendered_markdown this.rendered_value}}</span>
                    {{else}}
                    <span class="value">{{this.value}}</span>
                    {{/if}}
                {{/if}}
            </li>
        {{/each}}

        {{#if user_time}}
            <li class="hidden-for-spectators">{{#tr}}{user_time} local time{{/tr}}</li>
        {{/if}}

        <li class="only-visible-for-spectators">{{#tr}}Joined {date_joined}{{/tr}}</li>
    </div>

    {{#if is_me}}
        <hr />
        {{#if invisible_mode}}
        <li>
            <a tabindex="0" class="invisible_mode_turn_off">
                <i class="fa fa-circle-o" aria-hidden="true"></i> {{#tr}}Turn off invisible mode{{/tr}}
            </a>
        </li>
        {{else}}
        <li>
            <a tabindex="0" class="invisible_mode_turn_on">
                <i class="fa fa-circle-o" aria-hidden="true"></i> {{#tr}}Go invisible{{/tr}}
            </a>
        </li>
        {{/if}}
        <li>
            <a tabindex="0" class="update_status_text">
                <i class="fa fa-comments" aria-hidden="true"></i>
                {{#if status_text}}
                    {{#tr}}Edit status{{/tr}}
                {{else}}
                    {{#tr}}Set a status{{/tr}}
                {{/if}}
            </a>
        </li>
    {{/if}}

    {{#if status_content_available}}
        {{#unless is_me}}<hr />{{/unless}}
        <li class="user_info_status_text">
            <span id="status_message">
                {{#if status_emoji_info}}
                    {{#if status_emoji_info.emoji_alt_code}}
                        <div class="emoji_alt_code">&nbsp:{{status_emoji_info.emoji_name}}:</div>
                    {{else if status_emoji_info.url}}
                        <img src="{{status_emoji_info.url}}" class="emoji status_emoji" />
                    {{else}}
                        <div class="emoji status_emoji emoji-{{status_emoji_info.emoji_code}}"></div>
                    {{/if}}
                {{/if}}
                {{status_text}}
                {{#if is_me}}(<a tabindex="0" class="clear_status">{{#tr}}clear{{/tr}}</a>){{/if}}
            </span>
        </li>
    {{/if}}

    {{#if spectator_view}}
    {{else}}

        <hr />
        <li>
            <a tabindex="0" class="view_full_user_profile">
                {{#if is_me}}
                    <i class="fa fa-user" aria-hidden="true"></i> {{#tr}}View your profile{{/tr}}
                {{else}}
                    <i class="fa fa-user" aria-hidden="true"></i> {{#tr}}View full profile{{/tr}}
                {{/if}}
            </a>
        </li>
        {{#if can_send_private_message}}
            <li>
                <a tabindex="0" class="{{ private_message_class }}">
                    <i class="fa fa-envelope" aria-hidden="true"></i> {{#tr}}Send private message{{/tr}} {{#if is_sender_popover}}<span class="hotkey-hint">(R)</span>{{/if}}
                </a>
            </li>
        {{/if}}
        {{#unless is_me}}
        <li>
            {{#if has_message_context}}
            <a tabindex="0" class="mention_user">
                <i class="fa fa-at" aria-hidden="true"></i>
                {{#if is_bot}}{{#tr}}Reply mentioning bot{{/tr}}{{else}}{{#tr}}Reply mentioning user{{/tr}}{{/if}}
                {{#if is_sender_popover}}<span class="hotkey-hint">(@)</span>{{/if}}
            </a>
            {{else}}
            <a tabindex="0" class="copy_mention_syntax" data-clipboard-text="{{ user_mention_syntax }}">
                <i class="fa fa-at" aria-hidden="true"></i>
                {{#tr}}Copy mention syntax{{/tr}}
                {{#if is_sender_popover}}<span class="hotkey-hint">(@)</span>{{/if}}
            </a>
            {{/if}}
        </li>
        {{/unless}}
        {{#if is_me}}
        <li>
            <a href="/#settings/profile">
                <i class="fa fa-edit" aria-hidden="true"></i> {{#tr}}Edit your profile{{/tr}}
            </a>
        </li>
        {{/if}}
        <hr />
        <li>
            <a href="{{ pm_with_url }}" class="narrow_to_private_messages">
                <i class="fa fa-lock" aria-hidden="true"></i>
                {{#if is_me}}
                    {{#tr}}View private messages to myself{{/tr}}
                {{else}}
                    {{#tr}}View private messages{{/tr}}
                {{/if}}
            </a>
        </li>
        <li>
            <a href="{{ sent_by_uri }}" class="narrow_to_messages_sent">
                <i class="fa fa-paper-plane" aria-hidden="true"></i> {{#tr}}View messages sent{{/tr}}
            </a>
        </li>

        {{#if can_mute }}
        <hr />
        <li>
            <a tabindex="0" class="sidebar-popover-mute-user">
                <i class="fa fa-eye-slash" aria-hidden="true"></i> {{#tr}}Mute this user{{/tr}}
            </a>
        </li>
        {{/if}}
        {{#if can_unmute}}
        <hr />
        <li>
            <a tabindex="0" class="sidebar-popover-unmute-user">
                <i class="fa fa-eye" aria-hidden="true"></i> {{#tr}}Unmute this user{{/tr}}
            </a>
        </li>
        {{/if}}
        {{#if can_manage_user}}
            {{#if is_active}}
            <li>
                <a tabindex="0" class="sidebar-popover-manage-user">
                    <i class="fa fa-edit" aria-hidden="true"></i> {{#if is_bot}}{{#tr}}Manage this bot{{/tr}}{{else}}{{#tr}}Manage this user{{/tr}}{{/if}}
                </a>
            </li>
            {{else}}
            <li>
                <a tabindex="0" class="sidebar-popover-reactivate-user">
                    <i class="fa fa-user-plus" aria-hidden="true"></i> {{#if is_bot}}{{#tr}}Reactivate this bot{{/tr}}{{else}}{{#tr}}Reactivate this user{{/tr}}{{/if}}
                </a>
            </li>
            {{/if}}
        {{/if}}
    {{/if}}
</ul>