<xf:radiorow name="type_config[display_style]" value="{$typeConfig.display_style}"
	label="{{ phrase('display_style') }}">
	<xf:option value="full"
		label="{{ phrase('standard') }}"
		hint="{{ phrase('new_threads_display_style_full_explain') }}" />
	<xf:option value="preview"
		label="{{ phrase('preview') }}"
		hint="{{ phrase('new_threads_display_style_preview_explain') }}"
		data-xf-init="disabler"
		data-hide="true"
		data-container=".js-articlePreviewOptions" />
	<xf:option value="expanded"
		label="{{ phrase('expanded') }}"
		hint="{{ phrase('article_threads_display_style_expanded_explain') }}"
		data-xf-init="disabler"
		data-hide="true"
		data-container=".js-articleExpandedOptions" />
</xf:radiorow>

<xf:foreach loop="{{ ['js-articlePreviewOptions', 'js-articleExpandedOptions'] }}" value="$className">
	<div class="{$className}">
		<xf:numberboxrow label="{{ phrase('override_articles_per_page') }}"
			explain="{{ phrase('override_articles_per_page_explain') }}"
			name="type_config[expanded_per_page]"
			value="{$typeConfig.expanded_per_page}"
			min="0" />
		<xf:numberboxrow label="{{ phrase('article_snippet_length') }}"
			explain="{{ phrase('article_snippet_length_explain') }}"
			name="type_config[expanded_snippet]"
			value="{$typeConfig.expanded_snippet}"
			min="0" />
	</div>
</xf:foreach>