<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>