{% if field.type == 'custom' %}
  {{ custom_rendered_fields[field.key] | safe }}
{% elif field.type == 'hidden' %}
  <input type="hidden" name="{{ field.key }}" value="{{ field_value or '' }}" />
{% else %}
  {% if not skip_label %}
    <label class="fcu-label" for="{{ field.key }}">{{ field.label }}</label>
  {% endif %}
  {% if field.type == "text" or field.type == "password" or field.type == "email" or field.type == "number" or field.type == "tel" or field.type == "url" or field.type == "date" %}
    <input type="{{ field.type }}"
           class="fcu-form-control"
           name="{{ field.key }}"
           id="{{ field.key }}"
           {% if field.required %}required{% endif %}
           {% if disabled %}disabled{% endif %}
           value="{{ field_value or '' }}" />
  {% elif field.type == "textarea" %}
    <textarea class="fcu-form-control"
              name="{{ field.key }}"
              id="{{ field.key }}"
              rows="5"
              {% if disabled %}disabled{% endif %}
              {% if field.required %}required{% endif %}>{{ field_value or '' }}</textarea>
  {% elif field.type == "datalist" %}
    <input type="text"
           class="fcu-form-control"
           name="{{ field.key }}"
           id="{{ field.key }}"
           list="{{ field.key }}-datalist"
           autocomplete="off"
           {% if field.required %}required{% endif %}
           {% if disabled %}disabled{% endif %}
           value="{{ field_value or '' }}" />
    <datalist id="{{ field.key }}-datalist">
      {% if field.options %}
        {% if field.options is mapping %}
          {% for key, value in field.options.items() %}
            <option value="{{ key }}">{{ value }}</option>
          {% endfor %}
        {% else %}
          {% for option in field.options %}
            <option value="{{ option }}"></option>
          {% endfor %}
        {% endif %}
      {% endif %}
    </datalist>
  {% elif field.type == "select" %}
    <select class="fcu-form-control"
            name="{{ field.key }}"
            id="{{ field.key }}"
            {% if disabled %}disabled{% endif %}
            {% if field.required %}required{% endif %}
            {% if field.options and field.options is string %}up-source="{{ field.options }}"{% endif %}>
      {% if field.options and field.options is not string %}
        {% if field.options is mapping %}
          {% for key, value in field.options.items() %}
            <option value="{{ key }}" {% if key == field.value %}selected{% endif %}>{{ value }}</option>
          {% endfor %}
        {% else %}
          {% for option in field.options %}
            <option {% if option == field.value %}selected{% endif %}>{{ option }}</option>
          {% endfor %}
        {% endif %}
      {% else %}
        <!-- Options populated dynamically -->
      {% endif %}
    </select>
  {% endif %}
{% endif %}