{% extends "base-layout.html" %} {% block content %}
<table>
    <thead>
        <tr>
            <th>Requirement ID</th>
            <th>State</th>
            <th>Children</th>
            <th>Covered-By</th>
            <th>Reviewed-In</th>
        </tr>
    </thead>
    <tbody>
        {% for req in schema.requirements %}
        <tr>
            <td>
                <a
                    href="{{ path_to_root }}/{{ requirement_url_path(req) }}.html"
                    >{{ req.id }}</a
                >
            </td>
            <td class="state-{{ req.state }}">{{ req.state }}</td>
            <td>
                <ul>
                    {% for child in req.children %}
                    <li>
                        <a
                            href="{{ path_to_root }}/{{ requirement_url_path(child) }}.html"
                            >{{ child.id }}</a
                        ><span class="state-badge state-{{ child.state }}"
                            >{{ child.state }}</span
                        >{% if child.optional %}<span class="optional-badge"
                            >optional</span
                        >{% endif %}
                    </li>
                    {% endfor %}
                </ul>
            </td>
            <td>
                <ul>
                    {% for test_run in req.covered_by.test_runs %}
                    <li>
                        Test Run:
                        <a
                            href="{{ path_to_root }}/{{ test_run_url_path(test_run) }}.html"
                            >{{ test_run.name }}</a
                        ><span class="state-badge state-{{ test_run.state }}"
                            >{{ test_run.state }}</span
                        >
                    </li>
                    {% endfor %} {% for test_case in req.covered_by.test_cases
                    %}
                    <li>
                        Test Case:
                        <a
                            href="{{ path_to_root }}/{{ test_case_url_path(test_case) }}.html"
                            >{{ test_case.test_case_name }}</a
                        ><span class="state-badge state-{{ test_case.state }}"
                            >{{ test_case.state }}</span
                        >
                    </li>
                    {% endfor %}
                </ul>
            </td>
            <td>
                <ul>
                    {% for review in req.reviewed_in %}
                    <li>
                        <a
                            href="{{ path_to_root }}/{{ review_url_path(review) }}.html"
                            >{{ review.name }}</a
                        ><span class="state-badge state-{{ review.state }}"
                            >{{ review.state }}</span
                        >
                    </li>
                    {% endfor %}
                </ul>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}