<div class="topcoat-list container content stock-position-list {{#if ui.state.edit}}editing{{/if}}">
  <h2 class="topcoat-list__header">
    <span class="select-all">
      <label class="topcoat-checkbox haptic edit">
        <input type="checkbox" class="select-all">
        <div class="topcoat-checkbox__checkmark"></div>
      </label>
      <span>
        <button class="topcoat-button haptic edit delete-all"><span class="icomatic">delete</span>Löschen</button>
      </span>
      <span>{{ title }}</span>
    </span>
    <span>
<!--
      {{#unless ui.locked}}
        <button type="button" class="topcoat-icon-button haptic icomatic add-new" {{#if ui.state.edit}}disabled{{/if}}>plus</button>
      {{/unless}}
      <button type="button" class="topcoat-icon-button haptic icomatic today" {{#if ui.state.edit}}disabled{{/if}}>calendar</button>
-->
<!--
      <button type="button" class="topcoat-icon-button haptic icomatic back" {{#if ui.state.edit}}disabled{{/if}}>back</button>
-->
<!--
      <button type="button" class="topcoat-icon-button haptic icomatic next" {{#if ui.state.edit}}disabled{{/if}}>next</button>
-->
      {{> stock_reference this}}
      <button class="topcoat-button--cta haptic synchronize edit"><span class="icomatic">rss</span>Übermitteln</button>
    </span>
  </h2>
  <ul class="topcoat-list__container positions">{{> stock_position_list }}</ul>
</div>
