Untitled

<!DOCTYPE HTML>
<!--
	Aerial by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>

<head>
	<title>Recepção</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="assets/css/main.css" />
	<noscript>
		<link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>

<body class="is-preload">
	<div id="wrapper">
		<div id="main">

			<!-- Header -->
			<header id="header">
				<h1>Bem-vindo!!</h1>
				<nav>
					<ul>
						<li><img src="assets/css/images/smartbr.png" onclick="abreAlertaSmartBR(7066)" class="img"></li>
						<li><img src="assets/css/images/evocont.png" onclick="abreAlertaSmartBR(7085)" class="img"></li>
						<li><img src="assets/css/images/arktus.png"  onclick="abreAlertaSmartBR(7099)" class="img"></li>
						<li><img src="assets/css/images/focus.png"   onclick="abreAlertaSmartBR(7074)" class="img"></li>
					</ul>
				</nav>
			</header>

		</div>
	</div>

	<script>
		function abreAlertaSmartBR(ramal) {
			var xhttp = new XMLHttpRequest();
			xhttp.onreadystatechange = function () {
				if (this.readyState == 4 && this.status == 200) {
					document.getElementById("demo").innerHTML = this.responseText;
				}
			};

			xhttp.open("POST", "http://192.168.10.175/rest/c2c/?user=crmteste&pass=mea2312!&number1="+ramal+"&number2=8887&id_crm=2&direction=1&exten=5004&id_crm_call=12345", true);
			xhttp.send();

			ramalSelecionado = " ";

            $('#overlay').modal('show');
            setTimeout(function() {
            $('#overlay').modal('hide');
            }, 3000);


			//alert("\nEstamos efetuando uma ligação para o setor selecionado.\n\nEm breve alguém estará lhe recepcionando!!");
		}


		window.onload = function () { document.body.classList.remove('is-preload'); }
		window.ontouchmove = function () { return false; }
		window.onorientationchange = function () { document.body.scrollTop = 0; }
	</script>

		<div class="modal fade" id="overlay">
			<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
				<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
				<p>Context here</p>
				</div>
			</div>
			</div>
		</div>

</body>

</html>