{namespace lang=TYPO3\CMS\Lang\ViewHelpers}

<f:layout name="Default"/>

<f:section name="iconButtons">
	<span class="menuItem updateItem"><lang:be.spriteIcon icon="actions-system-extension-download" title="{f:translate(key:'button.update')}" /><f:translate key="button.update"/></span>
	&nbsp;
	<span class="menuItem cancelItem"><lang:be.spriteIcon icon="status-status-permission-denied" title="{f:translate(key:'button.cancel')}" /><f:translate key="button.cancel"/></span>
</f:section>


<f:section name="content">
	<h1><f:translate key="header.module" /></h1>

	<f:flashMessages renderMode="div" />

	<table border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td class="languageSelectionListContainer">
				<h3><f:translate key="header.languageSelectionList" /></h3>
				<f:render partial="LanguageSelectionList" arguments="{_all}" />
			</td>
			<td class="translationUpdateListContainer">
				<h3><f:translate key="header.translationUpdateList" /></h3>
				<f:render partial="TranslationUpdateList" arguments="{_all}" />
			</td>
		</tr>
	</table>

	<div style="display: none;">
		<span class="stateIcon" id="stateIconError">
			<lang:be.spriteIcon icon="status-status-permission-denied" class="stateIcon" /><f:translate key="state.error"/>
		</span>
		<span class="stateIcon" id="stateIcon0">
			<lang:be.spriteIcon icon="actions-document-info" class="stateIcon" /><f:translate key="state.notAvailable"/>
		</span>
		<span class="stateIcon" id="stateIcon1">
			<lang:be.spriteIcon icon="actions-system-extension-update" class="stateIcon" /><f:translate key="state.updateAvailable"/>
		</span>
		<span class="stateIcon" id="stateIcon2">
			<lang:be.spriteIcon icon="status-status-permission-denied" class="stateIcon" /><f:translate key="state.failed"/>
		</span>
		<span class="stateIcon" id="stateIcon3">
			<lang:be.spriteIcon icon="status-status-checked" class="stateIcon" /><f:translate key="state.upToDate"/>
		</span>
		<span class="stateIcon" id="stateIcon4">
			<lang:be.spriteIcon icon="status-status-permission-denied" class="stateIcon" /><f:translate key="state.invalid"/>
		</span>
		<span class="stateIcon" id="stateIcon5">
			<lang:be.spriteIcon icon="status-status-checked" class="stateIcon" /><f:translate key="state.updated"/>
		</span>
		<span class="stateIcon" id="stateIconChecking">
			<span class="stateIcon stateIconChecking"><f:translate key="state.checking"/></span>
		</span>
		<span class="stateIcon" id="stateIconNone">
			<span class="stateIcon stateIconNone"><f:translate key="state.notChecked"/></span>
		</span>
	</div>
</f:section>
