{% extends "base.html" %}

{% block title %}Moje testy{% endblock  %}

{% block content %}
    <h1>Twoje testy</h1>
        {% for test in tests %}
            <div class="mainTestContainer">
                <div class="mainTestName">
                    {{test.name}}
                </div>
                <div class="mainTestMeta">
                    <div class="left">Kategoria: {{test.category}}</div>
                    <div class="center">Próg zaliczenia: {{test.passing_score}}</div>
                    <div class="right">Ilość pytań: {{test.questions|length}}</div>
                </div>
                <div class="mainTestDesc">
<!--                    TODO 250 words limit-->
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus volutpat scelerisque tortor, id sodales leo finibus id. Vivamus id viverra nunc, ac faucibus metus. Nulla a mauris imperdiet sapien lobortis dapibus. Quisque ornare posuere pulvinar.
                </div>
                <div class="tripleButton">
                    <button><a href="/tests/{{test.id}}/show">Rozwiąż</a></button>
                    <button><a href="/tests/{{test.id}}/edit">Edytuj</a></button>
                    <button style="background:#FF0000;"><a href="/tests/{{test.id}}/edit">Usuń</a></button>
                </div>
            </div>
            <br>
        {% endfor %}
{% endblock  %}