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

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

{% block content %}
    <div class="card">
        <h1>Your application</h1>
        <p class="lede">
            One journey, scoped by the id in the URL. A section that does not
            apply yet is not listed; one that waits on another is listed but
            cannot start yet. The whole thing submits once every row is
            complete.
        </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">Submit application</button>
            </form>
        {% endif %}
    </div>
{% endblock %}