{% extends '@Portal/base.html.twig' %}
{% block seo %}
<title>{{ vacancy.title(app.request.locale) }} {{ 'seo.vacancies_id.title'|trans({}, 'portal_base') }}</title>
<meta name="description" content="VIDI.UA - {{ vacancy.title(app.request.locale) }} {{ vacancy.contentByLang(app.request.locale).city }} {{ 'seo.vacancies_id.desc'|trans({}, 'portal_base') }}"/>
{% endblock %}
{% block css %}
<link rel="stylesheet" href="{{ asset('bundles/portal/css/vacancies.css') }}">
<link rel="stylesheet" href="{{ asset('bundles/portal/css/service/call-popup.css') }}">
<link rel='stylesheet' type='text/css' href='{{ asset('bundles/insurance/css/jquery.mCustomScrollbar.css') }}'/>
<link rel="stylesheet" type="text/css" href="{{ asset('/bundles/core/css/modules/gallery/lightslider.css') }}">
{% endblock %}
{% block content %}
<section class="breadcrumbs__new">
<div class="container">
<ol class="vidi_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('portal_homepage') }}">
<span class="breadcrumbs__link" itemprop="name">VIDI.UA</span></a>
<meta itemprop="position" content="1"/>
</li>
<div class="arrow-bc"></div>
<li class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<a itemprop="item" href="{{ path('portal_vacancies') }}">
<span class="breadcrumbs__link"
itemprop="name">{{ 'footer.vacancies'|trans({}, 'portal_base') }}</span></a>
<meta itemprop="position" content="2"/>
</li>
<div class="arrow-bc"></div>
<li class="marker__none" itemprop="itemListElement" itemscope
itemtype="https://schema.org/ListItem">
<span style="color: #ABABAB" class="breadcrumbs__link"
itemprop="name">{{ vacancy.title(app.request.locale) }}</span>
<meta itemprop="position" content="3"/>
</li>
</ol>
</div>
</section>
{% if app.request.locale == 'ru' %}
{% include '@Portal/About/translations/vacancies-id_ru.html.twig' %}
{% else %}
{% include '@Portal/About/translations/vacancies-id_ua.html.twig' %}
{% endif %}
{# СЛАЙДЕР #}
<section class="business-slider section-padding-page mb-4">
<div class="container">
<div class="row">
<div class="col-md-12 section-title-page mb-4">
<span>{{ 'busines.next_block_desc'|trans({}, 'portal_base') }}</span>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul id="lightSliderBrand">
{% for logo in logos %}
<li>
<img class="img-fluid mx-auto d-bloc" src="{{ sonata_path(logo.image, 'reference') }}"
alt="{{ logo.name }}">
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</section>
{# END СЛАЙДЕР #}
{% include '@Portal/About/vacancy/vacancy-sps-popup.html.twig' %}
{% endblock %}
{% block pageJS %}
<script>
$('.vacancy-form').on('submit',function (e) {
$("#successVacancyPopup").modal('show')
})
</script>
<script>
app.onCustomEvent('appInit', function () {
app.loadJs('{{ asset('/bundles/dcsite/js/form_file_sender.js') }}');
document.querySelector('.more__vacancies-size').addEventListener('click', () => {
window.scroll({
left: 0,
top: document.querySelector('#download__resume__anchor').offsetTop,
behavior: 'smooth'
});
});
app.loadJs("{{ asset('/bundles/core/js/modules/gallery/lightslider.js') }}", function () {
$('#lightSliderBrand').lightSlider({
auto: true,
loop: true,
item: 4,
controls: true,
pager: false,
slideMove: 1,
adaptiveHeight: true,
speed: 900,
responsive: [
{
breakpoint: 1100,
settings: {
item: 4,
slideMove: 1
}
},
{
breakpoint: 800,
settings: {
item: 3,
slideMove: 1,
slideMargin: 6
}
},
{
breakpoint: 480,
settings: {
item: 3,
slideMove: 1
}
}
]
});
});
});
</script>
{% endblock %}