div(layout="column" layout-fill class="images" ng-controller="ContainerCtrl" flex)
  md-toolbar(layout="column" md-theme="none" flex style="max-height: 64px;")
    md-list(layout="row" md-theme="default" role="list")
      md-item
        md-item-content
          md-button(aria-label="Running" ng-click="toggleRunning($event)")
            md-tooltip {{ container.State.Running ? 'Stop' : 'Start' }}
            div.icon(ng-class="container.State.Running ? 'svg-ic_stop_24px': 'svg-ic_play_arrow_24px'")
      md-item
        md-item-content
          md-button(aria-label="Paused" ng-click="togglePaused($event)")
            md-tooltip {{ container.State.Paused ? 'UnPause' : 'Pause' }}
            div.icon(ng-class="container.State.Paused ? 'svg-ic_play_circle_outline_24px': 'svg-ic_pause_circle_outline_24px'")
      md-item
        md-item-content
          md-button(aria-label="Remove" ng-click="destory($event)")
            md-tooltip Remove
            div.icon.svg-ic_delete_24px
      md-item
        md-item-content
          md-button(aria-label="Logs")
            md-tooltip Logs
            a.icon.svg-ic_history_24px(ng-href="#/containers/{{containerShortId}}/logs" layout)
      md-item(layout-align="center center" layout="column")
        md-item-content
          md-button(aria-label="Top")
            md-tooltip List processes
            a.icon(ng-href="#/containers/{{containerShortId}}/top") Top
      md-item(layout-align="center center" layout="column")
        md-item-content
          md-button(class="md-warn md-hue-1" ng-disabled="!container.State.Running" aria-label="kill" ng-click="kill($event)") Kill
            md-tooltip Kill Container

  md-content(style="margin-top: 16px;")
    table(layout="column" style="padding: 8px; text-align: left; width: 100%; display: table;")
      thead
        tr
          th Attribute
          th Value
      tbody
        tr(ng-repeat="attr in basicAttributes")
          th {{ attr.key }}
          th(ng-bind-html="attr.value | sanitize")

        tr
          th State
          th
            span {{ container.State.Running ? 'Uptime' : 'Downtime' }} 
            span(am-time-ago="container.State.Running ? container.State.StartedAt : container.State.FinishedAt" am-without-suffix="true")