<div class="section">
  <div class="container">
{{#if errors}}
  {{#transition-group transition-class="form-error-list"}}
      <div id="validation-errors" class="validation-errors message is-danger {{if isShaking "shake animated"}}">
        <p class="message-header" data-test-selector="form-error-message_title">{{title}}</p>
      <p class="message-body" data-test-selector="form-error-message_message">
        <strong>{{message}}</strong>
        {{#if listErrors}}
          <ul>
            {{#each errors as |error|}}
              <li data-test-selector="form-error-message_error">
                <a {{action "handleScrollTo" error.key}}>{{error.validation}}</a>
              </li>
            {{/each}}
          </ul>
        {{/if}}
        </p>
      </div>
  {{/transition-group}}
  {{/if}}
  </div>
</div>
