v-container.container.pa-0.pa-md-3
v-card
v-card-title
h4 {{ edit ? $t('common.edit_event') : $t('common.add_event') }}
v-spacer
v-btn(outlined color='primary' @click='openImportDialog = true')
{{ $t('common.import') }}
v-dialog(v-model='openImportDialog' :fullscreen='$vuetify.breakpoint.xsOnly')
ImportDialog(@close='openImportDialog = false' @imported='eventImported')
v-card-text.px-0.px-xs-2
v-form(v-model='valid' ref='form' lazy-validation)
v-container
v-row
//- Not logged event
v-col(v-if='!$auth.loggedIn' cols=12)
p(v-html="$t('event.anon_description')")
//- Title
v-col(cols=12)
v-text-field(
@change='v => event.title = v'
:value = 'event.title'
:rules="[$validators.required('common.title')]"
:prepend-icon='mdiFormatTitle'
:label="$t('common.title')"
autofocus
ref='title')
//- Where
v-col(cols=12)
WhereInput(ref='where' v-model='event.place' :event='event')
//- When
DateInput(ref='when' v-model='date' :event='event')
//- Description
v-col.px-0(cols='12')
Editor.px-3.ma-0(
:label="$t('event.description_description')"
v-model='event.description'
:placeholder="$t('event.description_description')"
max-height='400px')
//- MEDIA / FLYER / POSTER
v-col(cols=12 md=6)
MediaInput(v-model='event.media[0]' :event='event' @remove='event.media = []')
//- TAGS
v-col(cols=12 md=6)
v-combobox(:value='event.tags'
:prepend-icon="mdiTagMultiple"
chips small-chips multiple deletable-chips hide-no-data hide-selected persistent-hint
cache-items
@change='updateTags'
@input.native='searchTags'
:delimiters="[',', ';']"
:items="tags"
:menu-props="{ maxWidth: 400, eager: true }"
:label="$t('common.tags')")
template(v-slot:selection="{ item, on, attrs, selected, parent }")
v-chip(v-bind="attrs" close :close-icon='mdiCloseCircle' @click:close='parent.selectItem(item)'
:input-value="selected" label small) {{ item }}
{{ edit ? $t('common.save') : $t('common.send') }}