<template>
    <b-card bg-variant="light">
      <template v-slot:header>
        <b-row>
          <b-col class="text-left">
            <h5>CEPTD</h5>
          </b-col>
          <b-col class="text-right">
            <b-card-text>Status: Running</b-card-text>
          </b-col>
        </b-row>
      </template>
      <capec-list />
    </b-card>
  </template>
  
  <script>
  import axios from 'axios'
  import CapecList from './CapecList'
  
  export default {
    name: 'CeptdCard',
    components: {
      CapecList
    },
    data () {
      return {
        file: null,
        fields: [
          { key: 'process_id', label: 'Process' },
          { key: 'created_at', label: 'Running for' },
          { key: 'actions', label: 'Actions' }
        ],
        analyzePid: '',
        items: []
      }
    },
    created () {
      this.status()
    },
    methods: {
      async start () {
        try {
          await axios.get('/v1/od/start')
          this.status()
          this.$toasted.success('OD instance started!')
        } catch (e) {
          this.$toasted.error('There was an error!')
        }
      },
      async status () {
        try {
          const { data } = await axios.get('/v1/od/status')
          this.items = data
        } catch (e) {
          this.$toasted.error('There was an error while fetching running OD instances!')
        }
      },
      async showPcapModal (pid) {
        this.analyzePid = pid
        this.$refs['pcap-modal'].show()
      },
      async stop (pid) {
        try {
          await axios.get('/v1/od/stop/' + pid)
          this.status()
          this.$toasted.success('OD instance stopped!')
        } catch (e) {
          this.$toasted.error('There was an error!')
        }
      }
    }
  }
  </script>
  
  <style scoped>
  
  </style>