[TASK] render related jobs

Resources/Private/Partials/Teaser.html

+<div class="col-md-6 col-sm-6 col-cs-12">
+	<div class="default-content-element">
+		<f:link.action class="sg-jobs-job sg-card sg-card-shadow" id="offer-{job.uid}" pageUid="{applyPageUid}" controller="Joblist" action="applyForm"
+					   pluginName="JobApplication" arguments="{jobId: job.uid}">
+			<div class="default-content-element default-header-element sg-card-title">
+				<h2 class="h2">{job.title}</h2>
+			</div>
+
+			<div class="sgjobs-job-body">
+				<f:if condition="{job.description}">
+					<f:format.html parseFuncTSPath="lib.parseFunc_RTE">{job.description}</f:format.html>
+				</f:if>
+
+			</div>
+			<f:if condition="{job.qualification}">
+				<div class="sgjobs-highlight-area">
+					<ul class="default-list">
+						<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:if condition="!{job.telecommutePossible}">
+								<f:then>
+									<f:format.raw><f:translate key="frontend.locationLabel"/></f:format.raw><br>
+									{job.companies -> f:count()}&nbsp;<f:translate key="frontend.locationCountLabel"/>
+								</f:then>
+								<f:else>
+									<f:format.raw><f:translate key="frontend.jobLocationRemote"/></f:format.raw>
+								</f:else>
+							</f:if>
+						</li>
+					</ul>
+
+				</div>
+			</f:if>
+			<div class="default-content-element sg-cta sg-cta-with-icon sg-cta-stretch">
+				<div class="btn btn-warning btn-lg">
+					<f:format.raw><f:translate key="frontend.jobDetailsCta" /></f:format.raw>
+				</div>
+			</div>
+		</f:link.action>
+	</div>
+</div>

Resources/Private/Templates/Joblist/ApplyForm.html

@@ -636,9 +636,21 @@
 			</div>
 		</div>
 	</f:if>
-	<div class="row container tx-sgjobs-related">
-		<h3><f:translate key="frontend.apply.relatedJobs"/></h3>
-	</div>
+	<f:if condition="{job.relatedJobs}">
+		<f:then>
+			<div class="row">
+				<div class="container">
+					<h3><f:translate key="frontend.apply.relatedJobs"/></h3>
+					<div class="row default-content-element equal-height-columns stretch-first-child">
+						<f:for each="{job.relatedJobs}" as="relatedJob">
+							<f:render partial="Teaser" arguments="{job: relatedJob, applyPageUid: settings.applyPage}"/>
+						</f:for>
+					</div>
+				</div>
+			</div>
+		</f:then>
+	</f:if>
+
 </f:section>
 
 <f:section name="privacyPolicyCheckboxLink">