.card
.row
router-link.col-12(:to="{ name: 'challenge', params: { challengeId: challenge._id } }")
h3 {{challenge.name}}
.row
.col-6
div.details
span
.svg-icon.member-icon(v-html="icons.memberIcon")
span {{challenge.memberCount}}
// @TODO: Add in V2
span
.svg-icon.calendar-icon(v-html="icons.calendarIcon")
span
strong End Date:
span {{challenge.endDate}}
div.tags
span.tag(v-for='tag in challenge.tags') {{tag}}
.col-6.prize-section
div
span.svg-icon.gem(v-html="icons.gemIcon")
span.prize {{challenge.prize}}
div Challenge Prize
.row.description
.col-12
| {{challenge.description}}
.well.row
.col-3
.count-details
.svg-icon.habit-icon(v-html="icons.habitIcon")
span.count {{challenge.tasksOrder.habits.length}}
div {{$t('habit')}}
.col-3
.count-details
.svg-icon.daily-icon(v-html="icons.dailyIcon")
span.count {{challenge.tasksOrder.dailys.length}}
div {{$t('daily')}}
.col-3
.count-details
.svg-icon.todo-icon(v-html="icons.todoIcon")
span.count {{challenge.tasksOrder.todos.length}}
div {{$t('todo')}}
.col-3
.count-details
.svg-icon.reward-icon(v-html="icons.rewardIcon")
span.count {{challenge.tasksOrder.rewards.length}}
div {{$t('reward')}}