<div class="col-3"></div>

<div class="{{ aSurveyInfo.class.navigatorcontainer }} row navigator space-col" id="{{ aSurveyInfo.id.navigatorcontainer }}" {{ aSurveyInfo.attr.navigatorcontainer }}>
 
    <!-- Navigation buttons container -->
    <div class="col-3"></div>
    <div class="{{ aSurveyInfo.class.navigatorbuttonl }} col-3 text-start" {{ aSurveyInfo.attr.navigatorbuttonl }}>
 
        {# Previous button must be set to ON in survey settings (and it's not shown in first page, in All in One survey mode, etc) #}
        {% if (not aSurveyInfo.popupPreview) and aNavigator.aMovePrev.show %}
            <!-- Button previous -->
            <button {{ aSurveyInfo.attr.navigatorbuttonprev }} accesskey="p" class=" {{ aNavigator.disabled }} {{ aSurveyInfo.class.navigatorbuttonprev }} btn btn-lg btn-outline-secondary " >
                {{ gT("Previous") }}
            </button>
        {% endif %}
    </div>
    <div class="{{ aSurveyInfo.class.navigatorbuttonr }} col-3 text-end">
 
        {# Next button is not always shown (last page, all in one mode, etc) #}
        {% if (not aSurveyInfo.popupPreview) and aNavigator.aMoveNext.show %}
 
            {# On last page, Next button become submit button. #}
            {% if (not aSurveyInfo.popupPreview) and aNavigator.aMoveNext.value == "movesubmit" %}
                {% if not empty(aSurveyInfo.mandViolation) and not empty(aSurveyInfo.mandSoft) and empty(aSurveyInfo.mandNonSoft) and aSurveyInfo.showPopups != 1 %}
                <span class="checkbox-item">
                    <input class="{{ aSurveyInfo.class.mandsoftcheckbox }}" type="checkbox" name="mandSoft" id="mandSoft" value="{{ aSurveyInfo.aNavigator.aMoveNext.value }}" />
                    <label for="mandSoft" class="control-label {{ aSurveyInfo.class.mandsoftcheckboxlabel }}">{{ gT("Continue without answering") }}</label> 
                </span>
                {% endif %}
                <!-- Button submit -->
                <button {{ aSurveyInfo.attr.navigatorbuttonsubmit }} accesskey="n" class=" {{ aNavigator.disabled }} {{ aSurveyInfo.class.navigatorbuttonsubmit }} btn btn-lg btn-primary">
                    {{ gT("Submit") }}
                </button>
            {% else %}
                <!-- Button Next -->
                <button {{ aSurveyInfo.attr.navigatorbuttonnext }} accesskey="n" class=" {{ aNavigator.disabled }} {{ aSurveyInfo.class.navigatorbuttonnext }} btn btn-lg btn-primary " >
                    {{ gT("Next") }}
                </button>
            {% endif %}
        {% endif %}
    </div>
    <div class="col-3"></div>
</div>

#navigator-container.space-col {
  margin-top: -5em ;
  margin-bottom: 1em ;
}