{{ include('_registrationProgressBar.html.twig') }}
{{ include('_registrationSurveyProgressBar.html.twig') }}
<h4>{{ leadingQuestion }}</h4>
{{ form_start(form, {
    'attr' : {
        'class':'registrationStepForm',
        'novalidate': 'novalidate'
    }
}) }}
{# A FOR LOOP GOING THROUGH ALL OF THE ELEMENTS IN A COLLECTIONTYPE IS REQUIRED FOR THEM TO SHOW UP #}
{% for surveyResultQuestion in form.surveyResultQuestions %}
    <div class="row">
        <div class="col-12 w-100">
            <hr>
        </div>
        <div class="col-12 col-md-8">
            {{ form_row(surveyResultQuestion.score) }}
            {{ form_label(surveyResultQuestion.score) }}
            {% if surveyResultQuestion.notApplicableFormField is defined %}
                {{ form_widget(surveyResultQuestion.notApplicableFormField, { 'attr' : { 'class' : 'not_applicable_option', 'data-input-selector' : surveyResultQuestion.score.vars.id } }) }}
            {% endif %}
        </div>
        <div class="col-12 col-md-4 text-right">
            {% for i in 0..4 %}
                {% if surveyResultQuestion.score.vars.data is not null and ((i * 25) <= surveyResultQuestion.score.vars.data) %}
                    {% set star = 'fa-star' %}
                    {% set color = 'gold' %}
                {% else %}
                    {% set star = 'fa-star-o' %}
                    {% set color = 'gray' %}
                {% endif %}
                <i class="fa {{ star }} rating" aria-hidden="true" style="font-size:2em;color:{{ color }};" data-input-selector="{{ surveyResultQuestion.score.vars.id }}" data-rating-value="{{ i * 25 }}"></i>
            {% endfor %}
            {{ form_errors(surveyResultQuestion) }}
        </div>
    </div>
{% endfor %}
{% if form.comments is defined %}
    <hr>
    {{ form_row(form.comments) }}
{% endif %}
<div class="row">
    <div class="col-12 text-center">
        <hr>
        <button class="btn btn-primary" type="submit">Next</button>
    </div>
</div>
{{ form_end(form) }}