{% from "quite_admin/_controls.html" import field_options, field_attributes with context %}
{% macro render_field(field) %}{% set editable = field.name in writable %}{% set help = resource.options.fields.get(field.name) %}
  <div class="form-field {% if field.kind == 'json' or field.multiline %}wide{% endif %}">
    <label id="label-{{ field.name }}" for="field-{{ field.name }}">{{ field.label }} {% if not editable %}<span class="field-tag">{{ t('Read only') }}</span>{% elif field.nullable %}<span class="optional-label">{{ t('optional') }}</span>{% endif %}</label>
    {% set descriptions %}{% if help and help.help_text %}help-{{ field.name }} {% endif %}{% if field.foreign_key %}reference-{{ field.name }} {% endif %}{% if errors.get(field.name) %}error-{{ field.name }}{% endif %}{% endset %}
    {% if not editable %}<div class="readonly-value" id="field-{{ field.name }}" aria-labelledby="label-{{ field.name }}">{% if field.kind == 'boolean' and values[field.name] in ('true', 'false') %}{{ t('True' if values[field.name] == 'true' else 'False') }}{% else %}{{ values[field.name] or '—' }}{% endif %}</div>
    {% elif help and help.template %}{% include help.template %}
    {% elif field.kind == 'boolean' or field.choices %}
      <select{% if field.kind == 'boolean' %} data-boolean-toggle{% endif %} id="field-{{ field.name }}" name="{{ field.name }}"{{ field_attributes(descriptions, errors.get(field.name)) }}>
      {% if field.nullable %}<option value="" {% if not values[field.name] %}selected{% endif %}>— {{ t('None') }} —</option>{% endif %}
      {{ field_options(field, 'false' if field.kind == 'boolean' and not field.nullable and not values[field.name] else values[field.name]) }}
      </select>
    {% elif field.kind == 'json' %}<textarea data-json-editor class="code-input" id="field-{{ field.name }}" name="{{ field.name }}"{{ field_attributes(descriptions, errors.get(field.name)) }} rows="4" spellcheck="false">{{ values[field.name] }}</textarea>
    {% elif field.kind == 'string' and field.multiline %}<textarea id="field-{{ field.name }}" name="{{ field.name }}" rows="5"{% if field.max_length %} maxlength="{{ field.max_length }}"{% endif %}{{ field_attributes(descriptions, errors.get(field.name)) }}>{{ values[field.name] }}</textarea>
    {% else %}<input{% if field.kind == 'date' %} data-calendar-input{% endif %}{% if field.kind in ('datetime', 'time') %} data-temporal="{{ field.kind }}"{% endif %} id="field-{{ field.name }}" name="{{ field.name }}"{{ field_attributes(descriptions, errors.get(field.name)) }} value="{{ values[field.name] }}" type="{{ 'number' if field.kind in ('integer', 'number') else 'date' if field.kind == 'date' else 'text' }}" {% if field.kind == 'number' %}step="any"{% elif field.kind == 'integer' %}step="1"{% endif %} {% if field.max_length %}maxlength="{{ field.max_length }}"{% endif %} {% if field.kind == 'datetime' %}placeholder="2026-01-01T12:00:00+00:00"{% endif %}>
    {% endif %}
    {% if creating and editable and field.has_default %}<label class="checkbox-label"><input type="checkbox" name="__default__{{ field.name }}" value="true" {% if field.name in defaults %}checked{% endif %}> {{ t('Use model / database default') }}</label>{% endif %}
    {% if help and help.help_text %}<p class="field-help" id="help-{{ field.name }}">{{ help.help_text }}</p>{% endif %}
    {% if field.foreign_key %}<p class="field-help" id="reference-{{ field.name }}">{{ t('References {target}. Enter the related key.', target=field.foreign_key) }}</p>{% endif %}
    {% if errors.get(field.name) %}<p class="field-error" id="error-{{ field.name }}">{{ t(errors[field.name]) }}</p>{% endif %}
  </div>
{% endmacro %}