{% macro buttonsView(buttons,page) %} {% if buttons %}
<div class="custom-buttons">
	{% for button in buttons %} {% if button.Position==page %}
	<a href="/button/press/{{button.ID}}" class="{{button.Color}} {{button.Condition}}" {% if button.ConfirmText!="" %} onclick="return confirm('{{button.ConfirmText}}');"
	  {% endif %}>{{button.Name}}</a>
	{% endif %} {% endfor %}
</div>
{% endif %} {% endmacro %}{% macro helpModal(helpFiles,title) %} {% if helpFiles %}
<a href="#" class="help hh" data-files="{{helpFiles}}" translate>ⓘ</a>
{% endif %} {% endmacro %}{% macro formulaModal(title) %}
<a href="#" class="help" data-files="formula" data-run="true" translate>∑</a>
{% endmacro %}{% macro regenerateRequired() %}
<a href="#" class="help regen" data-files="regenerate-required">⟲</a>
{% endmacro %}
<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="icon" href="/static/favicon.ico">

	<!-- Bootstrap core CSS -->
	<link href='/static/boot3/css/bootstrap.{{theme}}.min.css' rel="stylesheet">

	<!-- Custom styles for this template -->
	<link href='/static/css/main.css' rel="stylesheet">
	<title>{% if title %}{{ title }}{% endif %}</title>
	{% block head %} {% endblock %}
</head>

<body data-lang="{{lang}}">
	<!-- Fixed navbar -->
	<nav class="navbar navbar-default navbar-fixed-top">
		<div class="container">{% include "menu.html" %}</div>
	</nav>

	<div class="container">
		{% block content %} {% endblock %}
	</div>
	<!-- /container -->


	<script src='/static/boot3/js/jquery.min.js'></script>
	<script src='/static/boot3/js/bootstrap.min.js'></script>
	<script src='/static/js/jquery.imgareaselect.dev.js'></script>
	<script src='/static/js/favico-0.3.10.min.js'></script>
	<script src='/static/js/jquery.sparkline.min.js'></script>
	<script src='/static/js/conditionize.flexible.jquery.min.js'></script>	
	<script src='/static/js/main.js'></script>
	<script src='/static/js/formula.js'></script>
	<script src='/static/js/slicer.js'></script>
	<script src='/static/js/preview.js'></script>
	<script src='/static/js/three.js'></script>
	<script src='/static/js/po.js'></script>
	{% block js %} {% endblock %} {% block tail %} {% endblock %}
	<div class="modal fade" id="helpModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel"></h4>
				</div>
				<div class="modal-body"></div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal" translate>Close</button>
				</div>
			</div>
		</div>
	</div>
</body>

</html>