<rd-header>
  <rd-header-title title="Task details">
    <i id="loadingViewSpinner" class="fa fa-cog fa-spin"></i>
  </rd-header-title>
  <rd-header-content>
    <a ui-sref="services">Services</a> > <a ui-sref="service({id: task.ServiceID})">{{ serviceName }}</a> > {{ task.ID }}
  </rd-header-content>
</rd-header>

<div class="row">
  <div class="col-lg-12 col-md-12 col-xs-12">
    <rd-widget>
      <rd-widget-header icon="fa-tasks" title="Task status"></rd-widget-header>
      <rd-widget-body classes="no-padding">
        <table class="table">
          <tbody>
            <tr>
              <td>ID</td>
              <td>{{ task.ID }}</td>
            </tr>
            <tr>
              <td>State</td>
              <td><span class="label label-{{ task.Status.State|taskstatusbadge }}">{{ task.Status.State }}</span></td>
            </tr>
            <tr ng-if="task.Status.Err">
              <td>Error message</td>
              <td><code>{{ task.Status.Err }}</code></td>
            </tr>
            <tr>
              <td>Image</td>
              <td>{{ task.Spec.ContainerSpec.Image }}</td>
            </tr>
            <tr>
              <td>Slot</td>
              <td>{{ task.Slot }}</td>
            </tr>
            <tr>
              <td>Created</td>
              <td>{{ task.CreatedAt|getisodate }}</td>
            </tr>
            <tr ng-if="task.Status.ContainerStatus.ContainerID">
              <td>Container ID</td>
              <td>{{ task.Status.ContainerStatus.ContainerID }}</td>
            </tr>
          </tbody>
        </table>
      </rd-widget-body>
    </rd-widget>
  </div>
</div>