{assign var='__pageContentID' value='content'|concat:$languageID}

{if $pageType == 'html' || $pageType == 'tpl'}
	<ul class="codemirrorToolbar">
		<li><a href="#" id="codemirror-{@$__pageContentID}-media" class="jsTooltip" title="{lang}wcf.editor.button.media{/lang}"><span class="icon icon16 fa-file-o"></span></a></li>
		<li><a href="#" id="codemirror-{@$__pageContentID}-page" class="jsTooltip" title="{lang}wcf.editor.button.page{/lang}"><span class="icon icon16 fa-file-text-o"></span></a></li>
	</ul>
	<script data-relocate="true">
		{include file='mediaJavaScript'}
		
		require([
			'Language',
			'WoltLabSuite/Core/Acp/Ui/CodeMirror/Media',
			'WoltLabSuite/Core/Acp/Ui/CodeMirror/Page'
		], function(
			Language,
			AcpUiCodeMirrorMedia,
			AcpUiCodeMirrorPage
		) {
			Language.addObject({
				'wcf.page.search': '{jslang}wcf.page.search{/jslang}',
				'wcf.page.search.error.tooShort': '{jslang}wcf.page.search.error.tooShort{/jslang}',
				'wcf.page.search.error.noResults': '{jslang}wcf.page.search.error.noResults{/jslang}',
				'wcf.page.search.name': '{jslang}wcf.page.search.name{/jslang}',
				'wcf.page.search.results': '{jslang}wcf.page.search.results{/jslang}',
			});
			
			new AcpUiCodeMirrorMedia('{@$__pageContentID}');
			new AcpUiCodeMirrorPage('{@$__pageContentID}');
		});
	</script>
{/if}

{if $pageType == 'text'}
	<textarea name="content[{@$languageID}]" id="{@$__pageContentID}"
		{if $pageType == 'text'}
			class="wysiwygTextarea" data-disable-attachments="true" data-autosave="com.woltlab.wcf.page{$action|ucfirst}-{if $action == 'edit'}{@$pageID}{else}0{/if}-{@$languageID}"
			{if $action === 'edit'}data-autosave-last-edit-time="{@$page->lastUpdateTime}"{/if}
		{/if}
	>{if !$content[$languageID]|empty}{$content[$languageID]}{/if}</textarea>
	
	{include file='__wysiwygCmsToolbar'}
	{include file='wysiwyg' wysiwygSelector=$__pageContentID}
{else}
	<div dir="ltr">
		<textarea name="content[{@$languageID}]" id="{@$__pageContentID}"
		        {if $pageType == 'text'}
				class="wysiwygTextarea" data-disable-attachments="true" data-autosave="com.woltlab.wcf.page{$action|ucfirst}-{if $action == 'edit'}{@$pageID}{else}0{/if}-{@$languageID}"
			        {if $action === 'edit'}data-autosave-last-edit-time="{@$page->lastUpdateTime}"{/if}
			{/if}
		>{if !$content[$languageID]|empty}{$content[$languageID]}{/if}</textarea>
	</div>
	{if $pageType == 'html'}
		{include file='codemirror' codemirrorMode='htmlmixed' codemirrorSelector='#content'|concat:$languageID}
	{elseif $pageType == 'tpl'}
		{include file='codemirror' codemirrorMode='smartymixed' codemirrorSelector='#content'|concat:$languageID}
	{/if}
{/if}