.challenge
.challenge-prize
.number
span.svg-icon(v-html="icons.gemIcon")
span.value {{challenge.prize}}
.label {{ $t('challengePrize') }}
.challenge-header
router-link(
:to="{ name: 'challenge', params: { challengeId: challenge._id } }"
)
h3.challenge-title(v-markdown='challenge.name')
.owner(v-if="fullLayout")
.owner-item
strong {{ $t('createdBy') }}:
user-link.mx-1(:user="challenge.leader")
.owner-item(v-if="challenge.group && challenge.group.name !== 'Tavern'")
strong {{ $t(challenge.group.type) }}:
group-link.mx-1(:group="challenge.group")
.meta
.meta-item
.svg-icon.user-icon(v-html="icons.memberIcon")
span.mx-1 {{challenge.memberCount}}
// @TODO: add end date
.meta-item
.svg-icon(v-html="icons.calendarIcon")
strong.mx-1 {{ $t('endDate')}}:
span {{challenge.endDate}}
.tags
span.tag.tag-blue(v-if='isLeader(challenge)') {{ $t('owned') }}
span.tag(v-for='category in challenge.categories', :class="{'tag-purple':isOfficial(category)}") {{ $t(category.name) }}
.challenge-description {{challenge.summary}}
.well-wrapper(v-if="fullLayout")
.well
div(:class="{'muted': challenge.tasksOrder.habits.length === 0}")
.number
.svg-icon.habit-icon(v-html="icons.habitIcon")
span.value {{challenge.tasksOrder.habits.length}}
.label {{$t('habit')}}
div(:class="{'muted': challenge.tasksOrder.dailys.length === 0}")
.number
.svg-icon.daily-icon(v-html="icons.dailyIcon")
span.value {{challenge.tasksOrder.dailys.length}}
.label {{$t('daily')}}
div(:class="{'muted': challenge.tasksOrder.todos.length === 0}")
.number
.svg-icon.todo-icon(v-html="icons.todoIcon")
span.value {{challenge.tasksOrder.todos.length}}
div {{$t('todo')}}
div(:class="{'muted': challenge.tasksOrder.rewards.length === 0}")
.number
.svg-icon.reward-icon(v-html="icons.rewardIcon")
span.value {{challenge.tasksOrder.rewards.length}}
.label {{$t('reward')}}