%h1.page-title
  = "Your account"

.grid-row.basic-info-row
  .column-quarter
    .bold-xsmall
      Name:
    .xsmall
      = @external_user.name
  .column-quarter
    .bold-xsmall
      Email:
    .xsmall
      = mail_to @external_user.email, @external_user.email
  .column-half
    &nbsp;

.grid-row.basic-info-row
  .column-quarter
    .bold-xsmall
      Role:
    .xsmall
      = @external_user.role.humanize
  .column-quarter
    .bold-xsmall
      Supplier number:
    .xsmall
      = @external_user.supplier_number
  .column-half
    &nbsp;

- if can? :edit, @external_user
  = link_to 'Edit', edit_external_users_admin_external_user_path(@external_user), class: 'button button-secondary'

- if can? :change_password, @external_user
  = link_to 'Change password', change_password_external_users_admin_external_user_path(@external_user), class: 'button button-secondary'

%h1.page-title
  = "Your account"

.grid-row.basic-info-row
  .column-quarter
    .bold-xsmall
      Name:
    .xsmall
      = @external_user.name
  .column-quarter
    .bold-xsmall
      Email:
    .xsmall
      = mail_to @external_user.email, @external_user.email
  .column-half
    &nbsp;

.grid-row.basic-info-row
  .column-quarter
    .bold-xsmall
      Roles:
    .xsmall
      = @external_user.roles.map(&:humanize).join(', ')
  .column-quarter
    .bold-xsmall
      Supplier number:
    .xsmall
      = @external_user.supplier_number
  .column-half
    &nbsp;

- if can? :edit, @external_user
  = link_to 'Edit', edit_external_users_admin_external_user_path(@external_user), class: 'button button-secondary'

- if can? :change_password, @external_user
  = link_to 'Change password', change_password_external_users_admin_external_user_path(@external_user), class: 'button button-secondary'

Update template to show roles
Update template to show roles
