{{#global-header class="page-header"}}
  {{#each breadcrumbs as |breadcrumb index|}}
    <li class="{{if (eq (inc index) breadcrumbs.length) "is-active"}}">
      {{#link-to data-test-breadcrumb=breadcrumb.label params=breadcrumb.args}}{{breadcrumb.label}}{{/link-to}}
    </li>
  {{/each}}
{{/global-header}}
{{#job-page/parts/body job=job onNamespaceChange=onNamespaceChange}}
  <h1 class="title">
    {{job.name}}
    <span class="bumper-left tag {{job.statusClass}}" data-test-job-status>{{job.status}}</span>
  </h1>

  <div class="boxed-section job-stats">
    <div class="boxed-section-body">
      <span data-test-job-stat="type"><strong>Type:</strong> {{job.type}} | </span>
      <span data-test-job-stat="priority"><strong>Priority:</strong> {{job.priority}} </span>
      {{#if (and job.namespace system.shouldShowNamespaces)}}
        <span data-test-job-stat="namespace"> | <strong>Namespace:</strong> {{job.namespace.name}}</span>
      {{/if}}
    </div>
  </div>

  {{job-page/parts/summary job=job}}

  {{job-page/parts/placement-failures job=job}}

  {{job-page/parts/running-deployment job=job}}

  {{job-page/parts/task-groups
    job=job
    sortProperty=sortProperty
    sortDescending=sortDescending
    gotoTaskGroup=gotoTaskGroup}}

  {{job-page/parts/evaluations job=job}}
{{/job-page/parts/body}}