{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: MPL-2.0
~}}

<div data-test-subnav="job" class="tabs is-subnav" {{did-insert this.keyboard.registerNav type="subnav"}} {{will-destroy this.keyboard.unregisterSubnav}}>
  <ul>
    <li data-test-tab="overview">
      <LinkTo
        @route="jobs.job.index"
        @model={{@job}}
        @activeClass="is-active"
        @current-when="jobs.job.index jobs.job.dispatch"
      >
        Overview
      </LinkTo>
    </li>
    <li data-test-tab="definition">
      <LinkTo
        @route="jobs.job.definition"
        @model={{@job}}
        @activeClass="is-active"
      >
        Definition
      </LinkTo>
    </li>
    <li data-test-tab="versions">
      <LinkTo
        @route="jobs.job.versions"
        @model={{@job}}
        @activeClass="is-active"
      >
        Versions
      </LinkTo>
    </li>
    {{#if @job.supportsDeployments}}
      <li data-test-tab="deployments">
        <LinkTo
          @route="jobs.job.deployments"
          @model={{@job}}
          @activeClass="is-active"
        >
          Deployments
        </LinkTo>
      </li>
    {{/if}}
    {{#unless this.shouldHideNonParentTabs}}
      <li data-test-tab="allocations">
        <LinkTo
          @route="jobs.job.allocations"
          @model={{format-job-id @job.id}}
          @activeClass="is-active"
        >
          Allocations
        </LinkTo>
      </li>
      <li data-test-tab="evaluations">
        <LinkTo
          @route="jobs.job.evaluations"
          @model={{@job}}
          @activeClass="is-active"
        >
          Evaluations
        </LinkTo>
      </li>
      {{#if this.shouldRenderClientsTab}}
        <li data-test-tab="clients">
          <LinkTo
            @route="jobs.job.clients"
            @model={{@job}}
            @activeClass="is-active"
          >
            Clients
          </LinkTo>
        </li>
      {{/if}}
      <li data-test-tab="services">
        <LinkTo
          @route="jobs.job.services"
          @model={{@job}}
          @activeClass="is-active"
        >
          Services
        </LinkTo>
      </li>
    {{/unless}}
    {{#if (can "list variables")}}
      <li data-test-tab="variables">
        <LinkTo
          @route="jobs.job.variables"
          @model={{@job}}
          @activeClass="is-active"
        >
          Variables
        </LinkTo>
      </li>
    {{/if}}

  </ul>
</div>