@extends('admin.layout')
@section('content')
<style>
 #address-input { 
		width: 85% !important;
		padding: 7px;
		margin-bottom: 10px;
		display: inline !important;
	}
#submitBtn{
	width: 100px;
    padding: 7px;
}
</style>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="content-wrapper"> 
  <section class="content"> 
<div class="row">
<div class="col-md-7">

<form method="post" >
 <script type="text/javascript" id="telkomscript">
  (function() {
	  function loadMap(callback){
		   console.info('Loading Map');
		   var ax = document.createElement('script');
		   ax.id = 'mainscript';
		   ax.type = 'text/javascript';
		   ax.async = true;
		  
		   ax.src = 'https://rcp.axxess.co.za/public/js/telkomLteJs.php?key=AIzaSyAu7KruXODPs3Ghju0FJB5LO8vW-Jc6Jzo&width=100%&height=500px';
		   var s = document.getElementsByTagName('script')[0];
		   s.parentNode.insertBefore(ax, s);
		   console.info('Calling Back');
		   callback();
	  }
	  
	function rafAsync() {
		return new Promise(resolve => {
			requestAnimationFrame(resolve); //faster than set time out
		});
	}
	  
	  async function checkElement(el, selector) {
			var checkExist = setInterval(function() {
			   if ($(selector).length) {
				  console.log("Exists!");
				  var place3 = document.querySelector(selector);
				   place3.parentNode.insertBefore(el, place3.nextSibling);
				   place3.value = "";
				   
				   
			$(document).on('keypress', ':input:not(textarea):not([type=submit])', function (e) {
				if (e.which == 13) e.preventDefault();
			});


				  clearInterval(checkExist);
			   }
			}, 100);
		}

	  function loadSubmitBtn(){
		  console.info('Loading Button');
		   var smit = document.createElement('input');
		   smit.type = "submit";
		   smit.value = "CHECK";
		   smit.id = "submitBtn";
		   
		   var s = document.getElementsByTagName('script')[0];
		   var sbtn = document.getElementsByTagName('input')[1];
		
		    var place = document.getElementById("myplaceholder");
			var place2 = document.querySelector('#myplaceholder');
			var place3 = document.querySelector('#address-input');
			console.info('checking Element');
			checkElement(smit, "#address-input");			
	
	  }
   
	loadMap(loadSubmitBtn);
  }
  
  )();
 </script>
 
 </form>
 
 </div>
 

 	<div class="col-md-5">
	<br/><br/><br/>
		<div class="panel panel-default">
			<div class="panel-heading">Fibre</div>
			<div class="panel-body">
											</div>
		</div>	
			
		<br/>	
		<div class="panel panel-default">
			<div class="panel-heading">LTE</div>
			<div class="panel-body">
				<i class="fa fa-question-circle" style="font-size: 30px; color: #5FB3C6" aria-hidden="true">   UNKNOWN</i>
			</div>
		</div>
	</div>
</div>

<hr/>
<div class="row">

	<div class="col-md-12">
		<div class="col-md-8 col-offset-2">
					
		</div>
	</div>
</div>

 </section>
 </div>
 

 <script>
	function getMapLocation() {
	var maplocation = document.getElementById('address-input');
	console.log(maplocation);
	}
 </script>
@endsection