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

{% block template_name %}testapp/nested_task_list.html{% endblock %}

{% block content %}
    <div class="card">
        <h1>Supporting information</h1>
        <p class="lede">
            A task list within the application's task list. Its sections are
            keyed under this page's own prefix in the same journey record, so
            the application's row for it reads these rows' status, and its
            submit only returns you there.
        </p>
        <p class="lede">
            You have completed {{ task_list.completed }} of {{ task_list.count }} section{{ task_list.count|pluralize }}.
        </p>
        <ul class="task-list">
            {% for row in task_list.rows %}
                <li class="task-list__item">
                    {% if row.is_blocked %}
                        <span>{{ row.title }}</span>
                    {% else %}
                        <a href="{{ row.url }}">{{ row.title }}</a>
                    {% endif %}
                    <strong class="tag tag--{{ row.status }}">{{ row.status_label }}</strong>
                </li>
            {% endfor %}
        </ul>
        {% if task_list.is_complete %}
            <form method="post">
                {% csrf_token %}
                <button type="submit">Continue</button>
            </form>
        {% else %}
            <p><a href="{{ view.get_task_list_url }}">Back to your application</a></p>
        {% endif %}
    </div>
{% endblock %}