<template>
  <div class="d-flex flex-column">
    <b-button
      v-if="botApiVersion <= 1.1"
      class="btn-xs text-start"
      size="sm"
      title="Forceexit"
      @click="$emit('forceExit', trade)"
    >
      <ForceSellIcon :size="16" title="Forceexit" class="me-1" />Forceexit
    </b-button>
    <b-button
      v-if="botApiVersion > 1.1"
      class="btn-xs text-start"
      size="sm"
      title="Forceexit limit"
      @click="$emit('forceExit', trade, 'limit')"
    >
      <ForceSellIcon :size="16" title="Forceexit limit" class="me-1" />Forceexit limit
    </b-button>
    <b-button
      v-if="botApiVersion > 1.1"
      class="btn-xs text-start mt-1"
      size="sm"
      title="Forceexit market"
      @click="$emit('forceExit', trade, 'market')"
    >
      <ForceSellIcon :size="16" title="Forceexit market" class="me-1" />Forceexit market
    </b-button>
    <b-button
      v-if="botApiVersion > 2.16"
      class="btn-xs text-start mt-1"
      size="sm"
      title="Forceexit partial"
      @click="$emit('forceExitPartial', trade)"
    >
      <ForceSellIcon :size="16" title="Forceexit partial" class="me-1" />Forceexit partial
    </b-button>

    <b-button
      class="btn-xs text-start mt-1"
      size="sm"
      title="Delete trade"
      @click="$emit('deleteTrade', trade)"
    >
      <DeleteIcon :size="16" title="Delete trade" class="me-1" />
      Delete
    </b-button>
  </div>
</template>

<script lang="ts">
import { Trade } from '@/types';
import { defineComponent } from 'vue';
import DeleteIcon from 'vue-material-design-icons/Delete.vue';
import ForceSellIcon from 'vue-material-design-icons/CloseBoxMultiple.vue';

export default defineComponent({
  name: 'TradeActions',
  components: { DeleteIcon, ForceSellIcon },
  props: {
    botApiVersion: {
      type: Number,
      default: 1.0,
    },
    trade: {
      type: Object as () => Trade,
      required: true,
    },
  },
  emits: ['forceExit', 'forceExitPartial', 'deleteTrade'],
  setup() {
    return {};
  },
});
</script>

<style scoped lang="scss"></style>
