{% extends "ddm_participation/base.html" %}
{% load i18n static %}
{% get_current_language as LANGUAGE_CODE %}
{% load render_bundle from webpack_loader %}

{% block extrahead %}{% endblock extrahead %}

{% block content %}

<div>
  <form method="POST">
    {% csrf_token %}
    <div id="qapp"
         data-action-url='{{ request.build_absolute_uri }}'
         data-language='{{ LANGUAGE_CODE|slice:"0:2"}}'
         class="text-black"
    >
      {{ q_config|json_script:"q-config-data" }}
      {{ filter_config|json_script:"filter-config-data" }}
      {{ extra_variables|json_script:"static-variables-data" }}
      <qapp></qapp>
    </div>
  </form>
  {% render_bundle 'ddm_questionnaire_frontend' config='DDM_QUESTIONNAIRE' %}
</div>
{% endblock content %}

{% block extrascripts %}
  {% for script in extra_scripts %}
  {{ script|safe }}
  {% endfor %}
{% endblock extrascripts %}