{% include 'ucp_header.html' %}

<div class="tab-pane active">

	{% if not S_CUSTOM_DRIVER or not S_CUSTOM_GROUP_REQUIRED or (S_CUSTOM_AVATAR_GROUP and S_CUSTOM_SOURCE) %}
		<form id="ucp" method="post" action="{{ S_UCP_ACTION }}"{{ S_FORM_ENCTYPE }} class="iz-form">

			<section class="iz-card iz-card--ucp">
				<header class="iz-card__header">
					<h2 class="iz-card__title">{{ L_TITLE }}</h2>
				</header>

				<div class="iz-card__body">
					{% include 'ucp_avatar_options.html' %}

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

					<div class="iz-actions">
						{{ S_HIDDEN_FIELDS }}
						<button type="submit" name="submit" value="{{ L_SUBMIT }}" class="iz-btn iz-btn--primary">
							{{ L_SUBMIT }}
						</button>
						{{ S_FORM_TOKEN }}
					</div>
				</div>
			</section>

		</form>
	{% else %}
		<section class="iz-card iz-card--ucp">
			<header class="iz-card__header">
				<h2 class="iz-card__title">{{ L_TITLE }}</h2>
			</header>
			<div class="iz-card__body">
				<div class="iz-alert iz-alert--info" role="status">
					<strong>{{ L_NO_CUSTOM_AVATAR }}</strong>
				</div>
			</div>
		</section>
	{% endif %}

</div>

{% include 'ucp_footer.html' %}