{% load debusine %}
{% load static %}
{% if rows %}
    <script src="{% static "vendor/jquery/jquery.min.js" %}"></script>
    <script src="{% static "vendor/jquery-tablesorter/jquery.tablesorter.min.js" %}"></script>
    <table id="qa-results" class="table table-hover table-striped">
        <thead>
            <tr>
                <th class="text-break">Test name</th>
                <th class="text-break">Original result for {{ summary.original_source_version|break_version }}</th>
                <th class="text-break">New result for {{ summary.new_source_version|break_version }}</th>
                <th class="text-break">Conclusion</th>
            </tr>
        </thead>
        <tbody>
            {% for row in rows %}
                <tr>
                    <td>{{ row.name }}</td>
                    <td>
                        {% include "web/_work_request-detail-qa-cell.html" with can_retry=row.orig_can_retry artifact=row.orig csrf_token=csrf_token only %}
                    </td>
                    <td>
                        {% include "web/_work_request-detail-qa-cell.html" with can_retry=row.new_can_retry artifact=row.new csrf_token=csrf_token only %}
                    </td>
                    <td data-text="{{ row.analysis.status }}" class="text-nowrap">
                        <span style="display: inline-block; width: 1em">
                            {% if row.analysis.status == "no-result" %}
                                ?
                            {% elif row.analysis.status == "error" %}
                                !
                            {% elif row.analysis.status == "improvement" %}
                                ➚
                            {% elif row.analysis.status == "stable" %}
                                ⇄
                            {% elif row.analysis.status == "regression" %}
                                ➘
                            {% else %}
                                —
                            {% endif %}
                        </span>
                        {{ row.analysis.status }}
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
    <script type="module">
        $("#qa-results").tablesorter({
            sortList: [[0, 0]],
            headerTemplate: "{content} {icon}",
            cssIcon: "tablesorter-icon bi",
            cssIconNone: "bi-arrow-down-up",
            cssIconAsc: "bi-sort-alpha-down",
            cssIconDesc: "bi-sort-alpha-up-alt",
        });
    </script>
{% else %}
    No regression analysis results
{% endif %}
{% for w in warnings %}<div class="alert alert-warning" role="alert">{{ w }}</div>{% endfor %}