{# The settings of a connection as its kind describes them (UNIFORM U6),
   filled in from ``values``. ``editing``: the account exists, an emptied
   field removes that setting. ``suffix`` keeps ids apart. #}
{% macro connection_fields(connection, values, editing=False, suffix="") %}
{% set ids = "-" ~ suffix if suffix else "" %}
<div class="form-grid">
  {% for field in connection.fields %}
  <div class="field">
    <label for="f-{{ field.name }}{{ ids }}">{{ field.label }}</label>
    {% if field.choices %}
    <select id="f-{{ field.name }}{{ ids }}" name="{{ field.name }}">
      {% for value, words in field.choices %}<option value="{{ value }}"{% if (values.get(field.name) or field.default) == value %} selected{% endif %}>{{ words }}</option>{% endfor %}
    </select>
    {% else %}
    <input id="f-{{ field.name }}{{ ids }}" name="{{ field.name }}" value="{{ values.get(field.name, '') }}"{% if field.number %} inputmode="numeric"{% endif %}{% if field.login %} autocomplete="off"{% endif %}{% if field.required and not editing %} required{% endif %} />
    {% endif %}
    {% if field.hint %}<span class="hint">{{ field.hint }}</span>{% endif %}
  </div>
  {% endfor %}
</div>
{% if editing %}<p class="hint faint">Only what you change is sent. A change of server logs in again first.</p>{% endif %}
{% endmacro %}