{% extends "base.html" %}

{% block title %}Ankieta{% endblock  %}

{% block content %}
    <div class="accountInfoContainer ">
        <h2>Ankieta oceniająca działanie aplikacji:</h2>
        <form method="post">
            <label for="overall">1. Jak ogólnie oceniasz aplikację?</label>
                <select name="overall" id="overall">
                    <option value="1">Bardzo dobrze</option>
                    <option value="2">Dobrze</option>
                    <option value="3">Przeciętnie</option>
                    <option value="4">Słabo</option>
                    <option value="5">Bardzo słabo</option>
                </select>
            <br>
            <br>
            <label for="functionality">2. Jak oceniasz ilość dostępnych funkcjonalności?</label>
                <select name="functionality" id="functionality">
                    <option value="1">Bardzo dużo</option>
                    <option value="2">Sporo</option>
                    <option value="3">Wystarczająco</option>
                    <option value="4">Za mało</option>
                    <option value="5">O wiele za mało</option>
                </select>
            <br>
            <br>
            <label for="look">3. Jak oceniasz wygląd aplikacji?</label>
                <select name="look" id="look">
                    <option value="1">Bardzo ładny</option>
                    <option value="2">Ładny</option>
                    <option value="3">Przeciętny</option>
                    <option value="4">Brzydki</option>
                    <option value="5">Bardzo brzydki</option>
                </select>
            <br>
            <br>
            <label for="intuitive">4. Jak często było coś dla ciebie nieintuicyjne?</label>
                <select name="intuitive" id="intuitive">
                    <option value="1">Nigdy</option>
                    <option value="2">Bardzo rzadko</option>
                    <option value="3">Rzadko</option>
                    <option value="4">Często</option>
                    <option value="5">Bardzo często</option>
                </select>
            <br>
            <br>
            <label for="bugs">5. Jak często napotkałeś jakiekolwiek błędy?</label>
                <select name="bugs" id="bugs">
                    <option value="1">Nigdy</option>
                    <option value="2">Bardzo rzadko</option>
                    <option value="3">Rzadko</option>
                    <option value="4">Często</option>
                    <option value="5">Bardzo często</option>
                </select>
            <br>
            <br>
            <label for="tech">6. Jak cogólnie oceniasz stonę techniczną aplikacji?</label>
                <select name="tech" id="tech">
                    <option value="1">Bardzo dobrze</option>
                    <option value="2">Dobrze</option>
                    <option value="3">Przeciętnie</option>
                    <option value="4">Słsbo</option>
                    <option value="5">Bardzo słabo</option>
                </select>
            <br>
            <br>
            <label for="potential">7. Jak duży potencjał widzisz?</label>
                <select name="potential" id="potential">
                    <option value="1">Bardzo duży</option>
                    <option value="2">Duży</option>
                    <option value="3">Mały</option>
                    <option value="4">Bardzo mały</option>
                    <option value="5">Nie widzę żadnego</option>
                </select>
            <br>
            <br>
            <label for="worst">8. Który element według ciebie wypada najgorzej?</label>
                <select name="worst" id="worst">
                    <option value="1">Wygląd</option>
                    <option value="2">Przydatność</option>
                    <option value="3">Intuicyjność</option>
                    <option value="4">Strona techniczna</option>
                    <option value="5">Żaden</option>
                </select>
            <br>
            <br>
            <label for="desc">9. Dodatkowe uwagi: </label>
            <input id="desc" type="text" name="desc">
            <br>
            <br>
            <input type="submit" value="Wyślij ankietę"><br><br>
        </form>
    </div>
{% endblock  %}