[feat-155965544] : modify the template to display the questions and a…

…nswers

templates/front/faqs.html

@@ -5,7 +5,36 @@
 
 {% block content %}
 {%if question_list%}
-  here are the questiions
+
+<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
+{% for question in question_list %}
+  <div class="panel panel-default">
+    <div class="panel-heading" role="tab" id="headingOne">
+      <h4 class="panel-title">
+        <a role="button" data-toggle="collapse" data-parent="#accordion"
+            href="#collapse{{question.id}}" 
+            {%if loop.first %}
+            aria-expanded="true"
+            {%else%}
+            aria-expanded="false"
+            {%endif%}
+            aria-controls="collapse{{question.id}}">
+            {{question.question_text}} 
+            {{loop.index}} 
+        </a>
+      </h4>
+    </div>
+    <div id="collapse{{question.id}}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
+      <div class="panel-body">
+          {%for answer in question.answer_set.all%}
+          <p>{{answer.answer_text}}</p>
+          {%endfor%}
+      </div>
+    </div>
+  </div>
+{%endfor %}
+</div>
+
 {%else %}
 no questions
 {% endif%}