<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">{{ component.id }}. {{ component.model.description }}<span><button class="topcoat-button haptic serial-numbers" {{#checklength intv.serialnumbers 1}}{{else}}disabled{{/checklength}}>Maschinenkomponenten</button></span></h2>
  {{{partial report_template this}}}
</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>
