{% extends "::base.html.twig" %}

{% block content %}
    {% include 'SurfnetStepupSelfServiceSelfServiceBundle::Registration/partial/progressBar.html.twig' with {'progress': 0} only %}

    <h2>{{ 'ss.registration.selector.title.welcome'|trans({'%name%': 'Fabien'}) }}</h2>
    <div class="alert alert-info" role="alert">{{ 'ss.registration.selector.alert.no_second_factors_yet'|trans }}</div>

    <p>{{ 'ss.registration.selector.text.explain_wizard'|trans }}</p>
    <p>{{ 'ss.registration.selector.text.please_select_second_factor'|trans }}</p>

    <div class="row">
        {% include 'SurfnetStepupSelfServiceSelfServiceBundle::Registration/partial/secondFactor.html.twig' with {'type': 'yubikey', 'security': 3 } only %}
        {% include 'SurfnetStepupSelfServiceSelfServiceBundle::Registration/partial/secondFactor.html.twig' with {'type': 'sms', 'security': 2 } only %}
        {% include 'SurfnetStepupSelfServiceSelfServiceBundle::Registration/partial/secondFactor.html.twig' with {'type': 'tiqr', 'security': 2 } only %}
    </div>
{% endblock %}

{% extends "::base.html.twig" %}

{% block page_header %}
    {{ parent() }}

    {% include 'SurfnetStepupSelfServiceSelfServiceBundle::Registration/partial/progressBar.html.twig' with {'progress': 0} only %}
{% endblock %}

{% block content %}
    <h2>{{ 'ss.registration.selector.title.welcome'|trans({'%name%': 'Fabien'}) }}</h2>
    <div class="alert alert-info" role="alert">{{ 'ss.registration.selector.alert.no_second_factors_yet'|trans }}</div>

    <p>{{ 'ss.registration.selector.text.explain_wizard'|trans }}</p>
    <p>{{ 'ss.registration.selector.text.please_select_second_factor'|trans }}</p>

    <div class="row">
        {% include 'SurfnetStepupSelfServiceSelfServiceBundle::Registration/partial/secondFactor.html.twig' with {'type': 'yubikey', 'security': 3 } only %}
        {% include 'SurfnetStepupSelfServiceSelfServiceBundle::Registration/partial/secondFactor.html.twig' with {'type': 'sms', 'security': 2 } only %}
        {% include 'SurfnetStepupSelfServiceSelfServiceBundle::Registration/partial/secondFactor.html.twig' with {'type': 'tiqr', 'security': 2 } only %}
    </div>
{% endblock %}

Move progress bar into page header so flash messages are shown below.
Move progress bar into page header so flash messages are shown below.
