<div class="columns">
	<div class="column">
		<div class="field has-addons is-expanded">
			<div class="control has-icons-left is-expanded">
				<input id="input" class="input is-medium is-fullwidth" type="text" placeholder="Adresse, Ort oder Örtlichkeit">
				<span class="icon is-medium is-left">
					<span id="formState" class="fas fa fa-home"></span>
				</span>
			</div>
			<div class="control">
				<a id="gps_button" class="button is-custom is-medium">
					<i class="fam fa fa-map-marker"></i>
				</a>
			</div>
			<div class="control">
				<a id="calculate_button" class="button is-custom is-medium">
					Berechnen
				</a>
			</div>
		</div>
	</div>
</div>
<script>
$(document).ready(function(){var e=$("#input");function n(){i("Es ist ein Fehler aufgetreten","Deine Position konnte nicht ermittelt werden!")}function t(e){o(e.coords.latitude+","+e.coords.longitude)}function i(e,n){$("#resSection").fadeOut(250,function(){$("#errResultTitle").text(e),$("#errResultContent").text(n),$("#errSection").fadeIn(250,function(){s("fa-exclamation-triangle")})})}function o(e){$("#errSection").fadeOut(250);(new google.maps.DistanceMatrixService).getDistanceMatrix({origins:["Waldaschaff Brentanostrasse 12 Germany DE"],destinations:[e],travelMode:"DRIVING",unitSystem:google.maps.UnitSystem.METRIC,avoidHighways:!1,avoidTolls:!1},function(e,n){"OK"===n&&"NOT_FOUND"!=e.rows[0].elements[0].status?$("#resSection").fadeOut(250,function(){var n=Math.round(e.rows[0].elements[0].distance.value/1e3),t=Math.floor(1*(n-25)),i=e.destinationAddresses;null==n||isNaN(n)||($("#destination_address").text(i),$("#input").val(i),$("#destination_distance").html("<strong>"+n+" Kilometer </strong> Entfernung"),n>25?$("#destination_cost").html("Wir berechnen Ihnen <strong>"+t+" €</strong> Streckenkosten"):$("#destination_cost").html("Wir berechnen Ihnen <strong>keine</strong> Streckenkosten"),n>50&&$("#hugeDistance").fadeIn(100)),$("#resSection").fadeIn(250,function(){s("fa-check")})}):i("Es ist ein Fehler aufgetreten","Die angegebene Adresse konnte nicht gefunden werden")})}function s(e){var n=$("#formState"),t=n.attr("class").split(/\s+/)[2];e!==t&&n.fadeTo(250,0,function(){n.removeClass(t).addClass(e).fadeTo(250,1)})}$("#gps_button, #gps_link").click(function(){s("fa-spinner"),navigator.geolocation.getCurrentPosition(t,n)}),$("#calculate_button").click(function(){s("fa-spinner"),o(e.val())}),e.keypress(function(n){if(13==n.which)return s("fa-spinner"),o(e.val()),!1})});
</script>