.card.h-card.p-author{ style: "background-image: url(#{account.header.url(:original)})" }
  .card__illustration
    = render 'accounts/follow_button', account: account
    .avatar= image_tag account.avatar.url(:original), class: 'u-photo'

  .card__bio
    %h1.name
      %span.p-name.emojify= display_name(account)
      %small
        %span @#{account.local_username_and_domain}
        = fa_icon('lock') if account.locked?

    - if Setting.show_staff_badge
      - if account.user_admin?
        .roles
          .account-role.admin
            = t 'accounts.roles.admin'
      - elsif account.user_moderator?
        .roles
          .account-role.moderator
            = t 'accounts.roles.moderator'

    .bio
      .account__header__content.p-note.emojify= Formatter.instance.simplified_format(account, custom_emojify: true)

      - unless account.fields.empty?
        %table.account__header__fields
          %tbody
            - account.fields.each do |field|
              %tr
                %th.emojify= field.name
                %td.emojify= Formatter.instance.format_field(account, field.value)

    .details-counters
      .counter{ class: active_nav_class(short_account_url(account)) }
        = link_to short_account_url(account), class: 'u-url u-uid' do
          %span.counter-number= number_to_human account.statuses_count, strip_insignificant_zeros: true
          %span.counter-label= t('accounts.posts')

      .counter{ class: active_nav_class(account_following_index_url(account)) }
        = link_to account_following_index_url(account) do
          %span.counter-number= number_to_human account.following_count, strip_insignificant_zeros: true
          %span.counter-label= t('accounts.following')

      .counter{ class: active_nav_class(account_followers_url(account)) }
        = link_to account_followers_url(account) do
          %span.counter-number= number_to_human account.followers_count, strip_insignificant_zeros: true
          %span.counter-label= t('accounts.followers')