{% for dropdown in dropdown %}
<select class="iz-select" name="{{ dropdown.FIELD_IDENT }}" id="{{ dropdown.FIELD_IDENT }}">
	{% for options in options %}
		<option value="{{ dropdown.options.OPTION_ID }}"{{ dropdown.options.SELECTED }}>{{ dropdown.options.VALUE }}</option>
	{% endfor %}
</select>
{% endfor %}

{% for text in text %}
<textarea class="iz-textarea"
		  name="{{ text.FIELD_IDENT }}"
		  id="{{ text.FIELD_IDENT }}"
		  rows="{{ text.FIELD_ROWS }}"
		  cols="{{ text.FIELD_COLS }}"
		  autocomplete="off">{{ text.FIELD_VALUE }}</textarea>
{% endfor %}

{% for string in string %}
<input class="iz-input"
	   type="text"
	   name="{{ string.FIELD_IDENT }}"
	   id="{{ string.FIELD_IDENT }}"
	   value="{{ string.FIELD_VALUE }}"
	   maxlength="{{ string.FIELD_MAXLEN }}"
	   autocomplete="off" />
{% endfor %}

{% for bool in bool %}
{% if bool.FIELD_LENGTH == 1 %}
	<div class="iz-field iz-field--choice">
		{% for options in options %}
			<label class="iz-choice" for="{{ bool.FIELD_IDENT }}_{{ bool.options.OPTION_ID }}">
				<input class="iz-choice__input"
					   type="radio"
					   name="{{ bool.FIELD_IDENT }}"
					   id="{{ bool.FIELD_IDENT }}_{{ bool.options.OPTION_ID }}"
					   value="{{ bool.options.OPTION_ID }}"{{ bool.options.CHECKED }} />
				<span class="iz-choice__label">{{ bool.options.VALUE }}</span>
			</label>
		{% endfor %}
	</div>
{% else %}
	<label class="iz-choice" for="{{ bool.FIELD_IDENT }}">
		<input class="iz-choice__input"
			   type="checkbox"
			   name="{{ bool.FIELD_IDENT }}"
			   id="{{ bool.FIELD_IDENT }}"{% if bool.FIELD_VALUE %} checked="checked"{% endif %} />
		<span class="iz-choice__label">{{ bool.LANG_NAME }}</span>
	</label>
{% endif %}
{% endfor %}

{% for int in int %}
<input class="iz-input iz-input--number"
	   type="number"
	   name="{{ int.FIELD_IDENT }}"
	   id="{{ int.FIELD_IDENT }}"
	   value="{{ int.FIELD_VALUE }}"
	   min="{{ int.FIELD_MINLEN }}"
	   max="{{ int.FIELD_MAXLEN }}"
	   inputmode="numeric" />
{% endfor %}

{% for date in date %}
<div class="iz-datefield" role="group" aria-label="{{ date.LANG_NAME }}">
	<div class="iz-datefield__part">
		<label class="iz-label" for="{{ date.FIELD_IDENT }}_day">{{ L_DAY }}{{ L_COLON }}</label>
		<select class="iz-select" name="{{ date.FIELD_IDENT }}_day" id="{{ date.FIELD_IDENT }}_day">{{ date.S_DAY_OPTIONS }}</select>
	</div>

	<div class="iz-datefield__part">
		<label class="iz-label" for="{{ date.FIELD_IDENT }}_month">{{ L_MONTH }}{{ L_COLON }}</label>
		<select class="iz-select" name="{{ date.FIELD_IDENT }}_month" id="{{ date.FIELD_IDENT }}_month">{{ date.S_MONTH_OPTIONS }}</select>
	</div>

	<div class="iz-datefield__part">
		<label class="iz-label" for="{{ date.FIELD_IDENT }}_year">{{ L_YEAR }}{{ L_COLON }}</label>
		<select class="iz-select" name="{{ date.FIELD_IDENT }}_year" id="{{ date.FIELD_IDENT }}_year">{{ date.S_YEAR_OPTIONS }}</select>
	</div>
</div>
{% endfor %}
