%li.key-list-item
  .float-left.gl-mr-3
    = sprite_icon('key', css_class: "settings-list-icon d-none d-sm-block gl-mt-4")
  .key-list-item-info
    - key.emails_with_verified_status.map do |email, verified|
      = render partial: 'shared/email_with_badge', locals: { email: email, verified: verified }

    %span.text-truncate
      %code= key.fingerprint
    - if key.subkeys.present?
      .subkeys
        %span.bold
          = _('Subkeys')
          = ':'
        %ul.subkeys-list
          - key.subkeys.each do |subkey|
            %li
              %code= subkey.fingerprint
  .float-right
    %span.key-created-at
      = html_escape(s_('Profiles|Created %{time_ago}')) % { time_ago: time_ago_with_tooltip(key.created_at) }
    = link_to profile_gpg_key_path(key), data: { confirm: _('Are you sure? Removing this GPG key does not affect already signed commits.') }, method: :delete, class: "gl-button btn btn-icon btn-danger gl-ml-3" do
      %span.sr-only= _('Remove')
      = sprite_icon('remove')
    = link_to revoke_profile_gpg_key_path(key), data: { confirm: _('Are you sure? All commits that were signed with this GPG key will be unverified.') }, method: :put, class: "gl-button btn btn-danger gl-ml-3" do
      %span.sr-only= _('Revoke')
      = _('Revoke')