{% load humanize i18n hq %}
{% comment %}
    The whole plan, not a count: a number says something is wrong without saying what,
    and this is the page you would open to find out.
{% endcomment %}
<div class="card hq-card">
    <h2 class="card-title">{% hq_icon "layers" %} {% translate "Migrations" %}</h2>
    <p class="card-sub">{% translate "What this database still owes the code running against it" %}</p>
    {% if migrations is None %}
        <p class="note hq-note">
            {% hq_icon "info" %}
            <span>{% translate "The migration plan could not be read." %}</span>
        </p>
    {% elif migrations %}
        <ol class="hq-plan">
            {% for migration in migrations %}
                <li>
                    <span class="hq-plan-app">{{ migration.app }}</span>
                    <span class="mono">{{ migration.name }}</span>
                </li>
            {% endfor %}
        </ol>
        <p class="note hq-note">
            {% hq_icon "triangle-alert" %}
            <span>
                {% blocktranslate count counter=migrations|length %}
                    One migration is waiting — the code is running against a schema it does not expect.
                {% plural %}
                    {{ counter }} migrations are waiting — the code is running against a schema it does not expect.
                {% endblocktranslate %}
            </span>
        </p>
    {% else %}
        <p class="hq-ok">{% hq_icon "check" %} {% translate "Everything applied." %}</p>
    {% endif %}
</div>