{% extends "base.html" %}

{% block styles %}
	<link rel="stylesheet" href="webit.css">
{% endblock styles %}

{% block extra %}
	{{ macro::breadcrumbs(page=page) }}
{% endblock extra %}


{% block content %}
<main>
	<section id="testit">
		<h1>{{ page.title }}</h1>
		<form id="examFrom" action="#" method="post">
			<header>Test sestává z 10 testových otázek po dvou bodech a 4 úloh po pěti bodech. Po odeslání se zvýrazní
				správně a chybně zodpovězené otázky a vypíše procentuální úspěšnost řešení.
			</header>
			<fieldset id="questions"></fieldset>
			<fieldset id="tasks"></fieldset>
			<div id="results"></div>
			<div class="footer"><input type="submit" value="Zkontrolovat odpovědi" class="button"></div>
		</form>
	</section>
</main>
{% endblock content %}

{% block javascript %}
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
	<script src="app.js"></script>
{% endblock javascript %}