<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>{{ .ClientCfg.SiteName }} - Error</title>

    <link rel="stylesheet" href="/static/css/bootstrap-3.3.5.min.css">
    <link rel="stylesheet" href="/static/css/jasny-bootstrap.min.css" rel="stylesheet">

    <script src="/static/js/react-with-addons-0.13.3.min.js"></script>
    <script src="/static/js/jquery-1.11.1.min.js"></script>
    <script src="/static/js/bootstrap-3.3.5.min.js"></script>
    <script src="/static/js/react-bootstrap-0.25.1.min.js"></script>

    <link id="favicon" rel="icon" href="/static/images/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="/static/images/favicon.ico" type="image/x-icon">
    <link href='/static/css/google-fonts.css' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="/static/css/styles.css">


</head>
<body class="white error">
	<div class="container-fluid">
		<div class="error__container">
			<div class="error__icon"><i class="fa fa-exclamation-triangle"></i></div>
			<h2>{{ .ClientCfg.SiteName }} needs your help:</h2>
			<p>{{ .Props.Message }}</p>
			<a href="{{.Props.SiteURL}}">Go back to team site</a>
		</div>
	</div>
</body>
<script>
	var details = "{{ .Details }}";
	if (details.length > 0) {
		console.log("error details: " + details);
	}
</script>
</html>
