v-card.h-event.event
nuxt-link(:to='`/event/${props.event.id}`')
img(:src="`/media/thumb/${props.event.image_path || 'logo.png' }`")
v-icon.float-right.mr-1(v-if='props.event.parentId' color='success') mdi-repeat
.title.p-name {{props.event.title}}
v-card-text.body
time.dt-start.subtitle-1(:datetime='props.event.start_datetime|unixFormat("YYYY-MM-DD HH:mm")') {{ props.event|when }}
.d-none.dt-end {{props.event.end_datetime|unixFormat('YYYY-MM-DD HH:mm')}}
a.place.d-block.p-location.pl-0(text color='primary' @click="listeners['placeclick'](props.event.place.id)") mdi-map-marker {{props.event.place.name}}
v-card-actions.actions.justify-space-between
.tags
v-chip.ml-1(v-for='tag in props.event.tags' small
:key='tag' outlined color='primary' @click="listeners['tagclick'](tag)") {{tag}}
v-menu(offset-y)
template(v-slot:activator="{on}")
v-btn.align-self-end(icon v-on='on' color='primary')
v-icon mdi-dots-vertical
v-list(dense)
v-list-item-group
v-list-item(v-clipboard:success="() => parent.$root.$message('common.copied', { color: 'success' })"
v-clipboard:copy='`${parent.settings.baseurl}/event/${props.event.id}`')
v-list-item-icon
v-icon mdi-content-copy
v-list-item-content
v-list-item-title {{parent.$t('common.copy_link')}}
v-list-item(:href='`/api/event/${props.event.id}.ics`')
v-list-item-icon
v-icon mdi-calendar-export
v-list-item-content
v-list-item-title {{parent.$t('common.add_to_calendar')}}