v-container#downloader.container.pa-0(fluid)
.cute-char.left-pic
.cute-char.right-pic
v-layout.form(row, wrap, justify-center, align-center)
v-flex.form-container(xs8)
v-layout(row, wrap, justify-center)
v-flex(xs9)
v-flex(xs3)
v-switch#magnets-switch(
label='Get Magnets',
color='primary',
v-model='$store.state.config.config.magnets',
dark
)
v-flex.pt-3.pl-5.pr-5(xs7, @keydown.enter='next(1)')
v-text-field#name-input(
name='name-input',
type='text', ref='name',
label='Name of the anime',
v-model='formValues.name',
autofocus,
required,
:rules='nameRules',
dark
)
v-flex.pt-3.pl-5.pr-5(xs7, @keydown.enter='next(2)', @keydown.delete='previous(2)')
v-text-field(
name='from-ep-input',
type='number',
min='0',
label='From episode...',
v-model='formValues.fromEp',
dark
)
v-flex.pt-3.pl-5.pr-5(xs7, @keydown.enter='next(3)', @keydown.delete='previous(3)')
v-text-field(
name='until-ep-input',
type='number',
label='Until episode..',
v-model='formValues.untilEp',
dark
)
v-flex.pt-4(xs12)
v-radio-group(:isMandatory="true", row, v-model="quality")
v-radio.radio.primary--text(label='480p', value='480p')
v-radio.radio.primary--text(label='720p', value='720p')
v-radio.radio.primary--text(label='1080p', value='1080p')
v-flex.pt-4(xs12)
v-layout(justify-center, align-center)
v-flex(xs3)
v-btn#download-btn(
dark, block,
color='secondary',
@click='isDownloadable()',
v-if='!$store.state.downloader.form.loading'
) Download!
v-btn(dark, block, color='secondary', loading, v-else)
k-footer