html

{% extends 'base.html' %}
{% load staticfiles %}
{% load dict_tags %}
{% load inplace_edit %}

{% block title %}Polifit{% endblock %}

{% block head_js %}
  <script type="text/javascript">
    var pageName = "Issues Survey"
  </script>
{% endblock %}

{% block style_base %}
    <link rel="stylesheet" type="text/css" href="{% static 'css/surveys/polifit.css' %}"/>
    <link rel="stylesheet" type="text/css" href="{% static 'css/request_form.css' %}"/>
{% endblock style_base %}


{% block body_js %}
<script src="{% static 'js/libs/lodash.js' %}"></script>
<script src="{% static 'js/surveys/polifit.js' %}"></script>
<script src="{% static 'js/answerProcess.js' %}"></script>
<script type="text/javascript">
var CONFIG = {
    saveUrl:"{% url 'poliverse.surveys:answer_save' %}",
    {% if user.is_politician  %}
    commentSaveUrl:"{% url 'poliverse.surveys:comment_save' %}",
    {% endif %}
    auth : {{ user.is_authenticated|lower }},
    categoriesDict : {{categories_dict|safe }},
    finishedUrl : "{% url 'poliverse.profiles:profile' %}",
    beenThere:  {{ survey_completion }}
}
var SURVEY_COMPLETED = "{% url 'poliverse.surveys:survey_completed' %}";
</script>
{% endblock body_js %}



{% block fixedhead %}
<div class="decagon-progress hide-sm">
    <div class="decagon-container">
      <div class="decagon">
        <span class="prec " id="prec"><span class="prec-number">0</span>%<br/></span>
        <span class="complete">complete</span>
      </div>
      <div class="active-border enabled">
      </div>
    </div>
</div>
{{categories_dict|safe }}

{% endblock fixedhead %}

{% block content %}
<div class="quiz-total" id="total_progress">
  <div class="quiz-total-name">Survey Progress:</div>
   {% include 'surveys/partials/progress_indicator.html' only %}
</div>
<div class="reatach-wrapper sticky survey-question">
<div class="reatachable">
{% include 'surveys/partials/question_form.html' with categories=categories only %}
</div>
</div>

<div class="category-panel clearfix">
{% for key, polifit in polifit.items %}
<div class="panel-item quiz-category hide-sm" id="cat-{{ key }}" data-id="{{ polifit.category.id }}">
    <div class="quiz-category-name">{% inplace_edit "polifit.category.name" %} {% if request.user.is_superuser %}{% inplace_edit "polifit.category.order" %}{% endif %}</div>
    {% include 'surveys/partials/progress_indicator.html' with hide_sm=True only %}
</div>

{% if user.is_superuser %}
    {% for question in polifit.questions %}
      <li class="hide-sm">{% inplace_edit "question.text" %} {% inplace_edit "question.order" %} {% inplace_edit "question.is_active" %}</li>
    {% endfor %}
{% endif %}
{% endfor %}
  <!--
{% for category in categories %}
<div class="panel-item quiz-category hide-sm" id="cat-{{ category.id }}" data-id="{{category.id}}">
    <div class="quiz-category-name">{% inplace_edit "category.name" %} {% if request.user.is_superuser %}{% inplace_edit "category.order" %}{% endif %}</div>
    {% include 'surveys/partials/progress_indicator.html' with hide_sm=True only %}
</div>

{% if user.is_superuser %}
    {% for question in category.question_category.all %}
      <li class="hide-sm">{% inplace_edit "question.text" %} {% inplace_edit "question.order" %} {% inplace_edit "question.is_active" %}</li>
    {% endfor %}
{% endif %}
{% endfor %}
-->
</div>
<div class="animation-placeholder"></div>
{% include 'surveys/partials/survey_complete_popup.html' only %}
<!-- polifit overlay -->
{% include 'reminders/includes/why.html' with option='polifit_hidden' only %}
{% endblock content %}