{% extends "layout.html" %}
{% block content %}
<div class="container mt-5">
    <div class="text-center">
        <h2 class="text-success mb-3">Спасибо за участие!</h2>
        <p class="lead">Ваши ответы сохранены.</p>

        {% if show_result %}
            <hr>
            <h4>Результаты:</h4>
            <ul class="list-group mb-3">
                {% for platform, percent in scores.items() %}
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        {{ platform }}
                        <span class="badge bg-primary rounded-pill">{{ percent }}%</span>
                    </li>
                {% endfor %}
            </ul>

            <h5 class="text-danger">Неподдерживаемые функции:</h5>
            {% for platform, feature_list in unsupported.items() %}
                {% if feature_list %}
                    <p><strong>{{ platform }}:</strong></p>
                    <ul>
                        {% for text in feature_list %}
                            <li>{{ text }}</li>
                        {% endfor %}
                    </ul>
                {% endif %}
            {% endfor %}
        {% endif %}
    </div>
</div>
{% endblock %}