{% extends '@Portal/base.html.twig' %}
{% block seo %}
<title>{{ 'seo.commission.title'|trans({}, 'portal_base') }}</title>
<meta name="description" content="{{ 'seo.commission.description'|trans({}, 'portal_base') }}" />
{% endblock %}
{% block css %}
<link rel="stylesheet" href="{{ asset('bundles/portal/css/service.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">
<span style="color: #ABABAB" class="breadcrumbs__link" itemprop="name">{{ 'service.sale.commisiion_title'|trans({}, 'portal_base') }}</span>
<meta itemprop="position" content="2"/>
</li>
</ol>
</div>
</section>
<section class="service-head-block section-padding-page" id="">
<div class="container">
<div class="row">
<div class="col-md-5">
<h1 class="service-head-h1">{{ 'seo.commission.h1'|trans({}, 'portal_base') }}</h1>
</div>
<div class="col-md-6 offset-md-1 flexbox-wrapper">
<div>
<p class="section-subtitle-page mb-4">{{ 'service.sale.commisiion_subtitle'|trans({}, 'portal_base') }}</p>
<a href="#send" class="btn-red-bg">{{ 'pages.form.info_block.send_message_btn'|trans({}, 'portal_base') }}</a>
</div>
</div>
</div>
</div>
</section>
{% if app.request.locale == 'ru' %}
{% include '@Portal/Sale/translations/commission_ru.html.twig' %}
{% else %}
{% include '@Portal/Sale/translations/commission_ua.html.twig' %}
{% endif %}
<section class="section-padding-page" id="send">
<div class="container">
<div class="row">
<div class="col-md-12 section-title-page">
<span>{{ 'pages.form.interesting'|trans({}, 'portal_base') }}</span>
</div>
</div>
<div class="row">
<span class="col-sm-12 calculation-valuation-label">{{ 'pages.form.contacts'|trans({}, 'portal_base') }}</span>
</div>
{{ form_start(feedbackForm, { attr: { class: 'lead-form pop-up row pages-form-row', action: path('portal_feedback_form') } }) }}
<div class="col-md-6 col-sm-12">
<div class="row">
<div class="col-md-6">
<div class="form-group">
{{ form_row(feedbackForm.name) }}
</div>
</div>
<div class="col-md-6">
<div class="form-group">
{{ form_row(feedbackForm.phone) }}
</div>
</div>
<div class="col-md-12">
<div class="form-group">
{{ form_row(feedbackForm.email) }}
</div>
</div>
</div>
</div>
<div class="col-md-5 col-sm-12 offset-md-1">
<div class="questions-block">
<span class="questions-block-title">{{ 'pages.form.info_block.title'|trans({}, 'portal_base') }}</span>
<div class="questions-block-contacts-wrap">
<div class="questions-block-contacts ">
<span>{{ 'pages.form.info_block.phone'|trans({}, 'portal_base') }}</span>
<a href="tel:0 800 308 999">0 800 308 999</a>
</div>
</div>
</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="{{ feedbackForm.privacy.vars.full_name }}" value="{{ feedbackForm.privacy.vars.value }}" id="{{ feedbackForm.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(feedbackForm) }}
</div>
<div class="col-md-12">
<button class="btn-red-bg" type="submit">{{ 'pages.form.info_block.send_message_btn'|trans({}, 'portal_base') }}</button>
</div>
{{ form_end(feedbackForm) }}
</div>
</section>
{% endblock %}