{% extends "main/base.html" %}

{% block content %}

<div class="container mt-5">
    <h2 class="text-center">Admin Feedback Dashboard</h2>
    <p class="text-center">View feedback for Tools, Techniques, and UI.</p>

    <div class="d-flex justify-content-between align-items-center mb-4">
        
        <div class="btn-group">
            <a href="{% url 'auth_feedback' %}?type=tools" class="btn btn-wide btn-primary {% if feedback_type == 'tools' %}active{% endif %}">Tools</a>
            <a href="{% url 'auth_feedback' %}?type=techniques" class="btn btn-wide btn-primary {% if feedback_type == 'techniques' %}active{% endif %}">Techniques</a>
            <a href="{% url 'auth_feedback' %}?type=ui" class="btn btn-wide btn-primary {% if feedback_type == 'ui' %}active{% endif %}">UI</a>
        </div>

        <a href="{% url 'export_feedback_csv' feedback_type %}" class="btn btn-success">Download CSV</a>

    </div>

    {% if feedback_type == "ui" and sus_score is not None %}
    <div class="alert alert-info text-center">
        <strong>System Usability Scale (SUS) Score:</strong> {{ sus_score }}
    </div>
    {% elif feedback_type == "ui" and sus_score is None %}
    <div class="alert alert-warning text-center">
        No SUS data available for calculation.
    </div>
    {% endif %}

    <div class="table-responsive">
        <table class="table table-bordered text-center align-middle custom-table">
            <thead class="table-dark">
                <tr>
                    {% for column in columns %}
                        <th>{{ column }}</th>
                    {% endfor %}
                </tr>
            </thead>
            <tbody>
                {% for feedback in feedback_data %}
                <tr>
                    <td>{{ feedback.id }}</td>
                    {% if feedback_type == "tools" %}
                        <td>{{ feedback.q1_teams }}</td>
                        <td>{{ feedback.q1_org }}</td>
                        <td>{{ feedback.q2_feasibility }}</td>
                        <td>{{ feedback.q2_plugin_ide }}</td>
                        <td>{{ feedback.q2_direct_install }}</td>
                        <td>{{ feedback.q2_manual_build }}</td>
                        <td>{{ feedback.q2_hardware_device }}</td>
                        <td>{{ feedback.q3_thoughts }}</td>
                        <td>{{ feedback.q3_code_file }}</td>
                        <td>{{ feedback.q3_codebase_access }}</td>
                        <td>{{ feedback.q3_entire_app }}</td>
                        <td>{{ feedback.q3_historical_access }}</td>
                        <td>{{ feedback.q4_effectiveness }}</td>
                        <td>{{ feedback.q4_comparison }}</td>
                        <td>{{ feedback.q4_raw_metric }}</td>
                        <td>{{ feedback.q4_final_values }}</td>
                        <td>{{ feedback.q4_refined_values }}</td>
                        <td>{{ feedback.q4_graphs_dashboards }}</td>
                        <td>{{ feedback.q4_auto_changes }}</td>
                        <td>{{ feedback.q5_challenges }}</td>
                        <td>{{ feedback.q5_improvements }}</td>
                        <td>{{ feedback.q5_facilitators }}</td>
                    {% elif feedback_type == "techniques" %}
                        <td>{{ feedback.q1_teams }}</td>
                        <td>{{ feedback.q1_org }}</td>
                        <td>{{ feedback.q5_challenges }}</td>
                        <td>{{ feedback.q5_improvements }}</td>
                        <td>{{ feedback.q5_facilitators }}</td>
                    {% elif feedback_type == "ui" %}
                        <td>{{ feedback.q1 }}</td>
                        <td>{{ feedback.q2 }}</td>
                        <td>{{ feedback.q3 }}</td>
                        <td>{{ feedback.q4 }}</td>
                        <td>{{ feedback.q5 }}</td>
                        <td>{{ feedback.q6 }}</td>
                        <td>{{ feedback.q7 }}</td>
                        <td>{{ feedback.q8 }}</td>
                        <td>{{ feedback.q9 }}</td>
                        <td>{{ feedback.q10 }}</td>
                    {% endif %}
                    <td>{{ feedback.submitted_at }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

</div>

{% endblock %}