@extends('theme.master')
@section('title', 'Contact Us')
@section('content')

@include('admin.message')
</div>
<!-- about-home start -->
<section id="wishlist-home" class="wishlist-home-main-block">
    <div class="container">
        <h1 class="wishlist-home-heading text-white">{{ __('frontstaticword.Contactus') }}</h1>
    </div>
</section> 
<!-- about-home end -->
<!-- contact-us start-->
<section id="contact-us" class="contact-us-main-block homepad">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h4 class="contact-us-heading text-uppercase font-size-40 text-primary font-weight-semibold mb-4 pb-1 pb-md-3  line-hight-1 text-center">{{ __('frontstaticword.KeepinTouch') }}</h4>
                <form id="demo-form2" method="post" action="{{ route('contact.user') }}" data-parsley-validate class="form-horizontal form-label-left" enctype="multipart/form-data">
                    {{ csrf_field() }}


                    @if(Auth::check())

                    <input type="hidden" name="user_id"  value="{{Auth::User()->id}}" />

                    @endif
                    <div class="row">
                        <div class="form-group col-md-4">
                            <input type="text" class="form-control" name="fname" id="fname" placeholder="Name">
                        </div>
                        <div class="form-group col-md-4">
                            <input type="text" class="form-control" name="mobile" id="mobile" placeholder="Phone">
                        </div>
                        <div class="form-group col-md-4">
                            <input type="email" class="form-control" name="email" id="email" placeholder="E-mail">
                        </div>
                    </div>
                    <div class="comment btm-20">
                        <textarea id="comment" name="message" rows="6" placeholder="Your Message"></textarea>
                    </div>

                    @if($gsetting->captcha_enable == 1)


                        <div class="{{ $errors->has('g-recaptcha-response') ? ' has-error' : '' }}">

                            {!! app('captcha')->display() !!}
                            @if ($errors->has('g-recaptcha-response'))
                                <span class="help-block">
                                    <strong>{{ $errors->first('g-recaptcha-response') }}</strong>
                                </span>
                            @endif
                        </div>
                        <br>
                    @endif

                    
                    <div class="contact-form-btn text-center pt-3">
                        <button type="submit" class="btn btn-primary" title="Send Message"><span class="d-block px-3 py-2 font-weight-medium">{{ __('frontstaticword.Message') }}<i class="fa fa-long-arrow-right font-size-16 pl-2" aria-hidden="true"></i></span></button>
                    </div>
                </form>
            </div>
            <!-- map -->
            <div class="col-lg-7 col-md-6 d-none">
                @if($gsetting->map_enable == 'map')
                
                    <section id="location" class="map-location"></section>
                
                @elseif($gsetting->map_enable == 'image')
                    <img src="{{ asset('images/contact/'.$gsetting->contact_image) }}" class="img-fluid">
                @endif
            </div>
            <!-- end map -->

        </div>
        
        <div class="contact-dtl homepad pb-0">
            <div class="row d-flax justify-content-center">
                <!--<div class="col-md-4">-->
                <!--    <ul class="bg-light py-5">-->
                <!--        <li class="btm-20"><i class="fa fa-map-marker text-danger"></i></li>-->
                <!--        <li class="btm-10 caps font-weight-semibold text-dark">{{ __('frontstaticword.address') }}</li>-->
                <!--        <li>{{ $gsetting->default_address }}</li>-->
                <!--    </ul>-->
                <!--</div>-->
                <div class="col-md-4 my-4 my-md-0">
                    <ul class="bg-white p-4 p-lg-5 contactbox text-secondary rounded">
                        <li class="btm-20"><i class="fa fa-envelope text-danger rounded-circle"></i></li>
                        <li class="btm-10 caps font-weight-semibold text-secondary">{{ __('frontstaticword.Email') }} </li>
                        <!--<li>{{ $gsetting->wel_email }}</li>-->
                        <li class="font-size-24">info@exampay.in</li>
                    </ul>
                </div>
                <div class="col-md-4 my-4 my-md-0">
                    <ul class="bg-white p-4 p-lg-5 contactbox text-secondary rounded">
                        <li class="btm-20"><i class="fa fa-envelope text-danger rounded-circle"></i></li>
                        <li class="btm-10 caps font-weight-semibold text-secondary">{{ __('frontstaticword.Email') }} </li>
                        <!--<li>{{ $gsetting->wel_email }}</li>-->
                        <li class="font-size-24">help@exampay.in</li>
                    </ul>
                </div>
                <div class="col-md-4 my-4 my-md-0">
                    <ul class="bg-white p-4 p-lg-5 contactbox text-secondary rounded">
                        <li class="btm-20"><i class="fa fa-phone text-danger rounded-circle"></i></li>
                        <li class="btm-10 caps font-weight-semibold text-secondary">Contact Us</li>
                        <!--<li>{{ $gsetting->wel_email }}</li>-->
                        <li class="font-size-24">+91 7033137358</li>
                    </ul>
                </div>
                <!--<div class="col-md-4">-->
                <!--    <ul class="bg-light py-5">-->
                <!--        <li class="btm-20"><i class="fa fa-phone text-danger"></i></li>-->
                <!--        <li class="btm-10 caps font-weight-semibold text-dark">{{ __('frontstaticword.Phone') }}</li>-->
                <!--        <li>{{ $gsetting->default_phone }}</li>-->
                <!--    </ul>-->
                <!--</div>-->
            </div>
        </div>
    </div>
</section>
<!-- Contact us end -->

@endsection

@section('custom-script')

<script>
    
jQuery(function($) {
    // Asynchronously Load the map API 
    var script = document.createElement('script');
    script.src = "https://maps.googleapis.com/maps/api/js?key={{ $gsetting['map_api'] }}&libraries=places&callback=initialize";
    
    document.body.appendChild(script);
  });
  function initialize(){
    var myLatLng = {lat: {{ $gsetting['map_lat'] }}, lng: {{ $gsetting['map_long'] }}}; // Insert Your Latitude and Longitude For Footer Wiget Map
    var mapOptions = {
      center: myLatLng, 
      zoom: 15,
      disableDefaultUI: true,
      scrollwheel: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      styles: [{"featureType":"landscape","stylers":[{"saturation":-100},{"lightness":65},{"visibility":"on"}]},{"featureType":"poi","stylers":[{"saturation":-100},{"lightness":51},{"visibility":"simplified"}]},{"featureType":"road.highway","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"road.arterial","stylers":[{"saturation":-100},{"lightness":30},{"visibility":"on"}]},{"featureType":"road.local","stylers":[{"saturation":-100},{"lightness":40},{"visibility":"on"}]},{"featureType":"transit","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"administrative.province","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":-25},{"saturation":-100}]},{"featureType":"water","elementType":"geometry","stylers":[{"hue":"#ffff00"},{"lightness":-25},{"saturation":-97}]}]     
    }
    // For Footer Widget Map
    var map = new google.maps.Map(document.getElementById("location"), mapOptions);
    var image = 'images/icons/map.png';
    var beachMarker = new google.maps.Marker({
      position: myLatLng, 
      map: map,   
      icon: image
    });    
  }
</script>
<!-- end jquery -->

@endsection