// TODO this is necessary until we have a way to wait for data to be loaded from the server
.row(v-if="guild")
.clearfix.col-12
.float-left
h1.page-header {{guild.name}}
strong.float-left {{$t('groupLeader')}}
span.float-left : {{guild.leader.profile.name}}
.float-right
.clearfix
h3.float-left
span.badge.badge-default {{guild.memberCount}}
| {{$t('members')}}
button.btn.float-left(:class="[isMember ? 'btn-danger' : 'btn-success']") {{ isMember ? $t('leave') : $t('join') }}
.col-5
h4(v-once) {{ $t('description') }}
p {{ guild.description }}
.col-7
h4(v-once) {{ $t('chat') }}
.card(v-for="msg in guild.chat", :key="msg.id")
.card-block
.clearfix
strong.float-left {{msg.user}}
.float-right {{msg.timestamp}}
.text {{msg.text}}