{% extends '@DcSite/LandRover/base.html.twig' %}
{% block title %}
<title>{{ 'seo.about.vacancies_archive.title'|trans({}, 'dc_landrover') }}</title>
{% endblock %}
{% block seo %}
<meta name="description" content="{{ 'seo.about.vacancies_archive.description'|trans({}, 'dc_landrover') }}" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'seo.about.vacancies_archive.title'|trans({}, 'dc_landrover') }}"/>
<meta property="og:description" content="{{ 'seo.about.vacancies_archive.description'|trans({}, 'dc_landrover') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" href="{{ asset('bundles/dcsite/css/landrover/vacancy.css') }}">
{% endblock %}
{% block content %}
<section class="breadcrumbs__new">
<div class="container">
<ol class="global_breadcrumbs__new" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ path('landrover_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">Land Rover</span></a>
<meta itemprop="position" content="1"/>
</li>
<div class="arrow-bcs"> ❯ </div>
<li itemprop="item" class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #ABABAB;" class="breadcrumbs__link" itemprop="name">{{ 'about.vacancies.title'|trans({}, 'dc_landrover') }}</span>
<meta itemprop="position" content="2"/>
</li>
</ol>
</div>
</section>
<section class="page-name dark-bg">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="page-name-title">{{ 'about.vacancies.title'|trans({}, 'dc_landrover') }}</h1>
</div>
</div>
</div>
</section>
<section class="landing-padding">
<div class="container">
<div class="justify-content-center row">
<div class="col-md-8">
{#<p class="text-desc mb-2">#}
{#{{ 'about.vacancies.dc'|trans({}, 'dc_landrover') }}#}
{#</p>#}
<p class="text-desc mb-0">
{{ 'about.vacancies.dc_descr'|trans({}, 'dc_landrover') }}
</p>
</div>
</div>
</div>
</section>
<section class="landing-padding pt-0">
<div class="container">
<div class="row">
{% for vacancy in vacancies %}
<div class="col-md-4">
<div class="vacancy-card">
<div class="flexbox-wrapper vacancy-img">
<img src="{{ sonata_path(vacancy.image, 'reference') }}" alt="{{ vacancy.title(app.request.locale) }}">
</div>
<div class="vacancy-name">
<span>{{ vacancy.title(app.request.locale) }}</span>
</div>
{#<ul class="pages-list">#}
{#<li>{{ 'about.vacancies.city'|trans({}, 'dc_landrover') }}: {{ vacancy.contentByLang(app.request.locale).city }}</li>#}
{#<li>{{ 'about.vacancies.exp'|trans({}, 'dc_landrover') }}: {{ vacancy.contentByLang(app.request.locale).experience }}</li>#}
{#</ul>#}
<a href="{{ path('landrover_aboutus_vacancy_single', { 'id': vacancy.id }) }}" class="btn-transparent d-block w-100">
{{ 'about.vacancies.send_cv'|trans({}, 'dc_landrover') }}
</a>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
<section class="bg-grey section-padding">
<div class="container">
{% include '@DcSite/LandRover/Modules/contacts.html.twig' %}
</div>
</section>
{% endblock %}