<table class="table" style="margin-top: 30px;">
        <thead>
            <th scope="col">id</th>
            <th scope="col">Пользователь</th>
            <th scope="col">Задача</th>
            <th scope="col">Время отправки</th>
            <th scope="col">Язык</th>
            <th scope="col">Результат</th>
        </thead>
        <tbody id="solutions">
{% for solution in solutions %}
    <tr>
        <td>
            <b><a href="/solution?solution_id={{ solution.id }}">{{ solution.id }}</a></b>
        </td>
        <td>
            <img src="{{ solution.user.userinfo.profile_pic_url }}" width="30px" height="30px" style="border-radius: 50%; margin-right: 10px;"><a href="/account?username={{ solution.user.username }}">{{ solution.user }}</a>
        </td>
        <td>
            <a href="/task?task_id={{ solution.task.id }}">{{ solution.task.name }}</a>
        </td>
        <td>
            {{ solution.time_sent }}
        </td>
        <td>
            <img src="{{ solution.language.logo_url }}" width="30px" height="30px">
            {{ solution.language.name }}
        </td>
        <td>
            <h4>
                <span class="badge badge-{{ solution.badge_style }}">{% if solution.result == testing_status %}<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle-notch" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="width: 20px;" class="svg-inline--fa fa-circle-notch fa-w-16 fa-spin fa-lg"><path fill="currentColor" d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z" class=""></path></svg> {% endif %}{{ solution.number_result }}</span>
            </h4>
        </td>
    </tr>
{% endfor %}
        </tbody>
    </table>
{% if need_pagination %}
<div style="display: flex; justify-content: flex-end">
    <table>
        <tr>
            {% for num in count_pages %}
                <td><button class="btn btn-light" id="page_num_{{ num }}" onclick="setPage({{ num }})">{{ num }}</button></td>
            {% endfor %}
        </tr>
    </table>
</div>
{% endif %}