{% embed 'WebsiteBundle:Layout:layout.html.twig' with {
metaSettings: {
'viewport': 'width=device-width, initial-scale=1',
'keywords': '',
'description': 'site.metadata.description'|trans
},
ogSettings: {
'title': 'site.metadata.title'|trans,
'image': '',
'description': 'site.metadata.description'|trans,
'url': url(app.request.get('_route'), app.request.get('_route_params'))
}
} %}

  {% block content %}
    <div class="content__smaller">
      <h1>{% trans %}site.session.moodQuestions.title{% endtrans %}</h1>
      <p class="sub__title">{{ 'site.session.moodQuestions.subTitle'|trans }}</p>
      <div id="mood_questions" data-url="{{ url('ajax_mood_questions_submit') }}">
        {% for question in questions %}
          <div class="question">
            <h2><span class="required">{{ question.question }} *</span></h2>
            <div class="question__score__bar" data-question="{{ question.id}}">
              {% for i in 1..10 %}
                <div class="question__score" data-rating="{{ i }}">{{ i }}</div>
              {% endfor %}
            </div>
          </div>
        {% endfor %}
        <div class="form-group">
          <h2><span class="required">{% trans %}site.session.moodQuestions.extraCommentLabel{% endtrans %} *</span></h2>
          <textarea name="extraInfo" placeholder="Extra uitleg" id="extraComment"></textarea>
        </div>

        <div>
          <div id="sendMoodQuestion" class="submit__button group" data-reminder-url="{{ path('session_reminder') }}">{{ 'site.session.button'|trans }}</div>
        </div>
      </div>
    </div>

  {% endblock %}
  {% block footer %}
    {% include 'WebsiteBundle:Layout/Partials:_footer.html.twig' %}
  {% endblock %}
{% endembed %}