{% load i18n %}
{% load django_bootstrap5 %}
<div id="flavors" class="modal-body">
    {% if flavors %}
    <ul class="list-group mb-3">
        {% for flavor in flavors %}
        <li class="list-group-item d-flex flex-wrap align-items-center gap-2">
            <span><strong>{{ flavor.label }}</strong> · {{ flavor.vcpu }} vCPU · {{ flavor.memory }} MiB · {{ flavor.disk }} GiB</span>
            <form class="ms-auto" action="{% url 'instances:flavor_delete' flavor.id %}" method="post">{% csrf_token %}
                <button type="submit" class="btn btn-sm btn-secondary"
                        data-confirm="{% blocktrans with name=flavor.label %}Delete flavor {{ name }}? Only the size template goes; VMs made from it keep their size.{% endblocktrans %}">{% trans "Delete" %}</button>
            </form>
        </li>
        {% endfor %}
    </ul>
    {% endif %}
    <h3 class="h6">{% trans "Add flavor" %}</h3>
    <form method="post" action="{% url 'instances:flavor_create' %}">{% csrf_token %}
        {% bootstrap_form flavor_form %}
        <button type="submit" class="btn btn-primary">{% trans "Add" %}</button>
    </form>
</div>