{% extends 'base.html' %}
{% block script %}
<script language="javascript">
		var time_left = 300;
		function dec_counter (){
				time_left -= 1;
				if (time_left) {
						document.getElementById("time_left").value = "Time left: " + time_left + " secs";
						setTimeout("dec_counter()", 1000);
				}
				else {
						dopost();
				}
		}
        function dopost (){
            document.getElementById("queform").submit();
        }
		setTimeout("dec_counter()", 1000);
    </script>
{% endblock %}
{% block content %}
Welcome {{user.get_full_name}} <br />
<br />
<ul>
		<li> You are about to start quiz in a while </li>
		<li> There will be a box (as shown below) where you have to type the answer </li>
		<li> Please use 4 spaces for indentation </li>
		<li> Some questions are multiple choice type and hence will have options instead of textbox </li>
		<br />
<li> There will be a timer running at the bottom as shown in this page.</li>
<li> The page will auto submit after the timer runs out </li>
<li> You can also click the submit button to submit the answer before the timer ends </li>
<br />
<li> DO NOT refresh the page after the timer starts. If a question reloads, it is marked as incorrect </li>
<br />
The quiz starts after the timer runs out.<br />
You can click on submit to start the quiz right away.<br />
All the best.<br /><br />
Answer:<br />
<textarea></textarea>
		<form id="queform" action="/quiz/answer/{{quiz.key}}" method="get">
				<input type="submit" value="Submit"></form>
<input type="button" value="Time left: 300 secs" id="time_left">
{% endblock %}