{namespace neos=Neos\Neos\ViewHelpers}
{namespace media=Neos\Media\ViewHelpers}
<section class="clients-2">
	<div class="container">
		<div class="row">
			<neos:contentElement.wrap>
				{neos:contentElement.editable(property: 'lead', class: 'lead', tag: 'p')}
			</neos:contentElement.wrap>
			<div class="col-md-2 col-sm-4">
				<f:if condition="{clientImage1.properties.image}">
					<f:then>
							<neos:contentElement.wrap node="{clientImage1}">
								<figure>
									<media:image image="{clientImage1.properties.image}" alt="{title}" title="{title}" maximumWidth="140c" maximumHeight="60c" allowCropping="1" allowUpScaling="1"/>
								</figure>
							</neos:contentElement.wrap>
					</f:then>
					<f:else>
						<f:security.ifAccess privilegeTarget="Neos.Neos:Backend.GeneralAccess">
								<neos:contentElement.wrap node="{clientImage1}">
									<figure>
										<f:if condition="{node.context.workspace.name} != 'live'">
											<img src="{f:uri.resource(package: 'Neos.Neos', path: 'Images/dummy-image.svg')}"
												 title="Dummy image" alt="Dummy image"/>
										</f:if>
									</figure>
								</neos:contentElement.wrap>
						</f:security.ifAccess>
					</f:else>
				</f:if>
			</div>

			<div class="col-md-2 col-sm-4">
				<f:if condition="{clientImage2.properties.image}">
					<f:then>
						<neos:contentElement.wrap node="{clientImage2}">
							<figure>
								<media:image image="{clientImage2.properties.image}" alt="{title}" title="{title}" maximumWidth="140c" maximumHeight="60c" allowCropping="1" allowUpScaling="1"/>
							</figure>
						</neos:contentElement.wrap>
					</f:then>
					<f:else>
						<f:security.ifAccess privilegeTarget="Neos.Neos:Backend.GeneralAccess">
							<neos:contentElement.wrap node="{clientImage2}">
								<figure>
									<f:if condition="{node.context.workspace.name} != 'live'">
										<img src="{f:uri.resource(package: 'Neos.Neos', path: 'Images/dummy-image.svg')}"
											 title="Dummy image" alt="Dummy image"/>
									</f:if>
								</figure>
							</neos:contentElement.wrap>
						</f:security.ifAccess>
					</f:else>
				</f:if>
			</div>

			<div class="col-md-2 col-sm-4">
				<f:if condition="{clientImage3.properties.image}">
					<f:then>
						<neos:contentElement.wrap node="{clientImage3}">
							<figure>
								<media:image image="{clientImage3.properties.image}" alt="{title}" title="{title}" maximumWidth="140c" maximumHeight="60c" allowCropping="1" allowUpScaling="1"/>
							</figure>
						</neos:contentElement.wrap>
					</f:then>
					<f:else>
						<f:security.ifAccess privilegeTarget="Neos.Neos:Backend.GeneralAccess">
							<neos:contentElement.wrap node="{clientImage3}">
								<figure>
									<f:if condition="{node.context.workspace.name} != 'live'">
										<img src="{f:uri.resource(package: 'Neos.Neos', path: 'Images/dummy-image.svg')}"
											 title="Dummy image" alt="Dummy image"/>
									</f:if>
								</figure>
							</neos:contentElement.wrap>
						</f:security.ifAccess>
					</f:else>
				</f:if>
			</div>

			<div class="col-md-2 col-sm-4">
				<f:if condition="{clientImage4.properties.image}">
					<f:then>
						<neos:contentElement.wrap node="{clientImage4}">
							<figure>
								<media:image image="{clientImage4.properties.image}" alt="{title}" title="{title}" maximumWidth="140c" maximumHeight="60c" allowCropping="1" allowUpScaling="1"/>
							</figure>
						</neos:contentElement.wrap>
					</f:then>
					<f:else>
						<f:security.ifAccess privilegeTarget="Neos.Neos:Backend.GeneralAccess">
							<neos:contentElement.wrap node="{clientImage4}">
								<figure>
									<f:if condition="{node.context.workspace.name} != 'live'">
										<img src="{f:uri.resource(package: 'Neos.Neos', path: 'Images/dummy-image.svg')}"
											 title="Dummy image" alt="Dummy image"/>
									</f:if>
								</figure>
							</neos:contentElement.wrap>
						</f:security.ifAccess>
					</f:else>
				</f:if>
			</div>

			<div class="col-md-2 col-sm-4">
				<f:if condition="{clientImage5.properties.image}">
					<f:then>
						<neos:contentElement.wrap node="{clientImage5}">
							<figure>
								<media:image image="{clientImage5.properties.image}" alt="{title}" title="{title}" maximumWidth="140c" maximumHeight="60c" allowCropping="1" allowUpScaling="1"/>
							</figure>
						</neos:contentElement.wrap>
					</f:then>
					<f:else>
						<f:security.ifAccess privilegeTarget="Neos.Neos:Backend.GeneralAccess">
							<neos:contentElement.wrap node="{clientImage5}">
								<figure>
									<f:if condition="{node.context.workspace.name} != 'live'">
										<img src="{f:uri.resource(package: 'Neos.Neos', path: 'Images/dummy-image.svg')}"
											 title="Dummy image" alt="Dummy image"/>
									</f:if>
								</figure>
							</neos:contentElement.wrap>
						</f:security.ifAccess>
					</f:else>
				</f:if>
			</div>

			<div class="col-md-2 col-sm-4">
				<f:if condition="{clientImage6.properties.image}">
					<f:then>
						<neos:contentElement.wrap node="{clientImage6}">
							<figure>
								<media:image image="{clientImage6.properties.image}" alt="{title}" title="{title}" maximumWidth="140c" maximumHeight="60c" allowCropping="1" allowUpScaling="1"/>
							</figure>
						</neos:contentElement.wrap>
					</f:then>
					<f:else>
						<f:security.ifAccess privilegeTarget="Neos.Neos:Backend.GeneralAccess">
							<neos:contentElement.wrap node="{clientImage6}">
								<figure>
									<f:if condition="{node.context.workspace.name} != 'live'">
										<img src="{f:uri.resource(package: 'Neos.Neos', path: 'Images/dummy-image.svg')}"
											 title="Dummy image" alt="Dummy image"/>
									</f:if>
								</figure>
							</neos:contentElement.wrap>
						</f:security.ifAccess>
					</f:else>
				</f:if>
			</div>
		</div>
	</div>
</section>
