.row
.clearfix.col-8.standard-page
.row
.col-6.title-details
h1(v-once) {{ $t('welcomeToTavern') }}
.row.chat-row
.col-12
h3(v-once) {{ $t('welcomeToTavern') }}
textarea(:placeholder="$t('chatPlaceHolder')")
button.btn.btn-secondary.send-chat.float-right(v-once) {{ $t('send') }}
.container.community-guidelines(v-if='communityGuidelinesAccepted')
.row
div.col-8(v-once) {{ $t('communityGuidelinesIntro') }}
div.col-4
button.btn.btn-info(@click='acceptCommunityGuidelines()', v-once) {{ $t('acceptCommunityGuidelines') }}
.hr
.hr-middle(v-once) {{ $t('today') }}
.row
.col-md-2
.svg-icon(v-html="icons.like")
.col-md-10
.card(v-for="msg in group.chat", :key="msg.id")
.card-block
h3.leader Character name
span 2 hours ago
.clearfix
strong.float-left {{msg.user}}
.float-right {{msg.timestamp}}
.text {{msg.text}}
hr
span.action(v-once)
.svg-icon(v-html="icons.like")
| {{$t('like')}}
span.action(v-once)
.svg-icon(v-html="icons.copy")
| {{$t('copyAsTodo')}}
span.action(v-once)
.svg-icon(v-html="icons.report")
| {{$t('report')}}
span.action(v-once)
.svg-icon(v-html="icons.delete")
| {{$t('delete')}}
span.action.float-right
.svg-icon(v-html="icons.liked")
| +3
.col-md-4.sidebar
.section
.grassy-meadow-backdrop
.sleep
strong(v-once) {{ $t('sleepDescription') }}
ul
li(v-once) {{ $t('sleepBullet1') }}
li(v-once) {{ $t('sleepBullet2') }}
li(v-once) {{ $t('sleepBullet3') }}
li(v-once) {{ $t('sleepBullet4') }}
button.btn.btn-secondary.pause-button(v-if='!user.preferences.sleep', @click='toggleSleep()', v-once) {{ $t('pauseDailies') }}
button.btn.btn-secondary.pause-button(v-if='user.preferences.sleep', @click='toggleSleep()', v-once) {{ $t('unpauseDailies') }}
.section-header
.row
.col-10
h3(v-once) {{ $t('staffAndModerators') }}
.col-2
.toggle-up(@click="sections.staff = !sections.staff", v-if="sections.staff")
.svg-icon(v-html="icons.upIcon")
.toggle-down(@click="sections.staff = !sections.staff", v-if="!sections.staff")
.svg-icon(v-html="icons.downIcon")
.section.row(v-if="sections.staff")
.col-3.staff(v-for='user in staff', :class='{staff: user.type === "Staff", moderator: user.type === "Moderator", bailey: user.name === "It\'s Bailey"}')
.title {{user.name}}
.type {{user.type}}
.section-header
.row
.col-10
h3(v-once) {{ $t('helpfulLinks') }}
.col-2
.toggle-up(@click="sections.staff = !sections.staff", v-if="sections.staff")
.svg-icon(v-html="icons.upIcon")
.toggle-down(@click="sections.staff = !sections.staff", v-if="!sections.staff")
.svg-icon(v-html="icons.downIcon")
.section.row(v-if="sections.staff")
ul
li
a(herf='', v-once) {{ $t('communityGuidelinesLink') }}
li
a(herf='', v-once) {{ $t('lookingForGroup') }}
li
a(herf='', v-once) {{ $t('faq') }}
li
a(herf='', v-once) {{ $t('glossary') }}
li
a(herf='', v-once) {{ $t('wiki') }}
li
a(herf='', v-once) {{ $t('dataDisplayTool') }}
li
a(herf='', v-once) {{ $t('reportProblem') }}
li
a(herf='', v-once) {{ $t('requestFeature') }}
li
a(herf='', v-once) {{ $t('communityForum') }}
li
a(herf='', v-once) {{ $t('askQuestionGuild') }}
.section-header
.row
.col-10
h3(v-once) {{ $t('playerTiers') }}
.col-2
.toggle-up(@click="sections.staff = !sections.staff", v-if="sections.staff")
.svg-icon(v-html="icons.upIcon")
.toggle-down(@click="sections.staff = !sections.staff", v-if="!sections.staff")
.svg-icon(v-html="icons.downIcon")
.section.row(v-if="sections.staff")
.col-12
p(v-once) {{ $t('playerTiersDesc') }}
ul.tier-list
li.tier1(v-once) {{ $t('tier1') }}
li.tier2(v-once) {{ $t('tier2') }}
li.tier3(v-once) {{ $t('tier3') }}
li.tier4(v-once) {{ $t('tier4') }}
li.tier5(v-once) {{ $t('tier5') }}
li.tier6(v-once) {{ $t('tier6') }}
li.tier7(v-once) {{ $t('tier7') }}
li.moderator(v-once) {{ $t('tierModerator') }}
li.staff(v-once) {{ $t('tierStaff') }}
li.npc(v-once) {{ $t('tierNPC') }}