%li.list-group-item{ id: "group-#{group.name}" }
  .media
    .pull-left
      .custom-control.custom-checkbox
        %input.custom-control-input{ type: :checkbox,
          id: "groupCheck#{group.id}",
          name: 'gm-group-check',
          data: { group: group.name, user: user.screen_name }, checked: user.member_of?(group), autocomplete: 'off' }
        %label.custom-control-label{ for: "groupCheck#{group.id}" }
    .media-body
      .list-group-item-heading= group.display_name
      .list-group-item-text.text-muted
        %span{ id: "#{group.name}-members" }= group.members.count
        = t 'views.modal.group.members'
        ·
        %a.text-danger#delete-group{ href: '#', data: { group: group.name } }
          %i.fa.fa-close
          = t 'views.actions.delete'