@extends('layouts.app')
@section('title')
    Contact Us
@endsection
@section('content')
@include('frontend.pages.modal.contact_us_form')
<article class="contactDataInfoSec__wr">
    <div class="container w_lg_max_1600px__wr w_md_max_100_per__wr px_lg_225px__wr">
        <div class="contactDataBox__wr">
            <div class="row lg_no_gutters__wr">
                <div class="col-lg col-12">
                    <div class="itemColBlock__wr contactDataColBlock__wr contactInfoColBlock__wr">
                        <div class="contentBlock__wr itemContentBlock__wr contactDataItemContentBlock__wr">
                            <div class="secTitleWrap__wr contactDataItemTitleWrap__wr">
                                <h6 class="secTitle__wr contactDataItemTitle__wr">{{ translate('Contact Us:') }}</h6>
                            </div>
                            <div class="content__wr itemContent__wr contactDataItemContent__wr">
                                <span class="icon__wr contactDataIcon__wr"><i class="fa-solid fa-phone-volume"></i></span>
                                <p><a href="javascript:void(0);">800-FINANCE</a></p>
                                <p><a href="tel:{{get_setting('helpline_number')}}">{{get_setting('helpline_number')}}</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg col-12">
                    <div class="itemColBlock__wr contactDataColBlock__wr mailInfoColBlock__wr">
                        <div class="contentBlock__wr itemContentBlock__wr contactDataItemContentBlock__wr">
                            <div class="secTitleWrap__wr contactDataItemTitleWrap__wr">
                                <h6 class="secTitle__wr contactDataItemTitle__wr">{{ translate('Email:') }}</h6>
                            </div>
                            <div class="content__wr itemContent__wr contactDataItemContent__wr">
                                <span class="icon__wr contactDataIcon__wr"><i class="fa-solid fa-envelope"></i></span>
                                <p><a href="javascript:void(0);">khurram@mortgagemarket.ae</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg col-12">
                    <div class="itemColBlock__wr contactDataColBlock__wr officeInfoColBlock__wr">
                        <div class="contentBlock__wr itemContentBlock__wr contactDataItemContentBlock__wr">
                            <div class="secTitleWrap__wr contactDataItemTitleWrap__wr">
                                <h6 class="secTitle__wr contactDataItemTitle__wr">Office Location:</h6>
                            </div>
                            <div class="content__wr itemContent__wr contactDataItemContent__wr">
                                <span class="icon__wr contactDataIcon__wr"><i class="fa-solid fa-location-dot"></i></span>
                                <p>Office 201, Al Masaood Tower, <br>Deira, Dubai, UAE</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</article>
@endsection
@section('script')
<script type="text/javascript">
    $(document).ready(function(){
        $('.testimonialSlider__wr').owlCarousel({
            items:1,
            loop:true,
            margin:0,
            nav:true,
            navText: [ '<span class="fa-solid fa-circle-arrow-left"></span>', '<span class="fa-solid fa-circle-arrow-right"></span>' ],
            dots: true,
            autoplay:false,
            autoplayTimeout:5000,
            autoplayHoverPause:false,
            responsive:{
                0:{
                    items:1
                },
                576:{
                    items:1
                },
                992:{
                    items:1
                }
            }
        });
        // PHONE NUMBER COUNTRY CODES
        // const practitionerSignUpModalTel = document.querySelector(".phoneNumber__wr");
        document.addEventListener("DOMContentLoaded", function () {
            const mobileNumbr = document.querySelector(".contactNumber__wr");
            window.intlTelInput(mobileNumber, {
                utilsScript: "https://cdn.jsdelivr.net/npm/intl-tel-input@18.2.1/build/js/utils.js",
                showFlags: false,  // Hide flags
                separateDialCode: true, // Show country code separately
            });
        });
    });
</script>
@endsection