{namespace i=TYPO3\CMS\Install\ViewHelpers}

<div class="toggleGroup">
	<div class="toggleButton">
		<h4><strong>$TYPO3_CONF_VARS['{sectionName}']</strong></h4>
	</div>

	<div class="toggleData" style="display:none">
		<f:for each="{sectionData}" as="item">
			<div class="item">
				<a id="{sectionName}-{item.key}"></a>
				<strong>[{sectionName}][{item.key}] </strong>
				<f:if condition="{item.type} == 'checkbox'">
					<f:then>
						= {item.value}
					</f:then>
					<f:else>
						<f:if condition="{item.value}">
							= {item.value -> i:format.crop(maxCharacters: 40)}
						</f:if>
					</f:else>
				</f:if>
				<div class="item-description">
					{item.description -> f:format.raw()}
				</div>
				<div class="item-value">
					<f:if condition="{item.type} == 'textarea'">
						<textarea
							rows="5"
							cols="60"
							name="install[values][{sectionName}][{item.key}]"
						>{item.value}</textarea>
					</f:if>

					<f:if condition="{item.type} == 'checkbox'">
						<input
							type="hidden"
							value="0"
							name="install[values][{sectionName}][{item.key}]"
						/>
						<input
							type="checkbox"
							value="1"
							name="install[values][{sectionName}][{item.key}]"
							{f:if(condition: item.checked, then:'checked="checked"')}
						/>
					</f:if>

					<f:if condition="{item.type} == 'input'">
						<input
							type="text"
							value="{item.value}"
							name="install[values][{sectionName}][{item.key}]"
							class="t3-install-form-input-text"
						/>
					</f:if>

					<f:if condition="{item.phpErrorCode}">
						<div class="fieldNote">
							Current PHP error code <strong>{item.value}</strong> represents:<br/>
							<code><i:format.phpErrorCode phpErrorCode="{item.value}" /></code>
						</div>
					</f:if>
				</div>
			</div>
		</f:for>
	</div>
</div>
