<!DOCTYPE html>

<!-- Layout template for the Angular single-page application -->

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

<head>
	<title>{{title}}</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">
	<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}}">

	<!-- Fav Icon
	<link href="/modules/core/img/brand/favicon.ico" rel="shortcut icon" type="image/x-icon">
    -->

	<!--Application CSS Files-->
    {{#each cssFiles}}
	    <link rel="stylesheet" href="{{this}}">
    {{/each}}

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

<body>
    <header data-ng-include="'/modules/views/header/src/header.client.view.html'"></header>

    {{{body}}}

    <footer data-ng-include="'/modules/views/footer/src/footer.client.view.html'"></footer>

	<!--Embedding the version-->
	<script type="text/javascript">
		window.appVersion = "{{appVersion}}";
	</script>

	<!--Application JavaScript Files-->
    {{#each jsFiles}}
	    <script type="text/javascript" src="{{this}}"></script>
    {{/each}}
</body>

</html>
