<li data-uuid="{{ uuid }}" 
    class="topcoat-list__item stock-position-item">
  <span class="description">
    <label class="topcoat-checkbox edit">
      <input type="checkbox" class="select" tabindex="-1" data-uuid="{{ uuid }}">
      <div class="topcoat-checkbox__checkmark"></div>
    </label>
    <span class="topcoat-notification externalReference">{{ article.identifier }}</span>
    <span class="topcoat-notification value single" data-currency="{{ article.currency }}">{{ article.value }}</span>
    <span class="text">{{ article.description }}</span>
  </span>
  <span class="stock-detail">
    <span class="topcoat-notification stock">{{ stock }}</span>
    <span class="topcoat-notification location">{{ location }}</span>
    <input required value="{{ quantity }}" class="topcoat-text-input quantity" type="number" pattern="[0-9]*" inputmode="numeric" maxlength="5"
           data-uuid="{{ uuid }}"
           oncopy="return false" ondrag="return false" ondrop="return false" onpaste="return false" onkeydown="return isNumber(event)" onkeyup="return isNumber(event)" autocomplete="off">
  </span>
  <table class="stock-positions" cellpadding="0">
  {{#each article.stocks}}
    <tr>
      <td class="stock">{{ id }}</td>
      <td class="location">{{#if location}}{{ location }}{{else}}?{{/if}}</td>
      <td class="quantity">{{ quantity }}</td>
      <td class="value" data-currency="{{ currency }}">{{ value }}</td>
    </tr>
  {{/each}}
  </table>
</li>
