@extends('layouts.app')
@section('content')
@include('layouts.inner_banner')
<section class=" contact-page">
    <div class="container">
        <div class="row">

            @if(!empty($objContactInfo))
            <!-- <h2 class="nqtitle-large text-center ">Contact us</h2> -->
            <div class="col-xl-4 col-sm-10 m-auto m-xl-0 order-xl-1 order-2  ">
                <div class="contact-info">
                    @if(isset($objContactInfo->varEmail) && !empty($objContactInfo->varEmail))
                    <div class="contact-box ">
                        <div class="icon-sec">
                            <a href="" title="mailto:{{ $objContactInfo->varEmail }}">
                                <i class="n-icon" data-icon="s-mail"></i>
                            </a>
                        </div>
                        <div class="contact_info">
                            <div class="md-title">Email Address</div>
                            <div class="contact-disc">
                                <p><a href="mailto:{{ $objContactInfo->varEmail }}" title="Mail Us On:{{ $objContactInfo->varEmail }}">{{ $objContactInfo->varEmail }}</a></p>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(isset($objContactInfo->varPhoneNo) && !empty($objContactInfo->varPhoneNo))
                    <div class="contact-box ">
                        <div class="icon-sec">
                            <a href="" title="tel:{{ $objContactInfo->varPhoneNo }}">
                                <i class="n-icon" data-icon="s-tele"></i>
                            </a>
                        </div>
                        <div class="contact_info">
                            <div class="md-title">Phone Number</div>
                            <div class="contact-disc">
                                <p><a href="tel:{{ $objContactInfo->varPhoneNo }}" title="tel:{{ $objContactInfo->varPhoneNo }}">{{ $objContactInfo->varPhoneNo }}</a></p>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(isset($objContactInfo->varFindBrokerAgent) && !empty($objContactInfo->varFindBrokerAgent))
                    <div class="contact-box ">
                        <div class="icon-sec">
                            <a href="" title="mailto:{{ $objContactInfo->varFindBrokerAgent }}">
                                <i class="n-icon" data-icon="s-search"></i>
                            </a>
                        </div>
                        <div class="contact_info">
                            <div class="md-title">Find a broker / agent</div>
                            <div class="contact-disc">
                                <p><a href="mailto:{{ $objContactInfo->varFindBrokerAgent }}" title="Mail Us On:{{ $objContactInfo->varFindBrokerAgent }}">{{ $objContactInfo->varFindBrokerAgent }}</a></p>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(isset($objContactInfo->varFax) && !empty($objContactInfo->varFax))
                    <div class="contact-box ">
                        <div class="icon-sec">
                            <a href="" title="{{ $objContactInfo->varFax }}">
                                <i class="n-icon" data-icon="s-fax"></i>
                            </a>
                        </div>
                        <div class="contact_info">
                            <div class="md-title">Fax</div>
                            <div class="contact-disc">
                                <p><a href="{{ $objContactInfo->varFax }}" title="{{ $objContactInfo->varFax }}">{{ $objContactInfo->varFax }}</a></p>
                            </div>
                        </div>
                    </div>
                    @endif
                    @if(isset($objContactInfo->txtAddress) && !empty($objContactInfo->txtAddress))
                    <div class="contact-box ">
                        <div class="icon-sec">
                            <a href="" title="location">
                                <i class="n-icon" data-icon="s-location"></i>
                            </a>
                        </div>
                        <div class="contact_info">
                            <div class="md-title">Address</div>
                            <div class="contact-disc">
                                <p>{!! nl2br($objContactInfo->txtAddress) !!}</p>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
            @endif
            <div class="col-xl-7 ms-xl-auto m-auto col-sm-10 order-xl-2 order-1">
                <div class="contact-wrap">
                    {!! Form::open(['method' => 'post','class'=>'nqform','id'=>'contactus_form']) !!}
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="ac-form-group">
                                {!! Form::text('first_name', old('first_name'), array('id'=>'first_name', 'class'=>'ac-input form-control', 'autocomplete'=>'off','id'=>'first_name', 'placeholder'=>'Name*', 'maxlength'=>'60', 'onpaste'=>'return false;', 'ondrop'=>'return false;')) !!}
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="ac-form-group">
                                {!! Form::text('phone', old('phone'), array('id'=>'phone', 'class'=>'ac-input form-control', 'spellcheck'=>'true','autocomplete'=>'off','maxlength'=>'255', 'onkeypress'=>'javascript: return KeycheckOnlyPhonenumber(event);', 'onpaste'=>'return false;','placeholder'=>'Phone*', 'ondrop'=>'return false;')) !!}
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="ac-form-group">
                                {!! Form::text('email', old('email'), array('id'=>'email', 'class'=>'ac-input form-control', 'spellcheck'=>'true','autocomplete'=>'off','maxlength'=>'255', 'onpaste'=>'return false;','placeholder'=>'Email*', 'ondrop'=>'return false;')) !!}
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="ac-form-group">
                                {!! Form::textarea('message', old('message'), array('id'=>'message', 'class'=>'ac-textarea form-control', 'rows'=>'4', 'spellcheck'=>'true','autocomplete'=>'off','maxlength'=>'600','placeholder'=>'Message*', 'onpaste'=>'return false;', 'ondrop'=>'return false;')) !!}
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="form-group ac-form-group">
                                <div id="contactus_html_element" class="g-recaptcha"></div>
                                <div class="capphitcha" data-sitekey="{{Config::get('Constant.GOOGLE_CAPTCHA_KEY')}}">
                                    @if ($errors->has('g-recaptcha-response'))
                                    <span class="error">{{ $errors->first('g-recaptcha-response') }}</span> @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 align-self-center">
                            <div class="form-group ac-form-group n-mb-0
                                 text-md-right">
                                <button id="contact_submit" type="submit" title="Submit" class="ac-btn ac-btn-primary">Submit</button>
                            </div>
                        </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('page_scripts')
<script type="text/javascript">
    var sitekey = '{{Config::get("Constant.GOOGLE_CAPTCHA_KEY")}}';
    var onContactloadCallback = function () {
        grecaptcha.render('contactus_html_element', {
            'sitekey': sitekey
        });
    };
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=onContactloadCallback&render=explicit" async defer></script>
<script src="{{ $CDN_PATH.'assets/js/packages/contact-us/contactus-form.js' }}" type="text/javascript"></script>
@endsection