div
button.btn.btn-primary(b-btn, @click="$root.$emit('show::modal','members-modal')") {{ $t('viewMembers') }}
b-modal#members-modal(:title="$t('createGuild')", size='lg')
.header-wrap(slot="modal-header")
.row
.col-6
h1(v-once) {{$t('members')}}
.col-6
button(type="button" aria-label="Close" class="close")
span(aria-hidden="true") ×
.row
.form-group.col-6
input.form-control.search(type="text", :placeholder="$t('search')", v-model='searchTerm')
.col-4.offset-2
span.dropdown-label {{ $t('sortBy') }}
b-dropdown(:text="$t('sort')", right=true)
b-dropdown-item(v-for='sortOption in sortOptions', @click='sort(sortOption.value)', :key='sortOption.value') {{sortOption.text}}
.row(v-for='member in members', :key='member', )
.col-8.offset-1
member-details(:user='member')
.col-3.actions
b-dropdown(:text="$t('sort')", right=true)
b-dropdown-item(@click='sort(option.value)')
img.action-icon(src='~assets/members/remove.svg')
| {{$t('removeMember')}}
b-dropdown-item(@click='sort(option.value)')
img.action-icon(src='~assets/members/message.svg')
| {{$t('sendMessage')}}
b-dropdown-item(@click='sort(option.value)')
img.action-icon(src='~assets/members/star.svg')
| {{$t('promoteToLeader')}}
b-dropdown-item(@click='sort(option.value)')
img.action-icon(src='~assets/members/star.svg')
| {{$t('addManager')}}
b-dropdown-item(@click='sort(option.value)')
img.action-icon(src='~assets/members/remove.svg')
| {{$t('removeManager2')}}
b-modal#remove-member(:title="$t('confirmRemoveMember')")
button(@click='confirmRemoveMember(member)', v-once) {{$t('remove')}}
b-modal#private-message(:title="$t('confirmRemoveMember')")
button(@click='confirmRemoveMember(member)', v-once) {{$t('remove')}}