#modal-group-memberships.modal.fade{"aria-hidden" => "true", "aria-labelledby" => "modal-group-memberships-label", :role => "dialog", :tabindex => "-1"}
  .modal-dialog
    .modal-content
      .modal-header
        %button.close{"data-dismiss" => "modal", :type => "button"}
          %span{"aria-hidden" => "true"} ×
          %span.sr-only Close
        %h4#modal-group-memberships-label.modal-title Manage group memberships
      %div{role: "tabpanel"}
        %ul.nav.nav-tabs{role: "tablist"}
          %li.active{role: "presentation"}
            %a{href: "#grouplist", aria: {controls: "grouplist"}, data: {toggle: "tab"}, role: "tab"}
              Groups
          %li{role: "presentation"}
            %a{href: "#create", aria: {controls: "create"}, data: {toggle: "tab"}, role: "tab"}
              Create new group

        .tab-content
          .tab-pane.active{role:"tabpanel", id: "grouplist"}
            %ul.list-group.groups--list
              - current_user.groups.each do |group|
                %li.list-group-item
                  .media
                    .pull-left.j2-table
                      %input.input--center{type: :checkbox, name: 'gm-group-check', data: { group: group.name, user: @user.screen_name }, checked: @user.member_of?(group), autocomplete: 'off'}
                    .media-body
                      .list-group-item-heading= group.display_name
                      .list-group-item-text.text-muted.j2-up
                        %span{id: "#{group.name}-members"}= group.members.count
                        members
          .tab-pane{role:"tabpanel", id: "create"}
            .modal-body
              Nothing here yet :(
      .modal-footer
        %button.btn.btn-primary{name: 'gm-save', type: :button, data: { dismiss: :modal }} Done