Job.html

<div class="col-md-6 col-sm-6 col-12">
	<div class="card border-top h-100">
		<div class="card-header">
			<h2 class="card-title h4">{job.title}</h2>
		</div>
		<div class="card-body">
			<f:if condition="{job.description}">
				<f:format.html parseFuncTSPath="lib.parseFunc_RTE">{job.description}</f:format.html>
			</f:if>
			<f:if condition="{job.qualification}">
				<ul>
					<li>
						<f:format.raw><f:translate key="frontend.jobStart" /></f:format.raw>
						<f:if condition="{job.alternativeStartDate}">
							<f:then>
								{job.alternativeStartDate}
							</f:then>
							<f:else>
								<f:format.date date="{job.startDate}" format="d.m.Y" />
							</f:else>
						</f:if>
					</li>
					<li>
						<f:for each="{job.company}" as="company" iteration="iterator">
							{company.city}{f:if(condition: '!{iterator.isLast} || {iterator.isLast} &&
							{job.telecommutePossible} ', then: ', ')}
						</f:for>
						<f:if condition="{job.telecommutePossible}">
							<f:translate key="frontend.remote" />
						</f:if>
					</li>
				</ul>
			</f:if>
		</div>
		<div class="card-footer bg-default text-center">
			<f:link.action id="offer-{job.uid}" pageUid="{settings.applyPage}" controller="Joblist" action="applyForm"
				pluginName="JobApplication" arguments="{jobId: job.uid}"
				class="btn btn-link text-decoration-none stretched-link w-100 text-uppercase fw-bold">
				<f:format.raw><f:translate key="frontend.jobDetailsCta" /></f:format.raw>
			</f:link.action>
		</div>
	</div>
</div>