@extends('layouts/default')

@section('content')
<div class="row">
	<div class="col-md-offset-3"> 
	    <div class="col-md-12">  
	    	<h1>Wel-come Quick Books Connection Page</h1>
	    </div>
	    <div class="col-md-12">  
	    	<button type="button" class="btn bg-blue" onclick="loginPopup()">Click to Connect</button>
	    </div>
	</div>
</div>

<script type="text/javascript">
	var url = '';
	function loginPopup() 
	{
     // Launch Popup
        var parameters = "location=1,width=800,height=650";
        parameters += ",left=" + (screen.width - 800) / 2 + ",top=" + (screen.height - 650) / 2;
        var win = window.open(url, 'connectPopup', parameters);

        var pollOAuth = window.setInterval(function () {
            try {
                console.log(win.document.URL.indexOf("code"));
                if (win.document.URL.indexOf("code") != -1) {
                    console.log(win);
                    window.clearInterval(pollOAuth);
                    win.close();
                    location.reload();
                }
            } catch (e) {
                console.log(e)
            }
        }, 100);
    }
</script>
@stop