{% include 'ucp_header.html' %}

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

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

			<div class="iz-card__body">

				{% if ERROR %}
					<div class="iz-alert iz-alert--info" role="status">
						<strong>{{ L_INFO_BOX }}</strong>&nbsp;{{ ERROR }}
					</div>
					<div class="iz-space iz-space--sm"></div>
				{% endif %}

				{% EVENT ucp_prefs_view_radio_buttons_prepend %}

				<div class="iz-fieldgroup">

					<div class="iz-field">
						<div class="iz-field__label">{{ L_VIEW_IMAGES }}{{ L_COLON }}</div>
						<div class="iz-field__control">
							<div class="iz-choicegroup">
								<div class="iz-choice iz-choice--radio">
									<input type="radio" name="images" id="images1" value="1"{% if S_IMAGES %} checked="checked"{% endif %} />
									<label for="images1">{{ L_YES }}</label>
								</div>
								<div class="iz-choice iz-choice--radio">
									<input type="radio" name="images" id="images0" value="0"{% if not S_IMAGES %} checked="checked"{% endif %} />
									<label for="images0">{{ L_NO }}</label>
								</div>
							</div>
						</div>
					</div>

					<div class="iz-field">
						<div class="iz-field__label">{{ L_VIEW_FLASH }}{{ L_COLON }}</div>
						<div class="iz-field__control">
							<div class="iz-choicegroup">
								<div class="iz-choice iz-choice--radio">
									<input type="radio" name="flash" id="flash1" value="1"{% if S_FLASH %} checked="checked"{% endif %} />
									<label for="flash1">{{ L_YES }}</label>
								</div>
								<div class="iz-choice iz-choice--radio">
									<input type="radio" name="flash" id="flash0" value="0"{% if not S_FLASH %} checked="checked"{% endif %} />
									<label for="flash0">{{ L_NO }}</label>
								</div>
							</div>
						</div>
					</div>

					<div class="iz-field">
						<div class="iz-field__label">{{ L_VIEW_SMILIES }}{{ L_COLON }}</div>
						<div class="iz-field__control">
							<div class="iz-choicegroup">
								<div class="iz-choice iz-choice--radio">
									<input type="radio" name="smilies" id="smilies1" value="1"{% if S_SMILIES %} checked="checked"{% endif %} />
									<label for="smilies1">{{ L_YES }}</label>
								</div>
								<div class="iz-choice iz-choice--radio">
									<input type="radio" name="smilies" id="smilies0" value="0"{% if not S_SMILIES %} checked="checked"{% endif %} />
									<label for="smilies0">{{ L_NO }}</label>
								</div>
							</div>
						</div>
					</div>

					<div class="iz-field">
						<div class="iz-field__label">{{ L_VIEW_SIGS }}{{ L_COLON }}</div>
						<div class="iz-field__control">
							<div class="iz-choicegroup">
								<div class="iz-choice iz-choice--radio">
									<input type="radio" name="sigs" id="sigs1" value="1"{% if S_SIGS %} checked="checked"{% endif %} />
									<label for="sigs1">{{ L_YES }}</label>
								</div>
								<div class="iz-choice iz-choice--radio">
									<input type="radio" name="sigs" id="sigs0" value="0"{% if not S_SIGS %} checked="checked"{% endif %} />
									<label for="sigs0">{{ L_NO }}</label>
								</div>
							</div>
						</div>
					</div>

					<div class="iz-field">
						<div class="iz-field__label">{{ L_VIEW_AVATARS }}{{ L_COLON }}</div>
						<div class="iz-field__control">
							<div class="iz-choicegroup">
								<div class="iz-choice iz-choice--radio">
									<input type="radio" name="avatars" id="avatars1" value="1"{% if S_AVATARS %} checked="checked"{% endif %} />
									<label for="avatars1">{{ L_YES }}</label>
								</div>
								<div class="iz-choice iz-choice--radio">
									<input type="radio" name="avatars" id="avatars0" value="0"{% if not S_AVATARS %} checked="checked"{% endif %} />
									<label for="avatars0">{{ L_NO }}</label>
								</div>
							</div>
						</div>
					</div>

					{% if S_CHANGE_CENSORS %}
						<div class="iz-field">
							<div class="iz-field__label">{{ L_DISABLE_CENSORS }}{{ L_COLON }}</div>
							<div class="iz-field__control">
								<div class="iz-choicegroup">
									<div class="iz-choice iz-choice--radio">
										<input type="radio" name="wordcensor" id="wordcensor1" value="1"{% if S_DISABLE_CENSORS %} checked="checked"{% endif %} />
										<label for="wordcensor1">{{ L_YES }}</label>
									</div>
									<div class="iz-choice iz-choice--radio">
										<input type="radio" name="wordcensor" id="wordcensor0" value="0"{% if not S_DISABLE_CENSORS %} checked="checked"{% endif %} />
										<label for="wordcensor0">{{ L_NO }}</label>
									</div>
								</div>
							</div>
						</div>
					{% endif %}

				</div>

				{% EVENT ucp_prefs_view_radio_buttons_append %}

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

				{% EVENT ucp_prefs_view_select_menu_prepend %}

				<div class="iz-fieldgroup">

					<div class="iz-field">
						<div class="iz-field__label">{{ L_VIEW_TOPICS_DAYS }}{{ L_COLON }}</div>
						<div class="iz-field__control">
							{{ S_TOPIC_SORT_DAYS }}
						</div>
					</div>

					<div class="iz-field">
						<div class="iz-field__label">{{ L_VIEW_TOPICS_KEY }}{{ L_COLON }}</div>
						<div class="iz-field__control">
							{{ S_TOPIC_SORT_KEY }}
						</div>
					</div>

					<div class="iz-field">
						<div class="iz-field__label">{{ L_VIEW_TOPICS_DIR }}{{ L_COLON }}</div>
						<div class="iz-field__control">
							{{ S_TOPIC_SORT_DIR }}
						</div>
					</div>

					<div class="iz-field">
						<div class="iz-field__label">{{ L_VIEW_POSTS_DAYS }}{{ L_COLON }}</div>
						<div class="iz-field__control">
							{{ S_POST_SORT_DAYS }}
						</div>
					</div>

					<div class="iz-field">
						<div class="iz-field__label">{{ L_VIEW_POSTS_KEY }}{{ L_COLON }}</div>
						<div class="iz-field__control">
							{{ S_POST_SORT_KEY }}
						</div>
					</div>

					<div class="iz-field">
						<div class="iz-field__label">{{ L_VIEW_POSTS_DIR }}{{ L_COLON }}</div>
						<div class="iz-field__control">
							{{ S_POST_SORT_DIR }}
						</div>
					</div>

				</div>

				{% EVENT ucp_prefs_view_select_menu_append %}

				<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>
</div>

{% include 'ucp_footer.html' %}
