{% if avatar_local_cats %}
	<div class="iz-field">
		<label class="iz-label" for="category">{{ L_AVATAR_CATEGORY }}{{ L_COLON }}</label>

		<div class="iz-inputgroup">
			<select class="iz-select" name="avatar_local_cat" id="category">
				{% for avatar_local_cats in avatar_local_cats %}
					<option value="{{ avatar_local_cats.NAME }}"{% if avatar_local_cats.SELECTED %} selected="selected"{% endif %}>{{ avatar_local_cats.NAME }}</option>
				{% endfor %}
			</select>

			<button type="submit" name="avatar_local_go" value="{{ L_GO }}" class="iz-btn iz-btn--ghost">
				{{ L_GO }}
			</button>
		</div>
	</div>

	<div class="iz-space iz-space--sm"></div>

	<div class="iz-avatar-gallery" id="gallery" role="radiogroup" aria-label="{{ L_AVATAR_CATEGORY }}">
		{% for avatar_local_row in avatar_local_row %}
			<div class="iz-avatar-gallery__row">
				{% for avatar_local_col in avatar_local_col %}
					<div class="iz-avatar-gallery__item">
						<input
							type="radio"
							name="avatar_local_file"
							id="av-{{ avatar_local_row.S_ROW_COUNT }}-{{ avatar_local_row.avatar_local_col.S_ROW_COUNT }}"
							value="{{ avatar_local_row.avatar_local_col.AVATAR_FILE }}"
							{% if avatar_local_row.avatar_local_col.CHECKED %} checked="checked"{% endif %}
							class="iz-visually-hidden"
						>
						<label class="iz-avatar-gallery__label" for="av-{{ avatar_local_row.S_ROW_COUNT }}-{{ avatar_local_row.avatar_local_col.S_ROW_COUNT }}">
							<img class="iz-avatar-gallery__img" src="{{ avatar_local_row.avatar_local_col.AVATAR_IMAGE }}" alt="">
						</label>
					</div>
				{% endfor %}
			</div>
		{% endfor %}
	</div>

{% else %}

	<div class="iz-alert iz-alert--info" role="status">
		<strong>{{ L_INFO_BOX }}</strong>&nbsp;{{ L_NO_AVATARS }}
	</div>

{% endif %}
