{capture assign='pageTitle'}{lang}wcf.user.option.category.settings.{$category}{/lang} - {lang}wcf.user.menu.settings{/lang}{/capture}

{capture assign='contentTitle'}{lang}wcf.user.menu.settings{/lang}: {lang}wcf.user.option.category.settings.{$category}{/lang}{/capture}

{include file='userMenuSidebar'}

{include file='header'}

{include file='formError'}

{if $success|isset}
	<p class="success">{lang}wcf.global.success.edit{/lang}</p>
{/if}

<form method="post" action="{link controller='Settings'}{/link}">
	{if $category == 'general'}
		{if $availableLanguages|count > 1}
			<section class="section">
				<h2 class="sectionTitle">{lang}wcf.user.language{/lang}</h2>
				
				<dl>
					<dt><label>{lang}wcf.user.language{/lang}</label></dt>
					<dd id="languageIDContainer">
						<script data-relocate="true">
							//<![CDATA[
							$(function() {
								var $languages = {
									{implode from=$availableLanguages item=language}
										'{@$language->languageID}': {
											iconPath: '{@$language->getIconPath()}',
											languageName: '{$language}'
										}
									{/implode}
								};
								
								new WCF.Language.Chooser('languageIDContainer', 'languageID', {@$languageID}, $languages);
							});
							//]]>
						</script>
						<noscript>
							<select name="languageID" id="languageID">
								{foreach from=$availableLanguages item=language}
									<option value="{@$language->languageID}"{if $language->languageID == $languageID} selected="selected"{/if}>{$language}</option>
								{/foreach}
							</select>
						</noscript>
					</dd>
				</dl>
				
				{hascontent}
					<dl>
						<dt><label>{lang}wcf.user.visibleLanguages{/lang}</label></dt>
						<dd class="floated">
						{content}
							{foreach from=$availableContentLanguages item=language}
								<label><input name="contentLanguageIDs[]" type="checkbox" value="{@$language->languageID}"{if $language->languageID|in_array:$contentLanguageIDs} checked="checked"{/if} /> {$language}</label>
							{/foreach}
						{/content}
						<small>{lang}wcf.user.visibleLanguages.description{/lang}</small></dd>
					</dl>
				{/hascontent}
				
				{event name='languageFields'}
			</section>
		{/if}
		
		{if $availableStyles|count > 1}
			<section class="section">
				<h2 class="sectionTitle">{lang}wcf.user.style{/lang}</h2>
				
				<dl>
					<dt><label for="styleID">{lang}wcf.user.style{/lang}</label></dt>
					<dd>
						<select id="styleID" name="styleID">
							<option value="0">{lang}wcf.global.defaultValue{/lang}</option>
							{foreach from=$availableStyles item=style}
								<option value="{@$style->styleID}"{if $style->styleID == $styleID} selected="selected"{/if}>{$style->styleName}</option>
							{/foreach}
						</select>
						<small>{lang}wcf.user.style.description{/lang}</small>
					</dd>
				</dl>
				
				{event name='styleFields'}
			</section>
		{/if}
	{/if}
	
	{if !$optionTree|empty}
		{foreach from=$optionTree[0][categories][0][categories] item=optionCategory}
			<section class="section">
				<h2 class="sectionTitle">{lang}wcf.user.option.category.{@$optionCategory[object]->categoryName}{/lang}</h2>
				
				{include file='userProfileOptionFieldList' options=$optionCategory[options] langPrefix='wcf.user.option.'}
			</section>
		{/foreach}
	{/if}
	
	{event name='sections'}
	
	<div class="formSubmit">
		<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
		{if $category != 'general'}<input type="hidden" name="category" value="{$category}" />{/if}
		{@SECURITY_TOKEN_INPUT_TAG}
	</div>
</form>

<script data-relocate="true">
	//<![CDATA[
	$(function() {
		new WCF.Option.Handler();
	});
	//]]>
</script>

{include file='footer'}