{namespace neos=TYPO3\Neos\ViewHelpers}

<f:if condition="{title}">
	<h4>{neos:contentElement.editable(property: 'title')}</h4>
</f:if>
<ul class="list-unstyled mb-element">
	<f:if condition="{address}">
		<f:then>
			<li>
				<i class="fa fa-map-marker"></i>
				<strong>Address:</strong>
				{neos:contentElement.editable(property: 'address', tag: 'span')}
			</li>
		</f:then>
		<f:else>
			<f:if condition="{node.context.workspace.name} != 'live'">
				<li>
					<i class="fa fa-map-marker"></i>
					<strong>Address:</strong>
					{neos:contentElement.editable(property: 'address', tag: 'span')}
				</li>
			</f:if>
		</f:else>
	</f:if>
	<f:if condition="{phone}">
		<f:then>
			<li>
				<i class="fa fa-mobile"></i>
				<strong>Phone:</strong>
				{neos:contentElement.editable(property: 'phone', tag: 'span')}
			</li>
		</f:then>
		<f:else>
			<f:if condition="{node.context.workspace.name} != 'live'">
				<li>
					<i class="fa fa-mobile"></i>
					<strong>Phone:</strong>
					{neos:contentElement.editable(property: 'phone', tag: 'span')}
				</li>
			</f:if>
		</f:else>
	</f:if>
	<f:if  condition="{email}">
		<f:then>
			<li>
				<i class="fa fa-envelope"></i>
				<strong>Email:</strong>
				<f:if condition="{node.context.workspace.name} != 'live'">
					<f:then>
						{neos:contentElement.editable(property: 'email', tag: 'span')}
					</f:then>
					<f:else>
						<a href="mailto:{email}">
							{neos:contentElement.editable(property: 'email', tag: 'span')}
						</a>
					</f:else>
				</f:if>
			</li>
		</f:then>
		<f:else>
			<f:if condition="{node.context.workspace.name} != 'live'">
				<li>
					<i class="fa fa-envelope"></i>
					<strong>Email:</strong>
					{neos:contentElement.editable(property: 'email', tag: 'span')}
				</li>
			</f:if>
		</f:else>
	</f:if>
</ul>