<div class="topcoat-navigation-bar">
  <div class="topcoat-navigation-bar__item center full">
    <h1 class="topcoat-navigation-bar__title">Kundenbestätigung</h1>
  </div>
</div>
<div class="topcoat-well__container">
  <span>Der Kunde/die Kundin bestätigt, dem Techniker die gesamte notwendige Information zum Service der Maschine (u.a. Instandhaltung seit der letzten Wartung und aktuelle Defekte) bekanntgegeben zu haben und vom Techniker zu den folgenden Punkten in Kenntnis gesetzt worden zu sein:
  </span>
</div>
<div class="topcoat-list">
  <h2 class="topcoat-list__header">Zur Kenntnisnahme</h2>
  <ul class="topcoat-list__container acknowledgment-check-list">
    <li class="topcoat-list__item">
      <label class="topcoat-checkbox haptic">
        <input type="checkbox" data-id="1">
        <div class="topcoat-checkbox__checkmark"></div>
        <span class="topcoat-label">Tägliche Reinigung zur sachgerechten Instandhaltung der Maschine</span>
      </label>
    </li>
    <li class="topcoat-list__item">
      <label class="topcoat-checkbox haptic">
        <input type="checkbox" data-id="2">
        <div class="topcoat-checkbox__checkmark"></div>
        <span class="topcoat-label">Programmierung des Reinigungsprozesses in den nächsten 24 Stunden</span>
      </label>
    </li>
    <li class="topcoat-list__item">
      <label class="topcoat-checkbox haptic">
        <input type="checkbox" data-id="3">
        <div class="topcoat-checkbox__checkmark"></div>
        <span class="topcoat-label">Allgemeine Beratung zur Verwendung und Wartung der Maschine</span>
      </label>
    </li>
    <li class="topcoat-list__item">
      <label class="topcoat-checkbox haptic">
        <input type="checkbox" data-id="4">
        <div class="topcoat-checkbox__checkmark"></div>
        <span class="topcoat-label">Tassenfüllmenge gemäss Präferenz des Kunden programmiert</span>
      </label>
    </li>
  </ul>
</div>
<div class="topcoat-list signatures">
  <h2 class="topcoat-list__header">Unterschriften</h2>
  <ul class="topcoat-list__container list-primary">
    {{> tab_partial_signature alias='Kunde' owner='2' }}
    {{> tab_partial_signature alias='Techniker' owner='1' }}
  </ul>
</div>
<div class="topcoat-list signatures">
  <h2 class="topcoat-list__header">Nachbearbeitung</h2>
  <ul class="topcoat-list__container list-primary">
    {{> tab_partial_signature alias='Überprüfer' owner='3' }}
  </ul>
</div>
