<section class="news">
<div class="container">
{% for i in pimcore_block('interviewBlock').iterator %}
{% set interviewLink = pimcore_relation('interview', { reload: true }) %}
{% if editmode %}
{# Show the field to link the interview data class #}
{{ interviewLink | raw }}
{% endif %}
{% if not interviewLink.isEmpty() %}
{% set i = interviewLink.getElement() %}
{% set slug = i.title|slugify %}
{# Create the URL slug #}
{% set url = path('interview', {
prefix: document.key,
slug: slugify(i.title),
id: i.id
}) %}
<div
class="row job {%if i.dreamJob %}wysiwyg-block{% endif %}">
{# Switch the position of the image #}
{% if loop.index % 2 != 1 %}
<div class="col-sm-5 ">
<img class="img-fluid" src="{{ i.getImage().getThumbnail("smallInterviewImage") }}" alt="{{ i.getImage().getMetadata('alt') }}">
</div>
<div class="col-sm-7">
{% if i.dreamJob %}
<h2>{{ i.title }}</h2>
{% else %}
<h3>{{ i.title }}</h3>
{% endif %}
<p>{{ i.interview|raw }}</p>
</div>
{% else %}
<div class="col-sm-7">
{% if i.dreamJob %}
<h2>{{ i.title }}</h2>
{% else %}
<h3>{{ i.title }}</h3>
{% endif %}
<p>{{ i.interview|raw }}</p>
</div>
<div class="col-sm-5">
<img class="img-fluid" src="{{ i.getImage().getThumbnail("smallInterviewImage") }}" alt="{{ i.getImage().getMetadata('alt') }}">
</div>
{% endif %}
<div class="col-sm-12">
<div class="mt-3 row">
<div class="quote-box col-sm-10 offset-sm-1">
<div class="text">
<div>
<i class="fas fa-quote-right fa1"></i>
<h5>{% if i.dreamJob %}De droombaan van{% else %}De Molenlandse manier volgens{% endif %}
{{ i.name }}</h5>
<p>{{ i.quote }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
{% if i.jobs %}
{% for j in i.jobs %}
{{ include('partials/job.html.twig', {j: j}) }}
{% endfor %}
{% endif %}
</div>
</div>
{% endif %}
{% endfor %}
</div>
</section>