<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
      xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers"
      data-namespace-typo3-fluid="true">

<nav class="form-navigation">
  <div class="btn-toolbar" role="toolbar">
    <div class="btn-group" role="group">
      <f:if condition="{form.previousPage}">
        <span class="btn-group previous">
          <f:form.hidden property="__currentPage"
                         value="{form.previousPage.index}"
                         respectSubmittedDataValue="false"/>
          <f:form.button type="button"
                         onclick="document.forms['{form.formDefinition.identifier}'].submit();"
                         class="btn btn-cancel"
                         formnovalidate="formnovalidate">{formvh:translateElementProperty(element: form.currentPage, renderingOptionProperty: 'previousButtonLabel')}</f:form.button>
        </span>
      </f:if>
      <f:if condition="{form.nextPage}">
        <f:then>
          <span class="btn-group next">
            <f:form.button property="__currentPage" value="{form.nextPage.index}" class="btn btn-primary">{formvh:translateElementProperty(element: form.currentPage, renderingOptionProperty: 'nextButtonLabel')}</f:form.button>
          </span>
        </f:then>
        <f:else>
          <span class="btn-group next submit">
            <f:form.button property="__currentPage"
                           value="{form.pages -> f:count()}"
                           class="btn btn-primary">
              {formvh:translateElementProperty(element: form, renderingOptionProperty: 'submitButtonLabel')}
            </f:form.button>
          </span>
        </f:else>
      </f:if>
    </div>
  </div>
</nav>

</html>
