{% import 'common/macros/elements.html.twig' as elements %}
<div class="career-header">
<div class="career-back">
{{ elements.CTA('careers.back_to_career'|trans|upper, path("career_index"), 'link') }}
</div>
{{ elements.heading(job.getName(), 1, 'title') }}
{{ elements.CTA('common.apply_now'|trans|upper, '#apply-form', 'secondary') }}
<span class="location">{{ 'In ' ~ job.getLocation().getCity() }}</span>
<div class="career-details">
{% if job.getLevel() is not null %}
<div class="item">
<div class="icon">{{ elements.job_level_icon(job) }}</div>
<span>{{ ('job_level.' ~ job.getLevel())|trans({}, 'enum') }}</span>
</div>
{% endif %}
{% if job.workingHours() is not null %}
<div class="item">
<div class="icon">{{ elements.job_workhour_icon(job) }}</div>
<span>{{ ('job_working_hours.' ~ job.getWorkingHours())|trans({}, 'enum') }}</span>
</div>
{% endif %}
</div>
</div>