<div class="topcoat-navigation-bar">
  <div class="topcoat-navigation-bar__item center full">
    <h1 class="topcoat-navigation-bar__title">Übersicht</h1>
  </div>
</div>
<div class="topcoat-list">
  <h2 class="topcoat-list__header">Kunde</h2>
  <ul class="topcoat-list__container">
    <li class="topcoat-list__item name-address" data-action="clickable"><div class="icomatic">location</div>Name und Adresse<span class="text">{{ this.client.address }}</span></li>
    <li class="topcoat-list__item"><div class="icomatic">user</div>Kundennummer<span class="text">{{ this.client.number }}</span></li>
    <li class="topcoat-list__item"><div class="icomatic">call</div>Telefon<span class="text">{{ this.client.phone }}</span></li>
    <li class="topcoat-list__item email" data-action="clickable"><div class="icomatic">email</div>E-mail<span class="text"><input type="email" class="topcoat-text-input" placeholder="" value="{{ this.client.email }}" required></span></li>
  </ul>
</div>
<div class="topcoat-list">
  <h2 class="topcoat-list__header">Einsatz</h2>
  <ul class="topcoat-list__container">
    <li class="topcoat-list__item">Markt<span>{{ this.market }}</span></li>
    <li class="topcoat-list__item">Art<span>{{ this.kind.description }}</span></li>
    <li class="topcoat-list__item priority">Dringlichkeit<span>{{ this.priority.description }}</span></li>
    <li class="topcoat-list__item">Maschine<span>{{ this.machine.description }}</span></li>
    <li class="topcoat-list__item serial-number">Seriennummer (angekündigt)<span>{{ this.machine.serialnumber }}</span></li>
    <li class="topcoat-list__item">Diagnose/Vorgang<span>{{ this.failure.id }} {{ this.failure.description }}</span></li>
    <li class="topcoat-list__item">Kommentar<span class="text w65">{{ this.comment }}</span>
  </ul>
</div>
<div class="topcoat-list">
  <h2 class="topcoat-list__header">Verrechnung</h2>
  <ul class="topcoat-list__container">
    <li class="topcoat-list__item">Pauschale<span>{{ this.invmode.description }}</span></li>
    <li class="topcoat-list__item">Garantie<span>{{ this.warranty.description }}</span></li>
  </ul>
</div>
<div class="topcoat-list">
  <h2 class="topcoat-list__header">Vorherige Aufträge</h2>
  <ul class="topcoat-list__container">
{{#each relations}}
    <li class="topcoat-list__item relation">
      <span class="date-and-failure"><div class="relative-time">{{date this.createdOn 'L' }} ({{relativetime this.createdOn }})</div>
      <div class="failure">{{ this.failure.id }} {{ this.failure.description }}</div>
      <div class="warranty">{{ this.warranty.description }}</div>
      </span>
      <span class="summary">
        <span class="topcoat-notification status status-{{ this.status.display }}" data-number="{{ this.number }}">{{ this.status.description }}</span>
        <span class="topcoat-notification relation">{{ this.kind.description }}</span>
      </span>
    </li>
{{/each}}
  </ul>
</div>
