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

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

{% block content %}
    <div class="card">
        <h1>Your application</h1>
        <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>
    </div>
{% endblock %}