<div class="topcoat-list stock-position-detail" data-uuid="{{ uuid }}">
  <h2 class="topcoat-list__header">
    Position
    <span>
      <button type="button" class="topcoat-button haptic cancel">Annuler</button>
      <button type="button" class="topcoat-button--cta haptic save" data-uuid="{{ uuid }}">Enregistrer</button>
    </span>
  </h2>
  <ul class="topcoat-list__container">
    <li class="topcoat-list__item delivered-on">
      <div class="icomatic">calendar</div>
      Date de livraison
      <span class="text">
        <input type="text" class="topcoat-text-input" placeholder="YYYY-MM-DD" value="{{ deliveredOn }}">
      </span>
    </li>
    <li class="topcoat-list__item center">
      <div class="icomatic">location</div>
      Centre de recyclage
      <span class="text">Moudon VD</span>
    </li>
    <li class="topcoat-list__item weights">
      <div class="icomatic">plugin</div>
      Quantité
      <span class="weights">
        <label class="topcoat-checkbox empty">
          <input type="checkbox" {{#if empty}}checked{{/if}}>
          <div class="topcoat-checkbox__checkmark"></div>
          Vide
        </label>
        <input type="number" class="topcoat-text-input weight" min="0.000" max="100.000" step="0.01" placeholder="0.000" value="{{ weight }}">
        <span class="arithmetics">&mdash;</span>
        <input type="number" class="topcoat-text-input tare-weight" min="0.000" max="100.000" step="0.01" placeholder="0.000" value="{{ tareWeight }}">
        <span class="arithmetics">=</span>
        <input type="number" class="topcoat-text-input net-weight" min="0.000" max="100.000" step="0.01" placeholder="0.000" value="{{ netWeight }}" tabindex="-1" readonly>
      </span>
    </li>
    <li class="topcoat-list__item bags">
      <div class="icomatic">tileview</div>
      Sacs dans le dispobox
      <span class="text">
        <input type="number" placeholder="0" class="topcoat-text-input" value="{{ count }}" min="0" max="100" step="1">
      </span>
    </li>
    <li class="topcoat-list__item tt tt-in">
      <div class="icomatic">arrowright</div>
      T&amp;T 1
      <span class="text">
        <input class="topcoat-text-input tt" placeholder="99.12.123456.00000001" required type="text" value="{{ dispatch_1.reference }}">
        <input class="topcoat-text-input zip" placeholder="NPA" required type="number" value="{{ dispatch_1.destination.zip }}">
        <input class="topcoat-text-input city" placeholder="Localité" required type="text" value="{{ dispatch_1.destination.city }}">
      </span>
    </li>
    <li class="topcoat-list__item tt tt-out">
      <div class="icomatic">arrowleft</div>
      T&amp;T 2
      <span class="text">
        <input class="topcoat-text-input tt" placeholder="99.12.123456.00000002" required type="text" value="{{ dispatch_2.reference }}">
        <input class="topcoat-text-input zip" placeholder="NPA" required type="number" value="{{ dispatch_2.destination.zip }}">
        <input class="topcoat-text-input city" placeholder="Localité" required type="text" value="{{ dispatch_2.destination.city }}">
      </span>
    </li>
    <li class="topcoat-list__item dispobox-status">
      <div class="icomatic">cart</div>
      Statut du dispobox
      <span class="text">
        <label class="topcoat-switch">
          <input type="checkbox" class="topcoat-switch__input" {{#if withdrawn }} {{else}} checked {{/if}}>
          <div class="topcoat-switch__toggle" data-on="En circulation" data-off="Retiré"></div>
        </label>
      </span>
    </li>
    <li class="topcoat-list__item comment">
      <div class="icomatic">comment</div>
      Commentaire/divers
      <span class="text">
        <input type="text" class="topcoat-text-input" placeholder="..." value="{{ comment }}">
      </span>
    </li>
  </ul>
</div>

