{namespace v=Tx_Vhs_ViewHelpers}
{namespace flux=Tx_Flux_ViewHelpers}
{namespace mot=TYPO3\CMS\Speciality\ViewHelpers}
<f:layout name="FCE" />
<div xmlns="http://www.w3.org/1999/xhtml"
     xmlns:flux="http://fedext.net/ns/flux/ViewHelpers"
     xmlns:v="http://fedext.net/ns/vhs/ViewHelpers"
     xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">

	<f:section name="Configuration">
		<flux:flexform wizardTab="MOT-BLOC" id="mot-boximage" label="Image pour colonne de droite" description="Boite avec image et éventuellement une légende et un lien." icon="../typo3conf/ext/speciality/Resources/Public/Backend/FCE/PARA-Simple.png">

			<flux:flexform.sheet name="display" label="Display">
				<flux:flexform.field.input name="boxtitle" label="Titre de la boite" />
				<flux:flexform.field.input name="file" label="File" eval="trim">
					<flux:flexform.field.wizard.link />
				</flux:flexform.field.input>
				<flux:flexform.field.input name="title" label="Titre de l'image" />
				<flux:flexform.field.text name="legend" rows="4" label="Légende de l'image" />
				<flux:flexform.field.input name="link" label="Lien">
					<flux:flexform.field.wizard.link />
				</flux:flexform.field.input>
				<flux:flexform.field.input name="linktitle" label="Titre du lien" />
				<flux:flexform.section name="bottomlinks" label="Liens">
					<flux:flexform.object name="link" label="Lien">
						<flux:flexform.field.input name="link" label="Lien">
							<flux:flexform.field.wizard.link />
						</flux:flexform.field.input>
						<flux:flexform.field.input name="text" label="Texte du lien" />
						<flux:flexform.field.input name="title" label="Titre du lien" />
					</flux:flexform.object>
				</flux:flexform.section>
			</flux:flexform.sheet>

		</flux:flexform>
	</f:section>

	<f:section name="Preview">
		{boxtitle}<br />
		<f:if condition="{file}">
			<f:image src="{file}" maxWidth="100" alt="{title}" />
		</f:if>
	</f:section>

	<f:section name="Main">
		<div class="box imagebox">
			<f:if condition="{boxtitle}">
				<h4>{boxtitle}</h4>
			</f:if>
			<f:if condition="{file}">
				<f:if condition="{link}">
					<f:then>
						<mot:link.page pageUid="{link}" title="{linktitle}">
							<f:image src="{file}" maxWidth="214" minWidth="0" maxHeight="800" minHeight="0" alt="{title}" />
						</mot:link.page>
					</f:then>
					<f:else>
						<f:image src="{file}" maxWidth="214" minWidth="0" maxHeight="800" minHeight="0" alt="{title}" />
					</f:else>
				</f:if>
			</f:if>
			<f:if condition="{legend}">
				<div class="legendMedia">{legend}</div>
			</f:if>
			<f:if condition="{bottomlinks}">
				<ul>
					<f:for each="{bottomlinks}" as="bottomlink" iteration="iteration">
						<li><mot:link.page pageUid="{bottomlink.link.link}" title="{bottomlink.link.title}">{bottomlink.link.text}</mot:link.page></li>
					</f:for>
				</ul>
			</f:if>
		</div>
	</f:section>
</div>