<template>
  <div>
    <select v-model="action">
      <option>Add</option>
      <option>Remove</option>
      <option>Fall in love with</option>
      <option>Others</option>
    </select>
    <button @click="showModal = true" :disabled="!action">Next...</button>
    <modal-core :show="showModal" @close="showModal = false">You are {{action}}ing</modal-core>
  </div>
</template>

<script lang="babel">
  import ModalCore from './ModalCore'
  export default {
    data () {
      return {
        showModal: false,
        action: undefined
      }
    },
    computed: {
      selectedIds () {
        return this.statics !== undefined ? this.statics.filter(s => s.selection && s.selection.v === true).map(s => s._id) : ''
      }
    },
    components: { ModalCore }
  }
</script>