{% extends "base.html" %}

{% block title %}Główna{% endblock  %}

{% block content %}
    <h1>Rozwiąż jakiś test!</h1>
        {% for test in tests %}
            <div class="mainTestContainer">
                <div class="mainTestName">
                    {{test.name}}
                    <i class="fa-solid fa-lock"></i>
                </div>
                <div class="mainTestMeta">
                    <div class="left">Kategoria: {{test.category}}</div>
                    <div class="center">Próg zaliczenia: {{test.passing_score}}</div>
                    <div class="right">Liczba pytań: {{test.question_count}}</div>
                </div>
<!--                <div class="mainTestDesc">-->
<!--                    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>-->
{#                <button><a href="/tests/{{test.id}}/show">Rozwiąż</a></button>#}
                <button><a href="/tests/{{test.id}}/password">Rozwiąż</a></button>
            </div>
            <br>
        {% endfor %}
{% endblock  %}