{% 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 id="faq" class="content">
      <h1 class="left">{{ 'site.faq.title'|trans }}</h1>
      <p class="left sub__title">{{ ('site.faq.subTitle'|trans)|raw }}</p>
      <div class="accordionControl"></div>
      {% for faqItem in 0 .. 5 %}
        {% set transKey = 'site.faq.'~faqItem %}
        <h2 class="subject">{{ (transKey ~ '.subject')|trans }}</h2>
        {% if faqItem <   2 %}
          {% for faqItemQuestions in 0 .. 5 %}
            <div class="faq__item">
              <div class="faq__item__header accordion">
                <h2>{{ (transKey ~  '.questions.' ~ faqItemQuestions ~'.question' )|trans }}</h2>
              </div>
              <div class="faq__item__content panel">
                <p>{{ (transKey ~  '.questions.' ~ faqItemQuestions ~'.answer' )|trans|raw }}</p>
              </div>
            </div>
          {% endfor %}
        {% elseif faqItem > 1 and faqItem < 4 %}
          {% for faqItemQuestions in 0 .. 4 %}
            <div class="faq__item">
              <div class="faq__item__header accordion">
                <h2>{{ (transKey ~  '.questions.' ~ faqItemQuestions ~'.question' )|trans }}</h2>
              </div>
              <div class="faq__item__content panel">
                <p>{{ (transKey ~  '.questions.' ~ faqItemQuestions ~'.answer' )|trans|raw }}</p>
              </div>
            </div>
          {% endfor %}
        {% elseif faqItem == 4 %}
          {% for faqItemQuestions in 0 .. 3 %}
            <div class="faq__item">
              <div class="faq__item__header accordion">
                <h2>{{ (transKey ~  '.questions.' ~ faqItemQuestions ~'.question' )|trans }}</h2>
              </div>
              <div class="faq__item__content panel">
                <p>{{ (transKey ~  '.questions.' ~ faqItemQuestions ~'.answer' )|trans|raw }}</p>
              </div>
            </div>
          {% endfor %}
        {% else %}
          {% for faqItemQuestions in 0 .. 5 %}
            <div class="faq__item">
              <div class="faq__item__header accordion">
                <h2>{{ (transKey ~  '.questions.' ~ faqItemQuestions ~'.question' )|trans }}</h2>
              </div>
              <div class="faq__item__content panel">
                <p>{{ (transKey ~  '.questions.' ~ faqItemQuestions ~'.answer' )|trans|raw }}</p>
              </div>
            </div>
          {% endfor %}
        {% endif %}

      {% endfor %}
      {% if psychoFaqItems %}
        <h2 class="subject">{{ 'site.faq.psychoanalyse'|trans }}</h2>
        {% for text in psychoFaqItems %}
          <h2>{{ text.title }}</h2>
          <p>{{ text.text }}</p>
        {% endfor %}
      {% endif %}
    </div>
    <div id="backToTop">
      <i class="fa fa-arrow-up" aria-hidden="true"></i>
    </div>
  {% endblock %}
  {% block footer %}
    {% include 'WebsiteBundle:Layout/Partials:_footer.html.twig' %}
  {% endblock %}
{% endembed %}