import Component from '@glimmer/component';
import { inject as service } from '@ember/service';
import { getOwner } from '@ember/application';
import { Tab } from 'consul-ui/components/tab-nav';

export default class PeeringsProvider extends Component {
  @service router;

  get data() {
    return {
      tabs: this.tabs,
    };
  }

  get tabs() {
    const { peer } = this.args;
    const { router } = this;
    const owner = getOwner(this);

    let tabs = [
      { label: 'Imported Services', route: 'dc.peers.edit.imported' },
      {
        label: 'Exported Services',
        route: 'dc.peers.edit.exported',
      },
    ];

    if (!peer.isReceiver) {
      tabs = [...tabs, { label: 'Addresses', route: 'dc.peers.edit.addresses' }];
    }

    return tabs.map((tab) => new Tab({ ...tab, currentRouteName: router.currentRouteName, owner }));
  }
}