{% extends "base.html" %}

{% block title %}Kategoria - {{name}}{% endblock  %}

{% block content %}
    {% if name == "JezykPolski" %}
        <h1>Testy w kategorii Język Polski</h1>
    {% elif name == "JezykAngielski" %}
        <h1>Testy w kategorii Język Angielski</h1>
    {% else %}
        <h1>Testy w kategorii {{name}}</h1>
    {% endif %}
        {% for test in tests %}
            <div class="mainTestContainer">
                <div class="mainTestName">
                    {{test.name}}
                     {% if test.password != "" %}
                        <i class="fa-solid fa-lock locked" title="Test chroniony hasłem"></i>
                    {% endif %}
                </div>
                <div class="mainTestMeta">
                    <div class="mainTestMetaLine">
                        <div class="mainTestMetaInfoText">Kategoria: {{test.category}}</div>
                        <div class="mainTestMetaInfoText">Autor: {{test.get_author_name}}</div>
                        <div class="mainTestMetaInfoText">Rozwiązania: {{test.completions}}</div>
                    </div>
                    <div class="mainTestMetaLine">
                        <div class="mainTestMetaInfoText">Próg zaliczenia: {{test.passing_score}}</div>
                        <div class="mainTestMetaInfoText">Maksymalna ilość punktów: {{test.get_maxscore}}</div>
                        <div class="mainTestMetaInfoText">Ilość pytań: {{test.question_count}}</div>
                    </div>
                    <div class="mainTestMetaLineLabels">
                        <div class="mainTestMetaLabels">
                            Trudność:
                            {% if test.difficulty_label == 0 %}
                                <span class="fa-solid fa-fire-flame-curved" title="Brak - za mało osób rozwiązało ten test"></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Brak - za mało osób rozwiązało ten test"></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Brak - za mało osób rozwiązało ten test"></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Brak - za mało osób rozwiązało ten test"></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Brak - za mało osób rozwiązało ten test"></span>
                            {% elif test.difficulty_label == 1 %}
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Bardzo trudny test, średni wynik użytkowników poniżej 20%"></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Bardzo trudny test, średni wynik użytkowników poniżej 20%">></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Bardzo trudny test, średni wynik użytkowników poniżej 20%">></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Bardzo trudny test, średni wynik użytkowników poniżej 20%">></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Bardzo trudny test, średni wynik użytkowników poniżej 20%">></span>
                            {% elif test.difficulty_label == 2 %}
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Trudny test, średni wynik użytkowników nie przekracza 40%"></span>
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Trudny test, średni wynik użytkowników nie przekracza 40%"></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Trudny test, średni wynik użytkowników nie przekracza 40%"></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Trudny test, średni wynik użytkowników nie przekracza 40%"></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Trudny test, średni wynik użytkowników nie przekracza 40%"></span>
                            {% elif test.difficulty_label == 3 %}
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Przeciętny test, średni wynik użytkowników nie przekracza 60%"></span>
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Przeciętny test, średni wynik użytkowników nie przekracza 60%"></span>
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Przeciętny test, średni wynik użytkowników nie przekracza 60%"></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Przeciętny test, średni wynik użytkowników nie przekracza 60%"></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Przeciętny test, średni wynik użytkowników nie przekracza 60%"></span>
                            {% elif test.difficulty_label == 4 %}
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Łatwy test, średni wynik użytkowników nie przekracza 80%"></span>
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Łatwy test, średni wynik użytkowników nie przekracza 80%"></span>
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Łatwy test, średni wynik użytkowników nie przekracza 80%"></span>
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Łatwy test, średni wynik użytkowników nie przekracza 80%"></span>
                                <span class="fa-solid fa-fire-flame-curved" title="Łatwy test, średni wynik użytkowników nie przekracza 80%"></span>
                            {% else %}
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Banalny test, średni wynik użytkowników powyżej 80%"></span>
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Banalny test, średni wynik użytkowników powyżej 80%"></span>
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Banalny test, średni wynik użytkowników powyżej 80%"></span>
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Banalny test, średni wynik użytkowników powyżej 80%"></span>
                                <span class="fa-solid fa-fire-flame-curved fireChecked" title="Banalny test, średni wynik użytkowników powyżej 80%"></span>
                            {% endif %}
                        </div>
                        <div class="mainTestMetaLabels">
                            Ocena:
                            {% if test.avg_rating == 0 %}
                                <span class="fa fa-star" title="Użytkownicy jeszcze nie ocenili tego testu, bądź pierwszy"></span>
                                <span class="fa fa-star" title="Użytkownicy jeszcze nie ocenili tego testu, bądź pierwszy"></span>
                                <span class="fa fa-star" title="Użytkownicy jeszcze nie ocenili tego testu, bądź pierwszy"></span>
                                <span class="fa fa-star" title="Użytkownicy jeszcze nie ocenili tego testu, bądź pierwszy"></span>
                                <span class="fa fa-star" title="Użytkownicy jeszcze nie ocenili tego testu, bądź pierwszy"></span>
                            {% elif test.avg_rating == 1 %}
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako tragiczny"></span>
                                <span class="fa fa-star" title="Użytkownicy ocenili ten test jako tragiczny"></span>
                                <span class="fa fa-star" title="Użytkownicy ocenili ten test jako tragiczny"></span>
                                <span class="fa fa-star" title="Użytkownicy ocenili ten test jako tragiczny"></span>
                                <span class="fa fa-star" title="Użytkownicy ocenili ten test jako tragiczny"></span>
                            {% elif test.avg_rating == 2 %}
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako słaby"></span>
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako słaby"></span>
                                <span class="fa fa-star" title="Użytkownicy ocenili ten test jako słaby"></span>
                                <span class="fa fa-star" title="Użytkownicy ocenili ten test jako słaby"></span>
                                <span class="fa fa-star" title="Użytkownicy ocenili ten test jako słaby"></span>
                            {% elif test.avg_rating == 3 %}
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako przeciętny"></span>
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako przeciętny"></span>
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako przeciętny"></span>
                                <span class="fa fa-star" title="Użytkownicy ocenili ten test jako przeciętny"></span>
                                <span class="fa fa-star" title="Użytkownicy ocenili ten test jako przeciętny"></span>
                            {% elif test.avg_rating == 4 %}
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako dobry"></span>
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako dobry"></span>
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako dobry"></span>
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako dobry"></span>
                                <span class="fa fa-star"></span>
                            {% else %}
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako genialny"></span>
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako genialny"></span>
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako genialny"></span>
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako genialny"></span>
                                <span class="fa fa-star starChecked" title="Użytkownicy ocenili ten test jako genialny"></span>
                            {% endif %}
                            (Głosy: {{test.rates_amount}})
                        </div>
                    </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>
            </div>
            <br>
        {% endfor %}
{% endblock  %}