@extends('layouts.main')

@section('page')
<!-- end:fh5co-header -->
<div class="fh5co-parallax" style="background-image: url(images/slider1.jpg);" data-stellar-background-ratio="0.5">
    <div class="overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-md-offset-0 col-sm-12 col-sm-offset-0 col-xs-12 col-xs-offset-0 text-center fh5co-table">
                <div class="fh5co-intro fh5co-table-cell">
                    <h1 class="text-center">Contact Us</h1>
                    <p>We're in the heart of Accra <a target="_blank" href="https://www.google.com/maps/place/Sonia+Hotel/data=!3m1!4b1!4m2!3m1!1s0xfdf84acc5793fab:0x4c3996720cdb9e3e">Find us on Map</a></p>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="fh5co-contact-section" class="mt-0">
    <div class="row">
        <div class="col-md-12" id="maps">
            <!-- <div id="map" class="fh5co-map"> -->
            <!-- <div class="d-flex justify-content-center"> -->
            <div class="gmap_canvas" id="gmap_">
                <iframe onload="this.width=screen.width;this.height=400;" id="gmap_canvas" src="https://maps.google.com/maps?q=sonial%20hotel%20accra&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
            </div>
            <!-- </div> -->
            <!-- <a href="https://www.google.com/maps/place/Sonia+Hotel/data=!3m1!4b1!4m2!3m1!1s0xfdf84acc5793fab:0x4c3996720cdb9e3e" target="_blank" itemprop="hasMap" data-tracking-element-type="7">
                </a> -->
            <!-- </div> -->
        </div>
    </div>
    <div class="container">
        <div class="row mt-5 d-flex justify-content-center">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-6">
                        <h3>Our Address</h3>
                        <p class="mt-4">Sonia Hotel, 9 Hibiscus Ave, Accra</p>
                        <ul class="contact-info">
                            <li><i class="ti-map"></i>9 Hibiscus Avenue, East Legon, Accra</li>
                            <li><i class="ti-mobile"></i>{!!isset($site)?$site->where('field','contact')->firstOrFail()->values : 'n/a'!!}</li>
                            <li><i class="ti-envelope"></i>{!!isset($site)?$site->where('field','email address')->firstOrFail()->values : 'n/a'!!}</li>
                            <li><i class="ti-home"></i><a href="https://soniahotelgh.com">www.soniahotelgh.com</a></li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <div class="row">
                            <h3>Tell us</h3>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Name">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Email">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <textarea name="" class="form-control" id="" cols="30" rows="7" placeholder="Message"></textarea>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input type="submit" value="Send Message" class="btn btn-primary">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>


@endsection