{% load i18n %}
{# The steps of creating a VM; step is the current one (1-3), a done step links back to it. #}
<nav aria-label="{% trans "Create a VM" %}" style="--bs-breadcrumb-divider: '›';">
    <ol class="breadcrumb small mb-3">
        {% if step == 1 %}
        <li class="breadcrumb-item fw-semibold" aria-current="step">1. {% trans "Host" %}</li>
        {% else %}
        <li class="breadcrumb-item"><a class="text-decoration-underline" href="{% url 'instances:index' %}">1. {% trans "Host" %}</a>: {{ compute.name }}</li>
        {% endif %}
        {% if step == 2 %}
        <li class="breadcrumb-item fw-semibold" aria-current="step">2. {% trans "Machine" %}</li>
        {% elif step == 3 %}
        <li class="breadcrumb-item"><a class="text-decoration-underline" href="{% url 'instances:create_instance_select_type' compute.id %}">2. {% trans "Machine" %}</a>: {{ arch }}, {{ machine }}</li>
        {% else %}
        <li class="breadcrumb-item text-body-secondary">2. {% trans "Machine" %}</li>
        {% endif %}
        {% if step == 3 %}
        <li class="breadcrumb-item fw-semibold" aria-current="step">3. {% trans "Details" %}</li>
        {% else %}
        <li class="breadcrumb-item text-body-secondary">3. {% trans "Details" %}</li>
        {% endif %}
    </ol>
</nav>