<div class="toggle-advanced">
  <a {{action "toggleAdvanced"}}>Advanced Options {{#if advanced}}<i class="icon icon-chevron-up"></i>{{else}}<i class="icon icon-chevron-down"></i>{{/if}}</a>
</div>

<div class="{{unless advanced 'hide'}}">
  <section class="text-center" style="padding: 0;">
    <ul class="nav nav-pills" style="display: inline-block">
      <li role="presentation" class="tab" data-section="command" {{action "selectTab" "command" target=view}}><a>Command</a></li>
      <li role="presentation" class="tab" data-section="volumes" {{action "selectTab" "volumes" target=view}}><a>Volumes</a></li>
      <li role="presentation" class="tab" data-section="network" {{action "selectTab" "network" target=view}}><a>Networking</a></li>
      <li role="presentation" class="tab" data-section="healthcheck" {{action "selectTab" "healthcheck" target=view}}><a>Health Check</a></li>
      <li role="presentation" class="tab" data-section="security" {{action "selectTab" "security" target=view}}><a>Security/Host</a></li>
      <li role="presentation" class="tab" data-section="labels" {{action "selectTab" "labels" target=view}}><a>Labels</a></li>
      <li role="presentation" class="tab" data-section="scheduling" {{action "selectTab" "scheduling" target=view}}><a>Scheduling</a></li>
    </ul>
  </section>

  <section class="horizontal-form" style="background-color: #f8f9fa; margin: -7px 10px 0 10px;">
    <div class="section container-fluid" data-section="command">
      {{partial "container/new-command"}}
    </div>

    <div class="section container-fluid" data-section="volumes">
      {{partial "container/new-volumes"}}
    </div>

    <div class="section container-fluid" data-section="network">
      {{partial "container/new-network"}}
    </div>

    <div class="section container-fluid" data-section="healthcheck">
      {{partial "container/edit-healthcheck"}}
    </div>

    <div class="section" data-section="security">
      {{partial "container/new-security"}}
    </div>

    <div class="section" data-section="labels">
      <div class="row form-group">
        <div class="col-sm-12 col-md-2 form-label">
          <label class="form-control-static">Labels</label>
        </div>
        <div class="col-sm-12 col-md-8">
          {{partial "edit-labels"}}
        </div>
      </div>
    </div>

    <div class="section" data-section="scheduling">
      {{partial "container/new-scheduling"}}
    </div>

  </section>
</div>
