{{#if !postSuccess}}
<div class="row">
  <input placeholder="{{ l.translate('Ditt namn: *') }}" id="name" on-blur="inputBlur" type="text" class="my-3 p-3 w-full rounded-2xl {{#if fields.name.error}} error {{/if}} {{#if fields.name.validated}} validated {{/if}}" value="{{fields.name.value}}">
  <select id="rating"  class="my-3 block w-full p-3 px-3 border border-black  rounded-2xl focus:outline-none sm:text-sm">
    <option selected="true" disabled="disabled">{{l.translate('Betyg: *')}}</option>
    {{#each [1,2,3,4,5]}}
      <option value='{{this}}'>{{this}}</option>
    {{/each}}
  </select>
</div>

<div class="row">
  <div class="columns twelve">
    <textarea placeholder="{{ l.translate('Meddelande: *') }}" id="comment" on-blur="inputBlur" class="my-3 w-full border border-black rounded-2xl outline-none p-3 {{#if fields.message.error}} error {{/if}} {{#if fields.message.validated}} validated {{/if}}" value="{{fields.comment.value}}"></textarea>
  </div>
</div>
<div class="row">
  <div class="columns twelve">
    <button class="pk-button-yellow-lg w-full" on-click="post" {{#if fields.orderid.disabled}} disabled {{/if}}>
      {{ l.translate('Skicka') }}
    </button>
  </div>
</div>
{{else}}
<div class="row">
  <div class="columns six">
  <strong>{{l.translate('Tack för din feedback!')}}</strong>
  </div>
</div>
{{/if}}