{% extends '@DcSite/Morris_Garage/base.html.twig' %}
{% block seo %}
<title>{{ 'vacancies.vacancies_seo.title'|trans({'%brand%': dealer.brand.name,'%dealer%': dealer.nameByLocale(app.request.locale)}, 'dc_base') }}</title>
<meta name="description" content="{{ 'vacancies.vacancies_seo.desc'|trans({'%brand%': dealer.brand.name,'%dealer%': dealer.nameByLocale(app.request.locale)}, 'dc_base') }}"/>
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ 'vacancies.vacancies_seo.title'|trans({'%brand%': dealer.brand.name,'%dealer%': dealer.nameByLocale(app.request.locale)}, 'dc_base') }}"/>
<meta property="og:description" content="{{ 'vacancies.vacancies_seo.desc'|trans({'%brand%': dealer.brand.name,'%dealer%': dealer.nameByLocale(app.request.locale)}, 'dc_base') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" href="{{ asset('bundles/dcsite/css/morris_garage/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('mg_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">Morris Garages</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">{{ 'vacancies.vacancy'|trans({}, 'dc_base') }}</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">{{ 'vacancies.vacancy'|trans({}, 'dc_base') }}</h1>
</div>
</div>
</div>
</section>
<section class="landing-padding pt-0 pb-4">
<div class="container">
<div class="row">
{% for vacancy in vacancies %}
<div class="col-md-4 col-sm-6">
<div class="vacancy-card">
<div class="flexbox-wrapper vacancy-img">
<img class="w-100" src="{{ sonata_path(vacancy.image, 'reference') }}"
alt="{{ vacancy.title(app.request.locale) }}">
</div>
<div class="vacancy-name-title">
<span>{{ vacancy.title(app.request.locale) }}</span>
</div>
<a href="{{ path('mg_about_vacancy_id', { 'id': vacancy.id }) }}" class="vacancy-btn">
{{ 'vacancies.send_cv'|trans({}, 'dc_base') }}
</a>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
{% endblock %}