{% extends "information-page.njk" %}
{% import "tasklist-text.njk" as text %}
{% from "govuk-tasklist.njk" import govukTaskList %}
{% set title = text.titleText['A24 Badger'] %}

{% block topNavigation %}
    {% if data.reference %}
        <p class="govuk-body sdds-save-link">
            <a class="govuk-link govuk-link--no-visited-state" href="/applications">Save and return later</a>
        </p>
    {% endif %}
{% endblock %}

{% block pageContent %}
<span>
    <div hidden>
        {% set tld = [] %}
        {% for section in data.licenceTypeMap %}
           {% set t = [] %}
           {% for task in section.tasks %}
                {{ t.push({
                    name: text.taskText[task.name],
                    href: task.uri,
                    status: text.statusText[task.status],
                    colour: text.statusColours[task.status] if text.statusColours[task.status] else null,
                    disabled: not task.enabled
                }) }}
           {% endfor %}
           {{ tld.push({ name: text.sectionText[section.name], tasks: t }) }}
        {% endfor %}
    </div>

    {% if data.progress.complete !== data.progress.from %}
        <h2 class="govuk-heading-s govuk-!-margin-bottom-2">Application incomplete</h2>
        <p class="govuk-body govuk-!-margin-bottom-7">You have completed {{data.progress.complete}} of {{data.progress.from}} sections.</p>
    {% endif %}

    {% if data.reference %}
        <p class="govuk-body govuk-!-margin-bottom-7">Reference:<br>{{data.reference}}</p>
    {% endif %}

    {{ govukTaskList({ sections: tld }) }}
</span>
{% endblock %}