{namespace neos=TYPO3\Neos\ViewHelpers}

<f:if condition="{hasParent}">
	<f:then>
		<div class="{width}">
			<div class="plan {f:if(condition: popular, then: 'most-popular')}">
				<f:if condition="{popular}">
					<div class="plan-ribbon-wrapper">
						<div class="plan-ribbon">Popular</div>
					</div>
				</f:if>
				<h3>{title}<span>{price}</span></h3>
				<f:if condition="{node.context.workspace.name} != 'live'">
					<f:then>
						<p class="btn btn-lg btn-primary">{linkText}</p>
					</f:then>
					<f:else>
						<a href="{link}" class="btn btn-lg btn-primary">{linkText}</a>
					</f:else>
				</f:if>
				{neos:contentElement.editable(property: 'text')}
			</div>
		</div>
	</f:then>
	<f:else>
		<div class="pricing-table">
			<div class="{width}">
				<div class="plan {f:if(condition: popular, then: 'most-popular')}">
					<f:if condition="{popular}">
						<div class="plan-ribbon-wrapper">
							<div class="plan-ribbon">Popular</div>
						</div>
					</f:if>
					<h3>{title}<span>{price}</span></h3>
					<f:if condition="{node.context.workspace.name} != 'live'">
						<f:then>
							<p class="btn btn-lg btn-primary">{linkText}</p>
						</f:then>
						<f:else>
							<a href="{link}" class="btn btn-lg btn-primary" >{linkText}</a>
						</f:else>
					</f:if>
					{neos:contentElement.editable(property: 'text')}
				</div>
			</div>
		</div>
	</f:else>
</f:if>