<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>{{title}} Form</title>

	<!-- General META -->
	<meta charset="utf-8">
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<!-- Semantic META -->
	<meta name="keywords" content="{{keywords}}">
	<meta name="description" content="{{description}}">

	<!-- Facebook META -->
	<meta property="og:site_name" content="{{title}}">
	<meta property="og:title" content="{{title}}">
	<meta property="og:description" content="{{description}}">
	<meta property="og:url" content="{{url}}">
	<meta property="og:image" content="/img/brand/logo.png">
	<meta property="og:type" content="website">

	<!-- Twitter META -->
	<meta name="twitter:title" content="{{title}}">
	<meta name="twitter:description" content="{{description}}">
	<meta name="twitter:url" content="{{url}}">
	<meta name="twitter:image" content="/img/brand/logo.png">

	<style>
		.loader {
			position: fixed;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			z-index: 9999;
			background: url('/static/dist/page-loader.gif') 50% 35% no-repeat rgb(249,249,249);
			background-size: 50px 50px;
		}
	</style>

	<script src="/static/lib/jquery/dist/jquery.slim.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(window).on("load", function() {
			$(".loader").fadeOut("slow");
		});
	</script>

	<!-- Fav Icon -->
	<link href="/static/modules/core/img/brand/favicon.ico" rel="shortcut icon" type="image/x-icon">
	<link rel="stylesheet" href="/static/lib/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="/static/lib/bootstrap/dist/css/bootstrap.min.css">
	<!--Bower CSS dependencies-->
	{% for bowerCssFile in bowerCssFiles %}
	<link rel="stylesheet" href="{{bowerCssFile}}">
	{% endfor %}
	<link rel="stylesheet" href="/static/lib/angular-input-stars/angular-input-stars.css">
	<link rel="stylesheet" href="/static/lib/jquery-ui/themes/flick/jquery-ui.min.css"/>

	<!-- end Bower CSS dependencies-->

	<!--Application CSS Files-->
	{% for cssFile in cssFiles %}
	<link rel="stylesheet" href="{{cssFile}}">
	{% endfor %}
	<!-- end Application CSS Files-->


	<!-- HTML5 Shim -->
	<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>

<body ng-cloak>
<div class="loader"></div>


<section class="content">
	<section ui-view></section>
</section>

<!-- [if lt IE 9]>
<section class="browsehappy jumbotron hide">
	<h1>Hello there!</h1>
	<p>You are using an old browser which we unfortunately do not support.</p>
	<p>Please <a href="http://browsehappy.com/">click here</a> to update your browser before using the website.</p>
	<p><a href="http://browsehappy.com" class="btn btn-primary btn-lg" role="button">Yes, upgrade my browser!</a></p>
</section>
<![endif] -->


<!--Embedding The User Object signupDisabled, socketPort and socketUrl Boolean--->
<script type="text/javascript">
	var user = {{ user | json | safe }};
	var signupDisabled = {{signupDisabled | safe}};
	var socketPort = {{socketPort | safe}};
	var socketUrl = "{{socketUrl | safe}}";
	var subdomainsDisabled = {{subdomainsDisabled | safe}};
</script>

<!--Socket.io Client Dependency-->
<script src="/static/lib/socket.io-client/dist/socket.io.min.js" async></script>
<script src="/static/lib/jquery/dist/jquery.min.js" type="text/javascript"></script>

<script src="/static/dist/vendor.min.js"></script>

<!--Application JavaScript Files-->
{% for jsFile in formJSFiles %}
<script type="text/javascript" src="{{jsFile}}"></script>
{% endfor %}
<!-- end Application Javascript dependencies-->

{% if process.env.NODE_ENV === 'development' %}
<!--Livereload script rendered -->
<script async type="text/javascript" src="http://{{request.hostname}}:35729/livereload.js"></script>
{% endif %}

<script async>
	Raven.config('https://825fefd6b4ed4a4da199c1b832ca845c@sentry.tellform.com/2').install();
</script>

<script async>
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
				(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

	ga('create', '{{google_analytics_id}}', 'auto');
	ga('send', 'pageview');
</script>

</body>

</html>
