{% block css %}
<link type="text/css" rel="stylesheet" href="/themes/default/css/menu.css">
{% for button in menu %}
{% if button.icon %}
<link type="text/css" rel="stylesheet" href="/themes/default/css/icons/{{ button.icon.class|replace({' ': '_'}) }}.css">
{% endif %}
{% endfor %}
{% endblock %}

{% block body %}
<nav id="menu">
	{% for button in menu %}
	<a href='{{ button.urn }}' onclick="return core.loader.load('{{ button.urn }}');" type="button" class="unselectable"
		title="{{ button.name }}" {% if button.style %}
		style="{% for parameter, value in button.style %}{{ parameter ~ ': ' ~ value ~ '; ' }}{% endfor %}" {% endif %}>
		{% if button.icon %}
		<i class="icon {{ button.icon.class }}" {% if button.icon.style %}
			style="{% for parameter, value in button.icon.style %}{{ parameter ~ ': ' ~ value ~ '; ' }}{% endfor %}" {% endif
			%}></i>
		{% endif %}
		<span>{{ button.name }}</span>
		{% if button.image.storage %}
		<img src="{{ button.image.storage }}" alt="{{ button.name }}" ondragstart="return false;">
		{% endif %}
	</a>
	{% endfor %}
</nav>
{% endblock %}

{% block js %}
<script src="/js/menu.js"></script>
{% endblock %}
