<section class="sending__application" id="callback-vidi">
<div class="container">
<p class="sending__application__title">{{ 'base.home.callback.have_questions'|trans({}, 'portal_base') }}</p>
<div class="row">
<div class="col-md-12 p-0">
<form @submit.prevent="initCall" class="col-md-12 p-0 sending__application__wrapper">
<div class="col-lg-3 col-md-4 custom-col">
<input class="sending__application-select phone form-control" type="tel" name="phone"
placeholder="+38(___)*" required>
</div>
<div class="col-lg-3 col-md-4 custom-col">
<select v-model="form.dealerId" class="sending__application-select" required>
<option disabled="disabled"
:value="null">{{ 'base.home.callback.dealer_center'|trans({}, 'portal_base') }}</option>
<option v-for="item in dealers" :value="item.dealerId" v-html="item.title"></option>
</select>
</div>
<div class="col-lg-3 col-md-4 custom-col">
<div class="tooltip-custom-parent">
<select v-model="form.departmentId"
class="sending__application-select tooltip-custom-select"
:disabled="form.dealerId < 1" required>
<option disabled="disabled"
:value="null">{{ 'base.home.callback.subject__appeal'|trans({}, 'portal_base') }}</option>
<option v-for="item in departments" :value="item.departmentId"
v-html="item.title"></option>
</select>
<span class="tooltip-custom-text">{{ 'base.home.callback.select_dealer_center'|trans({}, 'portal_base') }}</span>
</div>
</div>
<div class="col-12 custom-col show-mobile">
<div class="checkbox style-b checkbox-footer" v-if="privacyUrl">
<label class="checkboxes__item-privacy">
<input type="checkbox" v-model="checkPrivacy"/>
<div id="check_privacy" class="checkbox__checkmark form-control"></div>
<div class="checkbox__body checkbox__body__footer">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }} <a :href="privacyUrl" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a></div>
</label>
</div>
</div>
<div class="col-lg-3 col-md-12 custom-col">
<button type="submit"
class="sending__application-btn callback_custom_btn">{{ 'base.home.callback.send'|trans({}, 'portal_base') }}</button>
</div>
<div class="col-12 custom-col show-desc">
<div class="checkbox style-b checkbox-footer" v-if="privacyUrl">
<label class="checkboxes__item-privacy">
<input type="checkbox" v-model="checkPrivacy"/>
<div id="check_privacy" class="checkbox__checkmark form-control"></div>
<div class="checkbox__body checkbox__body__footer">{{ 'callback_widget.privacy'|trans({}, 'dc_base') }} <a :href="privacyUrl" target="_blank">{{ 'callback_widget.privacy_link'|trans({}, 'dc_base') }}</a></div>
</label>
</div>
</div>
</form>
</div>
</div>
<span class="sending__application__info-tel">{{ 'base.home.callback.call_the_number'|trans({}, 'portal_base') }} <a
href="tel:0800308999">0 800 308 999</a> {{ 'base.home.callback.free_in_ukraine'|trans({}, 'portal_base') }}</span>
</div>
</section>