{% extends 'base.html' %}

{% block content %}
<form  action="{% url 'certificate:feedback' %}" method="post" style="width:1000px">

        <div style="padding-left:100px;width:940px;text-align:center;margin:0 auto;">
            <div align=center style="padding-left:200px">    <h1> Feedback </h1>
                <p>Please fill the feedback form. This will greatly enable us to do better.</p>
            </div>

        {{ detail }}
        {% csrf_token %}
        <div style="padding-left:200px;text-align:left;" >
            <table class="table">
                {{ form }}
            </table>
                {% for question in questions %}
                <label>{{ forloop.counter }}. {{ question.question }} </label><br>
                    <textarea cols="80" class="form-control" id="{{ question.id }}" name="{{ question.id }}"></textarea><br>
                    {% endfor %}
              <span><button class="btn btn-primary" type="submit">Submit</button></span>
              <span style="float:right"><a href="{% url 'certificate:download' %}" >I have already submitted</a></span>
          </div>
    </div>      
     </form>
    <hr>
{% endblock %}