{% extends "layout.html" %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2 class="mb-0">Матрица поддержки: {{ survey.name }}</h2>
    <a href="{{ url_for('manage_platforms_by_survey', survey_id=survey.id) }}" class="btn btn-outline-secondary">← Назад к платформам</a>
</div>

<form method="post">
    <div class="table-responsive">
        <table class="table table-bordered table-hover align-middle">
            <thead class="table-dark text-center">
                <tr>
                    <th class="text-start">Функция</th>
                    {% for platform in platforms %}
                        <th>{{ platform.name }}</th>
                    {% endfor %}
                </tr>
            </thead>
            <tbody>
                {% for feature in features %}
                    <tr>
                        <td>
                            <strong>{{ feature.question_text }}</strong><br>
<!--                            <span class="text-muted small">{{ feature.question_text }}</span>-->
                        </td>
                        {% for platform in platforms %}
                            <td class="text-center">
                                <div class="form-check form-switch d-flex justify-content-center">
                                    <input class="form-check-input"
                                           type="checkbox"
                                           role="switch"
                                           name="support_{{ platform.id }}_{{ feature.id }}"
                                           {% if support[platform.id][feature.id] %}checked{% endif %}>
                                </div>
                            </td>
                        {% endfor %}
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    <div class="d-flex justify-content-between mt-4">
        <button type="submit" class="btn btn-primary">💾 Сохранить</button>
        <a href="{{ url_for('choose_survey') }}" class="btn btn-link">На главную</a>
    </div>
</form>
{% endblock %}