<section>
  <h3>
    <span class="right-divider">Containers</span>
    {{#link-to "containers.new" classNames="btn btn-sm btn-primary right-divider-btn"}}Add Container{{/link-to}}
  </h3>
</section>

<section class="well instances">
  <table class="grid fixed" style="margin-bottom: 0;">
    <thead>
      <tr>
        {{sortable-th sortable=this action="changeSort" name="state" width="120"}}
        {{sortable-th sortable=this action="changeSort" name="name"}}
        {{sortable-th sortable=this action="changeSort" name="ip" width="110" label="IP Address"}}
        {{sortable-th sortable=this action="changeSort" name="image"}}
        {{sortable-th sortable=this action="changeSort" name="command"}}
        <th class="actions" width="50">&nbsp;</th>
      </tr>
    </thead>
    <tbody>
      {{#each arranged as |container|}}
        {{container-row model=container}}
      {{else}}
        <tr><td colspan="6" class="text-center text-muted">You do not have any containers yet.</td></tr>
      {{/each}}
    </tbody>
  </table>
</section>

