@extends('layout')

@section('title','Contact')

@section('meta:title', $page->title)
@section('meta:description', $page->meta_description)

@section('content')

    @include('commons.banner', [ 'banners' => $page->banner ] )

    <section>
        <div class="container">
            <div class="row">
                <div class="col-sm-9">
                    @include('contact.form')
                </div>
                <div class="hbox-column col-md-3 style-default">
                    <div class="row">
                        <div class="col-xs-12">
                            <h4 class="text-center">Contact info</h4>
                            <br/>
                            <dl class="dl-horizontal dl-icon">
                                <dt>
                                    <span class="fa fa-fw fa-mobile fa-lg opacity-50"></span>
                                </dt>
                                <dd>
                                    <span class="opacity-50">Phone</span>
                                    <br/>
                                    <span class="text-medium">{{ setting('phone')}}</span>
                                    &nbsp;
                                    <span class="opacity-50">SIP Number</span>
                                    <br/>
                                    <span class="text-medium">01-5551065</span>
                                    &nbsp;
                                    <span class="opacity-50">Landline Number</span>
                                    <br/>
                                    <span class="text-medium">166001-51065</span>
                                    &nbsp;
                                    <span class="opacity-50">Toll Free</span>
                                    <br/>
                                </dd>
                                <dt>
                                    <span class="fa fa-fw fa-envelope-square fa-lg opacity-50"></span>
                                </dt>
                                <dd>
                                    <span class="opacity-50">Email</span>
                                    <br/>
                                    <a class="text-medium" href="mailto:{{ setting('email') }}">{{ setting('email') }}</a>
                                </dd>
                                <dt>
                                    <span class="fa fa-fw fa-location-arrow fa-lg opacity-50"></span>
                                </dt>
                                <dd>
                                    <span class="opacity-50">Address</span>
                                    <br/>
                                    <span class="text-medium">
                                        {{ setting('postbox') }}<br/>
                                        {{ setting('address') }}<br/>
                                        {{ setting('state') }}
                                    </span>
                                </dd>
                                <dt>
                                    <span class="fa fa-fw fa-clock-o fa-lg opacity-50"></span>
                                </dt>
                                <dd>
                                    <span class="opacity-50">Office Hours</span>
                                    <br/>
                                    <span class="text-medium">
                                        {{ setting('office-weekdays-hours') }}<br/>
                                    </span>
                                </dd>
                                <dd class="full-width">
                                    <div id="map-canvas" class="border-white border-xl height-5"></div>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@stop

@push('scripts')
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDFyAOEFCLP24pUZsma0pOIsIierKIBtcs"></script>
<script type="text/javascript" src="{{ asset('js/libs/gmaps/gmaps.js') }}"></script>
<script src="{{ asset('js/libs/jquery-validation/dist/jquery.validate.min.js') }}"></script>
<script src="{{ asset('js/libs/jquery-validation/dist/additional-methods.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/pages/contact.min.js') }}"></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script>
@endpush