{% include 'ucp_header.html' %}

<div class="tab-pane active">
	<form id="postform" method="post" action="{{ S_UCP_ACTION }}"{{ S_FORM_ENCTYPE }} class="iz-form">

		{% if SIGNATURE_PREVIEW != '' %}
			<section class="iz-card iz-card--ucp iz-card--preview">
				<header class="iz-card__header">
					<h2 class="iz-card__title">{{ L_SIGNATURE_PREVIEW }}</h2>
				</header>
				<div class="iz-card__body">
					<div class="signature iz-signature-preview">
						{{ SIGNATURE_PREVIEW }}
					</div>
				</div>
			</section>

			<div class="iz-space iz-space--md"></div>
		{% endif %}

		<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">
					{{ L_SIGNATURE_EXPLAIN }}
				</div>

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

				{% set SIG_EDIT = 1 %}
				{% include 'posting_editor.html' %}

				{% EVENT ucp_profile_signature_options_before %}

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

				<section class="iz-card iz-card--nested">
					<header class="iz-card__header">
						<h3 class="iz-card__title">{{ L_OPTIONS }}</h3>
					</header>

					<div class="iz-card__body">

						{% EVENT ucp_profile_signature_posting_editor_options_prepend %}

						<div class="iz-fieldgroup">

							{% if S_BBCODE_ALLOWED %}
								<div class="iz-field">
									<div class="iz-field__control">
										<div class="iz-choice iz-choice--check">
											<input type="checkbox" name="disable_bbcode" id="disable_bbcode"{{ S_BBCODE_CHECKED }} />
											<label for="disable_bbcode">{{ L_DISABLE_BBCODE }}</label>
										</div>
									</div>
								</div>
							{% endif %}

							{% if S_SMILIES_ALLOWED %}
								<div class="iz-field">
									<div class="iz-field__control">
										<div class="iz-choice iz-choice--check">
											<input type="checkbox" name="disable_smilies" id="disable_smilies"{{ S_SMILIES_CHECKED }} />
											<label for="disable_smilies">{{ L_DISABLE_SMILIES }}</label>
										</div>
									</div>
								</div>
							{% endif %}

							{% if S_LINKS_ALLOWED %}
								<div class="iz-field">
									<div class="iz-field__control">
										<div class="iz-choice iz-choice--check">
											<input type="checkbox" name="disable_magic_url" id="disable_magic_url"{{ S_MAGIC_URL_CHECKED }} />
											<label for="disable_magic_url">{{ L_DISABLE_MAGIC_URL }}</label>
										</div>
									</div>
								</div>
							{% endif %}

						</div>

					</div>
				</section>

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

				{% EVENT ucp_profile_signature_options_after %}

				<div class="iz-actions">
					{{ S_HIDDEN_FIELDS }}

					<button type="submit" class="iz-btn iz-btn--ghost" name="preview" value="{{ L_PREVIEW }}">
						{{ L_PREVIEW }}
					</button>

					<button type="submit" class="iz-btn iz-btn--primary" name="submit" value="{{ L_SUBMIT }}">
						{{ L_SUBMIT }}
					</button>

					{{ S_FORM_TOKEN }}
				</div>

			</div>
		</section>

	</form>
</div>

{% include 'ucp_footer.html' %}
