{% load i18n %}

<!-- SCHEMA format -->

{% if display_mode == "list" %}
    <div class="d-flex flex-wrap justify-content-left">
        {% for z in item.value %}
        {% if z.key %}
            {% if item.schema == "ipam_subnet" or item.schema == "ipam_vlan" %}
            <a class="cv-ipam-link" href="{% url 'app_data:instance_detail' z.id %}">{{ z.display|default:z.key }}</a>
            {% else %}
            <a class="cv-schema-cell-link{% if not z.is_enabled %} cv-instance-disabled{% endif %}" href="{% url 'app_data:instance_detail' z.id %}">{{ z.display|default:z.key }}</a>
            {% endif %}
        {% else %}
        {{ z.display }}
        {% endif %}
        {% if not forloop.last %}, {% endif %}{% endfor %}
    </div>

{% elif display_mode == "detail" %}
{% comment %}
No dangling-reference guard here, unlike list mode: a missing instance links to
the placeholder id 999999999999 that FieldSchema emits. Carried over as-is on
purpose - see plan decision 3.
{% endcomment %}
    <div class="d-flex flex-wrap">
    {% for z in item.value %}
    <a class="btn btn-outline-success btn-sm mx-1 my-1{% if not z.is_enabled %} cv-instance-disabled{% endif %}" href="{% url 'app_data:instance_detail' z.id %}" role="button">
    {{ z.display|default:z.key }}</a>
    {% endfor %}
    </div>

{% elif display_mode == "print" %}{# print has never linked a reference: plain text, as before #}
    <div class="d-flex flex-wrap">
    {% for z in item.value %}{{ z.display|default:z.key }}{% if not forloop.last %}, {% endif %}{% endfor %}
    </div>

{% elif display_mode == "edit" %}
<!-- bigset={{ item.bigset }} - is_multi={{ item.is_multi }} -->

{% if item.is_multi %}
<div class="mb-3 row">
<label class="col-form-label col-sm-2">{{ item.displayname }}</label>

<div class="form-check col-sm-10">
{% if item.bigset %}
<select class="form-check col-sm-10" name="{{ item.fieldname }}" id="id_{{item.fieldname}}" multiple
  data-cv-select2="ajax-instance"
  data-cv-ajax-url="{% url 'app_data:ajax_instance' %}"
  data-cv-classname="{{ item.dataformat_ext }}"
  data-cv-placeholder="{% translate 'Select items' %}">
{% else %}
<select class="form-check col-sm-10" name="{{ item.fieldname }}" id="id_{{item.fieldname}}" multiple
  data-cv-select2="simple">
{% endif %}
    {% for instance in item.value %}
    <option value="{{ instance.key }}"{% if instance.selected %} selected{% endif %}{% if not instance.is_enabled %} class="cv-instance-disabled"{% endif %}>
      {{ instance.display|default:instance.key }}{% if not instance.is_enabled %} (disabled){% endif %}
    </option>
    {% endfor %}
</select>
  {% if item.description %}<div class="form-text">{{ item.description }}</div>{% endif %}
</div>
</div>

{% else %}

<div class="mb-3 row">
<label class="col-form-label col-sm-2">{{ item.displayname }}</label>

<div class="form-check col-sm-10">
{% if item.bigset %}
<select class="form-check col-sm-10" name="{{ item.fieldname }}" id="id_{{item.fieldname}}"
  data-cv-select2="ajax-instance"
  data-cv-ajax-url="{% url 'app_data:ajax_instance' %}"
  data-cv-classname="{{ item.dataformat_ext }}"
  data-cv-placeholder="{% translate 'Select items' %}">
{% else %}
<select class="form-check col-sm-10" name="{{ item.fieldname }}" id="id_{{item.fieldname}}"
  data-cv-select2="simple">
{% endif %}
    <option value="">---------------------------------</option>
    {% for instance in item.value %}
    <option value="{{ instance.key }}"{% if instance.selected %} selected{% endif %}{% if not instance.is_enabled %} class="cv-instance-disabled"{% endif %}>
      {{ instance.display|default:instance.key }}{% if not instance.is_enabled %} (disabled){% endif %}
    </option>
    {% endfor %}
</select>
  {% if item.description %}<div class="form-text">{{ item.description }}</div>{% endif %}
</div>
</div>

{% endif %}
{% else %}<!-- unknown display_mode: {{ display_mode }} -->{% endif %}