{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-PARA" id="mot-fileitemslist" label="Liste avec images et fichiers" description="Liste de paragraphes avec images et fichiers" icon="../typo3conf/ext/speciality/Resources/Public/Backend/FCE/PARA-Simple.png">

			<flux:flexform.sheet name="display" label="Display">
				<flux:flexform.section name="items" label="Elements">
					<flux:flexform.object name="item" label="Element">
						<flux:flexform.field.input name="image" label="Image" eval="trim">
							<flux:flexform.field.wizard.link />
						</flux:flexform.field.input>
						<flux:flexform.field.input name="title" label="Titre" />
						<flux:flexform.field.input name="date" label="Date" />
						<flux:flexform.field.input name="place" label="Lieu" />
						<flux:flexform.field.text name="text" rows="4" label="Texte" />
						<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="links" 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.object>
				</flux:flexform.section>
			</flux:flexform.sheet>

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

	<f:section name="Preview">
		<ul>
			<f:for each="{items}" as="item" iteration="iteration">
				<li>{item.item.title}</li>
			</f:for>
		</ul>
	</f:section>

	<f:section name="Main">
		<ul class="files-list">
			<f:for each="{items}" as="item" iteration="iteration">
				<li>
					<f:if condition="{item.item.links}">
						<div class="files">
							<f:for each="{item.item.links}" as="link" iteration="iterationlink">
								<mot:link.page pageUid="{link.link.link}" title="{link.link.title}" class="file">{link.link.text}</mot:link.page></a>
							</f:for>
						</div>
					</f:if>
					<f:if condition="{item.item.image}">
						<f:if condition="{item.item.link}">
							<f:then>
								<mot:link.page pageUid="{item.item.link}" title="{item.item.linktitle}"><f:image src="{item.item.image}" title="{item.item.title}" alt="{item.item.title}" width="116c" height="85c" class="visual" /></mot:link.page>
							</f:then>
							<f:else>
								<f:image src="{item.item.image}" title="{item.item.title}" alt="{item.item.title}" width="116c" height="85c" class="visual" />
							</f:else>
						</f:if>
					</f:if>
					<div class="text">
						<f:if condition="{item.item.link}">
							<f:then>
								<h2><mot:link.page pageUid="{item.item.link}" title="{item.item.linktitle}">{item.item.title}</mot:link.page></h2>	
							</f:then>
							<f:else>
								<h2>{item.item.title}</h2>
							</f:else>
						</f:if>
						<f:if condition="{item.item.date}">
							<i>{item.item.date}</i><br />
						</f:if>
						<f:if condition="{item.item.place}">
							<strong>{item.item.place}</strong><br />
						</f:if>
						<p><f:format.nl2br>{item.item.text}</f:format.nl2br></p>
					</div>
				</li>
			</f:for>
		</ul>
	</f:section>
</div>