{% extends "base.html" %}
{% load i18n %}
{% load static %}

{% block title %}{% trans "Testing Status Matrix" %}{% endblock %}

{% block contents %}
    <div class="container-fluid container-cards-pf">
        {% include "telemetry/include/filters.html" %}

        <form class="form-horizontal">
            <div class="form-group">
                <label class="col-md-1 col-lg-1" for="id_include_child_tps">{% trans "Include child TPs" %}</label>
                <div class="col-md-3 col-lg-3">
                    <input class="bootstrap-switch" id="id_include_child_tps" type="checkbox"
                        data-on-text="{% trans 'Yes' %}" data-off-text="{% trans 'No' %}">
                </div>

                <label class="col-md-1 col-lg-1" for="id_order">{% trans "Order" %}</label>
                <div class="col-md-3 col-lg-3">
                    <input class="bootstrap-switch" id="id_order" type="checkbox" checked
                        data-on-text="{% trans 'Ascending' %}" data-off-text="{% trans 'Descending' %}">
                </div>
            </div>
        </form>

        <table class="table table-bordered table-with-horizontal-scroll" id="table">
            <thead>
            <tr>
                <th class="header header-test-run">{% trans "Test case"%} \ {% trans "Test run" %}</th>
            </tr>
            </thead>
        </table>

    </div>

    <link rel="stylesheet" type="text/css" href="{% static 'telemetry/css/testing/status-matrix.css' %}"/>

    <script src="{% static 'bootstrap-switch/dist/js/bootstrap-switch.min.js' %}"></script>

    <script src="{% static 'js/utils.js' %}"></script>
    <script src="{% static 'js/jsonrpc.js' %}"></script>

    <script src="{% static 'telemetry/js/testing/utils.js' %}"></script>
    <script src="{% static 'telemetry/js/testing/status-matrix.js' %}"></script>
{% endblock %}
