<div class="topcoat-navigation-bar">
  <div class="topcoat-navigation-bar__item center full">
    <h1 class="topcoat-navigation-bar__title">Bericht</h1>
  </div>
</div>

<div class="topcoat-list general">
  <h2 class="topcoat-list__header">Allgemeines<span></span></h2>
  <ul class="topcoat-list__container general-list">
    <li class="topcoat-list__item serial-number" data-action="clickable">Seriennummer<span><input type="text" value="{{ this.serialNumber }}" class="topcoat-text-input" required></span></li>
    <li class="topcoat-list__item check check-pressure">Maschinendruck
      <span>
        <label class="topcoat-checkbox haptic">
          <input data-id="1" data-seq="0" data-check="pressure_check" type="checkbox" {{#if this.checks.pressure_check}}checked{{/if}}>
          <div class="topcoat-checkbox__checkmark"></div>
          <span class="topcoat-label on">Geprüft</span>
          <span class="topcoat-label off">Nicht geprüft</span>
        </label>
     </span>
    </li>
    <li class="topcoat-list__item check check-pressure">Elektrische Erdung
      <span>
        <label class="topcoat-checkbox haptic">
          <input data-id="2" data-seq="0" data-check="electrical_grounding" type="checkbox" {{#if this.checks.electrical_grounding}}checked{{/if}}>
          <div class="topcoat-checkbox__checkmark"></div>
          <span class="topcoat-label on">Geprüft</span>
          <span class="topcoat-label off">Nicht geprüft</span>
        </label>
     </span>
    </li>
  </ul>
</div>

<div class="topcoat-list actions">
  <h2 class="topcoat-list__header">Vorgänge<span><button class="topcoat-button haptic remove-all edit">Alle entfernen</button><button class="topcoat-button--cta haptic add edit">Hinzufügen</button></span></h2>
  <ul class="topcoat-list__container actions-list">
  </ul>
</div>

<div class="topcoat-list repair-codes">
  <h2 class="topcoat-list__header">Reparaturcodes<span><button class="topcoat-button haptic remove-all edit">Alle entfernen</button><button class="topcoat-button--cta haptic add edit">Hinzufügen</button></span></h2>
  <ul class="topcoat-list__container repair-codes-list">
  </ul>
</div>

<div class="topcoat-list spare-parts">
<h2 class="topcoat-list__header">Ersatzteile<span><button class="topcoat-button haptic remove-all edit">Alle entfernen</button><button class="topcoat-button--cta haptic add edit">Hinzufügen</button></span></h2></h2>
  <ul class="topcoat-list__container spare-parts-list">
  </ul>
</div>
