<div class="topcoat-navigation-bar">
  <div class="topcoat-navigation-bar__item center full">
    <h1 class="topcoat-navigation-bar__title nnch-logo">Zufriedenheitsumfrage</h1>
  </div>
</div>
<div class="topcoat-well__container introduction">
  <span>Für die Reparatur Ihrer Nespresso Maschine haben Sie kürzlich unseren Reparaturservice in Anspruch genommen, wofür wir Ihnen herzlich danken.

Um die Qualität unserer Dienstleistungen laufend zu verbessern, bitten wir Sie um eine kurze Beurteilung der folgenden Punkte.

<span class="icomatic">alert </span>Bitte am Ende <span class="topcoat-tag"><span class="icomatic">email </span>Umfrage übermitteln</span> anklicken, um Ihre Antworte und Anmerkungen zu verbergen und sie direkt an Nespresso weiterzuleiten.
  </span>
</div>
<div class="topcoat-well__container conclusion">
  <span>Die Zufriedenheitsumfrage wurde erfolgreich eingereicht.

Vielen Dank für Ihre Teilnahme und Feedback!</span>
</div>
<div class="topcoat-list questions">
{{#each questions}}
  <h2 class="topcoat-list__header descriptive question"
    data-question="{{ this.question }}"
    data-description="{{ this.description }}"></h2>
  <ul class="topcoat-list__container question">
    <li class="topcoat-list__item">
      <label class="topcoat-radio-button haptic">
        <input type="radio" name="question-{{ this.id }}" data-question="{{ this.id }}" data-value="1">
        <div class="topcoat-radio-button__checkmark"></div>
        Sehr zufrieden
      </label>
      <label class="topcoat-radio-button haptic">
        <input type="radio" name="question-{{ this.id }}" data-question="{{ this.id }}" data-value="2">
        <div class="topcoat-radio-button__checkmark"></div>
        Zufrieden
      </label>
      <label class="topcoat-radio-button haptic">
        <input type="radio" name="question-{{ this.id }}" data-question="{{ this.id }}" data-value="3">
        <div class="topcoat-radio-button__checkmark"></div>
        Eher nicht zufrieden
      </label>
      <label class="topcoat-radio-button haptic">
        <input type="radio" name="question-{{ this.id }}" data-question="{{ this.id }}" data-value="4">
        <div class="topcoat-radio-button__checkmark"></div>
        Überh. nicht zufrieden
      </label>
    </li>
  </ul>
  {{/each}}
  <h2 class="topcoat-list__header">Möchten Sie betreffend dieser Intervention telefonisch kontaktiert werden?</h2>
  <ul class="topcoat-list__container">
    <li class="topcoat-list__item callback">
      <label class="topcoat-checkbox haptic callback">
        <input type="checkbox" name="callback">
        <div class="topcoat-checkbox__checkmark"></div>
        <span class="topcoat-label">Ja, gerne</span>
      </label>
    </li>
  </ul>
  </ul>
  <h2 class="topcoat-list__header">Ihre Anmerkungen oder Anregungen</h2>
  <ul class="topcoat-list__container">
    <li class="topcoat-list__item free-text">
      <textarea class="topcoat-textarea comment" rows="7"></textarea>
    </li>
  </ul>
  <div class="button-bar">
    <button class="topcoat-button haptic edit reset">Zurücksetzen</button>
    <button class="topcoat-button--cta haptic edit save"><span class="icomatic">email </span>Umfrage übermitteln</button>
  </div>
</div>
