{!! Form::open(array('route' => $route, 'method' => 'POST' ,'id' => 'ajaxSaveAddress')) !!}

    <div class="error-msg"></div>
    <!-----NEW------------->
    <div class="form-group clearfix">
        <div class="col-md-6 p0">
            {!! Form::label("location", __('front_site.address_type'), ['class'=>'control-label']) !!}
            {!! Form::text("type", $result->type, ['class'=>'form-control','id'=>'type','placeholder'=>__('front_site.address_type') ." " . __('front_site.address_type_example')]) !!}
        </div>
        <div class="col-md-5"> <br/><br/>
            {!! Form::checkbox('default', '1', ($result->is_default==1)?true:false, ['class'=>'custom-control-input address_check']) !!}
            {!! Form::label("default", __('front_site.set_as_default_address'), ['class'=>'custom-control-label']) !!}

        </div>
    </div>
    <div class="form-group">
        <div class="row" id="container-div" style="height:100%;">
            {!! Form::text('address', $result->address, ['class'=>'input-location','id'=>'address','placeholder'=>__('front_site.enter_location'),'style'=>'margin-bottom: 12px']) !!}
            {!! Form::hidden('latitude',$result->latitude, ['id'=>'latitude']) !!}
            {!! Form::hidden('longitude',$result->longitude, ['id'=>'longitude']) !!}
            {!! Form::hidden('address_id',$result->id, ['id'=>'address_id']) !!}
            {!! Form::label("location", __('front_site.address'), ['class'=>'control-label col-md-3 col-sm-3 col-xs-12','style'=>'margin-top: 12px']) !!}
            </label>
            <div id="map" class="maps"></div>
        </div>
    </div>
    <!------- NEW ------->
    <p>
        <button type="submit" class="btn wide btn-default address-sub">{{ __('common.save')}}</button>
    </p>
    {!! Form::close() !!}
<script src="https://maps.google.com/maps/api/js?key={{ config('constants.GOOGLE_MAP_KEY') }}&callback=init&libraries=places" defer></script>
<script type="text/javascript">
    $("#ajaxSaveAddress").submit(function (e)
    {
        e.preventDefault(); // avoid to execute the actual submit of the form.

        var form = $(this);
        var url = form.attr('action');
        $.ajax({
            type: "POST",
            url: url,
            data: form.serialize(), // serializes the form's elements.
            dataType: "JSON",
            beforeSend: function () {
                $('.error-msg').removeClass('alert-danger').removeClass('alert-success').hide();
                $('.back-drop').fadeIn(100, 'linear');
                $('.loader').fadeIn(100, 'linear');
            },
            success: function (data)
            {
                if (data.status == 0) {
                    $('.error-msg').html(data.message).addClass('alert alert-danger').show();
                    setTimeout(function () {
                        $('.error-msg').fadeOut(1000);
                    }, 3000);
                }

                if (data.status == 1) {
                    $('.error-msg').html(data.message).addClass('alert alert-success').show();
                    $("#all_address").load(location.href + " #all_address");
                }
                setTimeout(function () {
                    $('.back-drop').fadeOut(100, 'linear');
                    $('.loader').fadeOut(100, 'linear');
                }, 200);

                if (data.status == 1)
                {
                    setTimeout(function () {
                        $('#dynamicLoad .close').trigger("click");
                    }, 1000);
                }
            }
        });
    });

    $("#address").keydown(function (e)
    {
        if (e.keyCode == 13) {
            e.preventDefault();
        }
    });

    /**
     * function is used to delete marker.
     *
     * @param markers
     */
    function deleteMarkers(markers)
    {
        for (let i = 0; i < markers.length; i++) {
            markers[i].setMap(null);
        }
        markers = [];
    }

    /**
     * function is used to plot location on map.
     *
     * @param coord
     * @param markers
     */
    function createMarker(coord, markers)
    {
        if (markers.length > 0) {
            deleteMarkers(markers);
        }
        var pos = new google.maps.LatLng(coord.lat(), coord.lng());
        var marker = new google.maps.Marker({
            map: map,
            position: pos,
            icon: 'https://maps.google.com/mapfiles/ms/icons/red-dot.png',
            draggable: false
        });
        markers.push(marker);
    }

    var map;
    var latlng;
    var zoom = 11;
    // LOCATION IN LATITUDE AND LONGITUDE.

    function init()
    {
       @if(($result->latitude) && $result->longitude)
        latlng = new google.maps.LatLng("{{ $result->latitude }}", "{{ $result->longitude}}");
        zoom = 13;
        @else
        latlng = new google.maps.LatLng("{{ $store->latitude }}", "{{ $store->longitude}}");
       @endif

        var mapOptions = {
            center: latlng,
            mapTypeControl : false,
            zoom: zoom,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var markers = [];
        var marker = '';
        map = new google.maps.Map(document.getElementById("map"), mapOptions);
        marker = new google.maps.Marker({
            map: map,
            position: latlng,
            icon: 'https://maps.google.com/mapfiles/ms/icons/red-dot.png',
            draggable: true
        });
        markers.push(marker);

        /* on click plot location on map */
        // map click event //
        google.maps.event.addListener(map, 'click', function(e)
        {
            //deleteMarkers(markers);
            var latlng = new google.maps.LatLng(e.latLng.lat(), e.latLng.lng());
            var geocoder = geocoder = new google.maps.Geocoder();
            geocoder.geocode({
                'latLng': latlng
            }, function(results, status)
            {
                if (status == google.maps.GeocoderStatus.OK)
                {
                    if (results[0])
                    {
                        document.getElementById('address').value = results[0].formatted_address;
                        $('#latitude').val(e.latLng.lat());
                        $('#longitude').val(e.latLng.lng());
                        createMarker(e.latLng, markers);
                    }
                }
            });
        });

        var input = document.getElementById('address');
        var autocomplete = new google.maps.places.Autocomplete(input);
        google.maps.event.addListener(autocomplete, 'place_changed', function ()
        {
            var place = autocomplete.getPlace();
            //alert(place.formatted_address + ' ' + place.geometry.location.lat() + ' ' + place.geometry.location.lng());
            map.setCenter(place.geometry.location);
            map.setZoom(12);
            document.getElementById('address').value = place.formatted_address;
            $('#latitude').val(place.geometry.location.lat());
            $('#longitude').val(place.geometry.location.lng());
        });
    }
</script>