<div class="iz-field">
	<label class="iz-label" for="avatar_upload_file">
		{{ L_SELECT_IMAGE }}{{ L_COLON }}
	</label>

	<p class="iz-hint">{{ L_UCP_SUBMIT_TO_UPLOAD }}</p>

	<div class="iz-upload">
		<input type="hidden" name="MAX_FILE_SIZE" value="{{ AVATAR_UPLOAD_SIZE }}">
		<input
			type="file"
			name="avatar_upload_file"
			id="avatar_upload_file"
			class="iz-input iz-input--file"
			accept="{{ AVATAR_ALLOWED_EXTENSIONS }}"
		>
	</div>

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

	<p class="iz-hint">
		<strong>{{ L_NOTE }}</strong>&nbsp;{{ L_UCP_SUBMIT_TO_UPLOAD }}
	</p>
</div>

{% if S_UPLOAD_AVATAR_URL %}
	<div class="iz-field">
		<label class="iz-label" for="avatar_upload_url">
			{{ L_UPLOAD_AVATAR_URL }}{{ L_COLON }}
		</label>
		<p class="iz-hint">{{ L_UPLOAD_AVATAR_URL_EXPLAIN }}</p>

		<input
			type="url"
			name="avatar_upload_url"
			id="avatar_upload_url"
			class="iz-input"
			placeholder="{{ U_INDEX }}"
			inputmode="url"
		>
	</div>
{% endif %}
