<template>
<b-modal id="confirm-delete-modal" title="Confirm delete" okTitle="Yes, delete" @ok="deleteNode" @hidden="reset" ok-variant="danger">
  <p>Do you really want to delete node at {{nodeToDelete}}?</p>
</b-modal>
</template>

<script>
export default {
  name: 'ConfirmDeleteModal',
  computed: {
    nodeToDelete() { return this.$store.state.nodeToDelete }
  },
  methods: {
    reset() {
      this.$store.commit('setNodeToDelete', null);
    },
    deleteNode(event) {
      // Prevent modal from closing
      event.preventDefault();

      this.$store.dispatch('deleteNode')
        .then(() => {
          this.$bvModal.hide('confirm-delete-modal');
        });
    }
  }
}
</script>