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

<div class="js-articlePreviewOptions">
	<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" />
</div>

<div class="js-articleExpandedOptions">
	<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>