{% extends '@DcSite/Citroen/base.html.twig' %}
{% block seo %}
<title>{{ seoMeta.title ?? vacancy.contentByLang(app.request.locale).title }} - {{ dealer }}</title>
<meta name="description" content="{{ 'vacancies.vacancies_id.title'|trans({}, 'dc_base') }} {{ seoMeta.description ?? vacancy.contentByLang(app.request.locale).title }} - {{ dealer }}" />
{% endblock seo %}
{% block ogtagDynamic %}
<meta property="og:title" content="{{ seoMeta.title ?? 'seo.staff.staff_title'|trans({}, 'dc_citroen') }}"/>
<meta property="og:description" content="{{ seoMeta.description ?? 'seo.staff.staff_desc'|trans({}, 'dc_citroen') }}"/>
{% endblock ogtagDynamic %}
{% block css %}
<link rel="stylesheet" href="{{ asset('/bundles/dcsite/css/citroen/about/style.css') }}">
{% endblock %}
{% block content %}
{% include '@DcSite/Citroen/breadcrumbs.html.twig' with {
catName: 'seo.vacancy.title'|trans({}, 'dc_citroen'),
catUrl: 'citroen_about_vacancy',
pageName: vacancy.contentByLang(app.request.locale).title
} %}
<section class="page-head-title">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="section-title-page">{{ seoMeta.h1 ?? vacancy.contentByLang(app.request.locale).title }}</h1>
</div>
</div>
</div>
</section>
<section class="vacancy__single section-padd pb-4">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<div class="vacancy-single">
{{ vacancy.contentByLang(app.request.locale).content|raw }}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pt-0 section-padd">
<div class="container">
<div class="row">
<div class="col-md-12">
<hr class="m-0">
</div>
</div>
</div>
</section>
<section class="section-padd pt-0">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h2 class="section-title">{{ 'modules.vacancy'|trans({}, 'dc_citroen') }}</h2>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-6">
{{ form_start(vacancyForm, {attr: {class: 'vacancy-form lexus-vacancy-form form-file row', action: path('form_vacancy')} }) }}
<div class="col-md-6">
{{ form_row(vacancyForm.name) }}
</div>
<div class="col-md-6">
{{ form_row(vacancyForm.phone) }}
</div>
<div class="col-md-12">
{{ form_row(vacancyForm.email) }}
</div>
<div class="col-md-12">
{{ form_row(vacancyForm.vacancy) }}
{{ form_row(vacancyForm._token) }}
<div class="form-group upload-btn-wrapper">
<button class="btn-upload-file">{{ 'modules.btn_resume'|trans({}, 'dc_citroen') }}</button>
{{ form_row(vacancyForm.cv) }}
</div>
</div>
<div class="col-md-12">
<div class="form-group checkbox style-b js-form-privacy">
<label class="checkboxes__item-privacy">
<input type="checkbox" name="{{ vacancyForm.privacy.vars.full_name }}" value="{{ vacancyForm.privacy.vars.value }}" id="{{ vacancyForm.privacy.vars.id }}"/>
<div id="check_privacy" class="checkbox__checkmark form-control"></div>
<div class="checkbox__body">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }} <a href="{{ privacyUrl }}" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a></div>
</label>
</div>
</div>
<div style="display:none;">
{{ form_rest(vacancyForm) }}
</div>
<div class="col-md-12 d-flex justify-content-center text-center">
<button type="submit" class="btn btn-primary form-send button-form" style="max-width: 200px; width: 100%;">{{ 'modules.btn'|trans({}, 'dc_citroen') }}</button>
</div>
{{ form_end(vacancyForm) }}
</div>
</div>
</div>
</section>
{% endblock %}
{% block pageJS %}
<script>
app.onCustomEvent('appInit', function () {
app.loadJs('{{ asset('/bundles/dcsite/js/form_file_sender.js') }}');
});
</script>
{% endblock pageJS %}