{% include 'patterns/organisms/layout/elections/navbar.html' with selected_item='Ptáte se' %}

<div class="__js-root">
  <ui-view-provider
    :initial="{view1: true, view2: false, view3: false, view4: false, view5: false}" :sync-location="true"
    v-slot="{ isCurrentView, toggleView }"
  >
    {% include 'patterns/organisms/header/elections/faq_header.html' %}

    <main role="main" class="bg-grey-150 pb-10">
      <div class="flex flex-col">
        {% include 'patterns/organisms/faq/faq_answer.html' with iteration=0 %}
        {% include 'patterns/organisms/faq/faq_answer.html' with iteration=1 %}
        {% include 'patterns/organisms/faq/faq_answer.html' with iteration=2 %}
        {% include 'patterns/organisms/faq/faq_answer.html' with iteration=3 %}
      </div>
    </main>
  </ui-view-provider>
</div>

{% include 'patterns/organisms/main_section/newsletter_section.html' %}
{% include 'patterns/organisms/layout/footer.html' %}
