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

{{#if this.allocation}}
  <td data-test-indicators class="is-narrow">
    {{#if this.allocation.unhealthyDrivers.length}}
      <span data-test-icon="unhealthy-driver" class="tooltip text-center" role="tooltip" aria-label="Allocation depends on unhealthy drivers">
        <Hds::Icon @name="alert-triangle-fill" @color="warning" class="icon-vertical-bump-down" />
      </span>
    {{/if}}
    {{#if this.allocation.nextAllocation}}
      <span data-test-icon="reschedule" class="tooltip text-center" role="tooltip" aria-label="Allocation was rescheduled">
        <Hds::Icon @name="history" @color="faint" class="icon-vertical-bump-down" />
      </span>
    {{/if}}
    {{#if this.allocation.wasPreempted}}
      <span data-test-icon="preemption" class="tooltip text-center" role="tooltip" aria-label="Allocation was preempted">
        <Hds::Icon @name="cloud-lightning" @color="faint" class="icon-vertical-bump-down" />
      </span>
    {{/if}}
  </td>

  <td data-test-short-id>
    <LinkTo @route="allocations.allocation" @model={{this.allocation}} class="is-primary">
      {{this.allocation.shortId}}
    </LinkTo>
  </td>

  <td data-test-create-time>
    <span class="tooltip" aria-label="{{format-month-ts this.allocation.createTime}}">
      {{format-month-ts this.allocation.createTime short=true}}
    </span>
  </td>

  <td data-test-modify-time>
    <span class="tooltip" aria-label="{{format-month-ts this.allocation.modifyTime}}">
      {{moment-from-now this.allocation.modifyTime}}
    </span>
  </td>

  <td data-test-health>
    <span class="nowrap">
      <Hds::Icon @name={{if this.pluginAllocation.healthy "check-circle" "minus-circle"}} @color={{if this.pluginAllocation.healthy "success" "critical"}} @isInline={{true}} />
      {{if this.pluginAllocation.healthy "Healthy" "Unhealthy"}}
    </span>
  </td>

  <td data-test-client>
    <Tooltip @text={{this.allocation.node.name}}>
      <LinkTo @route="clients.client" @model={{this.allocation.node}}>
        {{this.allocation.node.shortId}}
      </LinkTo>
    </Tooltip>
  </td>
  <td>
    {{#if (or this.allocation.job.isPending this.allocation.job.isReloading)}}
      ...
    {{else}}
      <LinkTo @route="jobs.job" @model={{this.allocation.job}} data-test-job>{{this.allocation.job.name}}</LinkTo>
      <span class="is-faded" data-test-task-group>/ {{this.allocation.taskGroup.name}}</span>
    {{/if}}
  </td>
  <td data-test-job-version class="is-1">{{this.allocation.jobVersion}}</td>
  <td data-test-volume>{{if this.allocation.taskGroup.volumes.length "Yes"}}</td>

  <td data-test-cpu class="is-1 has-text-centered">
    <AllocationStat
      @metric="cpu"
      @allocation={{this.allocation}}
      @statsTracker={{this.stats}}
      @isLoading={{this.fetchStats.isRunning}}
      @error={{this.statsError}} />
  </td>
  <td data-test-mem class="is-1 has-text-centered">
    <AllocationStat
      @metric="memory"
      @allocation={{this.allocation}}
      @statsTracker={{this.stats}}
      @isLoading={{this.fetchStats.isRunning}}
      @error={{this.statsError}} />
  </td>
{{else}}
  <td colspan="10">&hellip;</td>
{{/if}}