{% extends 'base_main.html' %}

{% block main %}
    <h4>
    <table class="table" style="width: 30%;">
        <tr>
            <td>
                Id решения
            </td>
            <td>
                {{ solution.id }}
            </td>
        </tr>
        <tr>
            <td>
                Задача
            </td>
            <td>
                <a href="/task?task_id={{ solution.task.id }}">{{ solution.task.name }}</a>
            </td>
        </tr>
        <tr>
            <td>
                Язык
            </td>
            <td>
                <img src="{{ solution.language.logo_url }}" width="30px" height="30px">
            </td>
        </tr>
        <tr>
            <td>
                Результат
            </td>
            <td>
                <span class="badge badge-{% if solution.result == in_queue_status %}secondary{% else %}{% if solution.result == ok_status %}success{% else %}{% if solution.result == testing_status %}info{% else %}danger{% endif %}{% endif %}{% endif %}">{% 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.result }}</span>
            </td>
        </tr>
    </table>
    </h4>
    <h4>Файлы решения</h4>
    {% for entity in solution.files %}
        <h5>{{ entity.filename }}</h5>
<pre><code class="{{ entity.highlight }}" style="border: 1px solid black;">{{ entity.text }}</code></pre>
        <hr>
    {% endfor %}
{% endblock %}