{% macro renderPager(pager, surveyId, questionId, max) %}
    {{
        pagerfanta(
            pager,
            'twitter_bootstrap_translated',
            {
                'proximity' : 1,
                'routeName': 'claro_survey_results_show',
                'routeParams': {'survey': surveyId, 'question': questionId, 'max': max}
            }
        )
    }}
{% endmacro %}

{% from _self import renderPager %}

<div>
    <div>
        <label>{{ 'number_of_respondents'|trans({}, 'survey') }} :</label>
        <span>{{ answers|length }}</span>
    </div>
    {% if answers|length > 0 %}
        <br>
        {% if answers.getNbPages() > 1 %}
            {{ renderPager(answers, survey.getId(), question.getId(), max) }}
        {% endif %}
        <ul class="list-group">
            {% for answer in answers %}
                <li class="list-group-item">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h1 class="panel-title">
                                {{ answer.getQuestionAnswer().getSurveyAnswer().getUser().getUsername() }}
                            </h1>
                        </div>
                        <div class="panel-body">
                        {{ answer.getContent()|raw }}
                        </div>
                    </div>
                </li>
            {% endfor %}
        </ul>
        {% if answers.getNbPages() > 1 %}
            {{ renderPager(answers, survey.getId(), question.getId(), max) }}
        {% endif %}
    {% endif %}
</div>