<button class="btn btn-success" data-target="#us6-dialog" data-toggle="modal" style="padding-left:77px;padding-right:77px">Gunakan Google Maps Pick</button>
						 <button class="btn btn-warning" data-target="#us5-dialog" data-toggle="modal" >?</button>
						 <div id="us5-dialog" class="modal fade">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header">
										<h4 class="modal-title">Cara Pakai Google Maps Pick</h4>
									</div>
									<div class="modal-body">
										<div class="form-horizontal" style="width: 550px">
											1. Buka menu</br>
											2. Gunakan search untuk mencari alamat daerah terdekat</br>
											3. Zoom (perkecil & perbesar) gunakan ctrl+scroll</br>
											4. Pindahkan "Pin Merah" (marker) ke lokasi peroperty yang dijual</br>
											5. Klik "Save changes" lalu latitude & longitude akan terisi otomatis
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
									</div>
								</div>
							</div>
						</div>

						 <div id="us6-dialog" class="modal fade">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
										<h4 class="modal-title" id="judulModel">Pick Location of Property</h4>
									</div>
									<div class="modal-body">
										<div class="form-horizontal" style="width: 550px">
											<input class="form-control" id="search" name="search" type="text" placeholder="Search..." ></br>
											<div id="map" style="width: 100%; height: 400px;"></div>
											<script>
												function initMap() {
													var input = document.getElementById('search');
													var autocomplete = new google.maps.places.Autocomplete(input);
												}

												google.maps.event.addDomListener(window, 'load', init);
											</script>
											<script>
											function initMap() {
												var myLatLng = {lat: -7.257472, lng: 112.752090};

												var map = new google.maps.Map(document.getElementById('map'), {
												  zoom: 15,
												  center: myLatLng,
												  mapTypeId: google.maps.MapTypeId.ROADMAP
												});

												var marker = new google.maps.Marker({
												  map: map,
												  draggable: true,
												  animation:google.maps.Animation.DROP,
												  position: myLatLng
												});

												geocodePosition(marker.getPosition());

												google.maps.event.addListener(marker,'dragend',function(){
													map.setCenter(marker.getPosition());
													geocodePosition(marker.getPosition());
													$("#txt_latitude").val(marker.getPosition().lat());
													$("#txt_longitude").val(marker.getPosition().lng());

												});

												//var input = document.getElementById('search');
												//var autocomplete  = new google.maps.places.Autocomplete(input);

											}
												//google.maps.event.addDomListener(window, 'load', init);

												function geocodePosition(pos){
													geocoder = new google.maps.Geocoder();
													geocoder.geocode({
														latLng:pos
													},
													function(result,status){
														if(status == google.maps.GeocoderStatus.OK){
															$("#judulModel").html(result[0].formatted_address);
															//$("#txt_street_address").val(result[0].formatted_address);
														}else{
															$("#judulModel").html('No address in Database.');
														}
													}
													);
												}



											</script>
											<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBwubk6zcichQlDQoYxBjJps1PE8DMl6rk&callback=initMap"
												async defer></script>
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-primary" data-dismiss="modal">Save changes</button>
									</div>
								</div>
								<!-- /.modal-content -->
							</div>
							<!-- /.modal-dialog -->
						</div>
						<!-- /.modal