{% extends 'layout.html' %}
{% block title %} Home {% endblock %}
{% block content %}
    <div class="container">
        <div class="forminfo-form">
            <h1 id="name" style="padding:20px;">Assessment</h1><br>
            <p id="name" style="padding:20px;"><b>Name of Assessment : </b><br>{{ questions[0] }}</p>
            <p id="name" style="padding:20px;"><b>Description :</b> {{ questions[1] }}</p>
        </div>
        <div class="formquestions">
            <form action="/form" method="POST" class="form">
                <div class="assess-group">
                    {% set questions_list = questions[2].decode('utf-8')[2:-2].split('", "') %}
                    {% for i in range(1, questions_list|count+1) %}
                        <div class="seperate">
                            <div class="ribbon">
                                <span>{{ i }}</span>
                            </div><br>
                            <label for="inp{{ i }}"> <b>Question : </b> {{ questions_list[i-1] }}</label>
                            <textarea type="text" name="inp{{ i }}" placeholder="Enter your answer" required></textarea><br>
                        </div>
                    {% endfor %}
                </div>

                <button id="submitassess" class="submitassess"><p id="textact">Submit Assessment</p> &nbsp; &nbsp; <span class="arrow"><i class="uil uil-arrow-right"></i></span></button>
            </form>
        </div>
    </div>
{% endblock %}