%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'