{{#if outro}}
<button type="button" class="o-survey__control o-survey__control--close">
    

<svg class="a-icon a-icon--cancel o-survey__control-icon" aria-hidden="true">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Content/svg/icons-nvj-default.svg?v=KSueWr8pAXDQvihXw4G1Pg219#cancel"></use>
</svg>

</button>
<form>
    <div class="o-survey--appear-up">
        

<svg class="a-icon a-icon--nutricia-baby o-survey__finish__icon" aria-hidden="true">
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Content/svg/icons-nvj-default.svg?v=KSueWr8pAXDQvihXw4G1Pg219#nutricia-baby"></use>
</svg>

    </div>
    <h2 class="o-survey__header o-survey--appear-up">{{outro.title}}</h2>
    {{#if outro.requestEmail}}
    <div class="o-survey__email">
        <p>{{outro.text}}</p>
        <label for="survey-email" class="u-visually-hidden">{{outro.emailPlaceholder}}</label>
        <div class="o-survey--appear-up">
            <input data-hj-suppress type="email" autocomplete="email" placeholder="{{outro.emailPlaceholder}}" id="survey-email" name="survey-email" class="form-control" data-validation-msg-email="{{outro.emailValidationMessage}}" />
        </div>

        {{#if outro.moreInfoText}}
            <a href="#more-info-survey-email" class="o-survey__more-info-toggle">{{outro.moreInfoLabelText}}</a>
            <div class="o-survey__more-info" id="more-info-survey-email">
                <p>{{outro.moreInfoText}}</p>
            </div>
        {{/if}}
    </div>
    {{else}}
    <p>{{outro.text}}</p>
    {{/if}}
    <div class="o-survey__buttons o-survey--appear-up">
        <button class="a-btn a-btn--default o-survey__btn--quit" type="submit">{{outro.buttonText}}</button>
    </div>
</form>
{{/if}}