<div class="modal-header">
  <div class="modal-title" data-translate>Additional questionnaire</div>
  <button type="submit" class="close" aria-hidden="true" data-ng-click="cancel()">
    <i class="fa-solid fa-times"></i>
  </button>
</div>
<div class="modal-body">
  <form id="submissionForm" name="vars.submissionForm" autocomplete="off" novalidate>
    <div class="tabbable tabs-below">
      <ul id="SubmissionTabsNavigationBox" class="nav nav-tabs" data-ng-if="tip.additional_questionnaire.steps.length > 1">
        <li class="nav-item" data-ng-repeat="step in tip.additional_questionnaire.steps | orderBy:'order'" data-ng-if="step.enabled">
          <a id="step-{{$index}}-link" class="nav-link title" data-ng-class="{active: navigation === $index}" data-ng-click="goToStep($index)">
            <span>{{$index + 1}} - {{step.label}}</span>
          </a>
        </li>
      </ul>

      <div id="SubmissionTabsContentBox" class="tab-content">
        <div data-ng-if="displayErrors()" data-ng-include="'views/whistleblower/submission_error.html'"></div>
        <div data-ng-repeat="step in tip.additional_questionnaire.steps | orderBy:'order'" data-ng-controller="SubmissionStepCtrl" data-ng-if="step.enabled">
          <div id="{{stepId}}" data-ng-form="{{stepId}}" class="SubmissionStep" data-ng-show="navigation === $index">
            <div class="description" data-ng-if="step.description">{{step.description}}</div>
            <div data-ng-include="'views/whistleblower/form.html'"></div>
          </div>
        </div>
      </div>
    </div>
  </form>
</div>
<div class="modal-footer">
  <div id="SubmissionButtons">
    <button id="PreviousStepButton" class="btn btn-outline-secondary" data-ng-show="hasPreviousStep()" data-ng-click="decrementStep()">
      <i class="fa-solid fa-arrow-circle-left"></i>
      <span data-translate>Previous</span>
    </button>

    <button id="NextStepButton" class="btn btn-outline-secondary" data-ng-show="hasNextStep()" data-ng-click="incrementStep()">
      <span data-translate>Next</span>
      <i class="fa-solid fa-arrow-circle-right"></i>
    </button>

    <button id="SubmitButton" class="btn btn-primary" data-ng-show="!hasNextStep()" data-ng-click="completeSubmission()" type="submit">
      <i id="SubmitIconOK" class="fa-solid fa-check"></i>
      <span data-translate>Submit</span>
      <span data-ng-show="submission.wait">({{submission.countdown}})</span>
    </button>
  </div>
</div>
