<template lang='pug'>
  v-card(flat)
    v-card(color='grey lighten-5')
      .pa-3.pt-4
        .headline.primary--text Storage
        .subheading.grey--text Set backup and sync targets for your content
      v-tabs(color='grey lighten-4', fixed-tabs, slider-color='primary', show-arrows)
        v-tab(key='settings'): v-icon settings
        v-tab(key='local') Local FS
        v-tab(key='git') Git
        v-tab(key='s3') Amazon S3
        v-tab(key='azure') Azure Blob Storage
        v-tab(key='digitalocean') DigitalOcean Spaces
        v-tab(key='dropbox') Dropbox
        v-tab(key='gdrive') Google Drive
        v-tab(key='onedrive') OneDrive
        v-tab(key='scp') SCP (SSH)

        v-tab-item(key='settings')
          v-card.pa-3
            v-form
              v-checkbox(
                v-for='(target, n) in targets',
                v-model='auths',
                :key='n',
                :label='target.text',
                :value='target.value',
                color='primary',
                hide-details
              )
              v-divider
              v-btn(color='primary')
                v-icon(left) chevron_right
                | Set Backup Targets

</template>

<script>
export default {
  data() {
    return {
      targets: [
        { text: 'Local Filesystem', value: 'local' },
        { text: 'Git', value: 'auth0' },
        { text: 'Amazon S3', value: 'algolia' },
        { text: 'Azure Blob Storage', value: 'elasticsearch' },
        { text: 'DigitalOcean Spaces', value: 'solr' },
        { text: 'Dropbox', value: 'solr' },
        { text: 'Google Drive', value: 'solr' },
        { text: 'OneDrive', value: 'solr' },
        { text: 'SCP (SSH)', value: 'solr' }
      ],
      auths: ['local']
    }
  }
}
</script>

<style lang='scss'>

</style>