{% extends "dash/_frame.twig" %}

{% block title %}
	{{ title }}
{% endblock %}

{% block stylesheets %}
	<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=adfafd">
	{% endblock %}

	{% block mainContent %}
		<div id="nav-index">
			<div id="nav-index-wrapper">
				<div id="nav-pages">
					{% for item in menu %}
						<div id="{{item.id}}" class="nav-item" data-slug="{{item.slug}}" data-uuid="{{item.uuid}}" data-path="{{item.path}}">
							<svg id="item-arrows" viewbox="0 0 20 20" class="icons">
								<use xlink:href="/assets/images/global/sprite.svg#entypo-select-arrows"/>		
							</svg>
							<label>{{item.title}}</label>
							<div id="nav-btns">
								<button id="edit-item" class="nav-btn" data-id="{{item.uuid}}">EDIT</button>
								<button id="remove-item" class="nav-btn" data-uuid="{{item.uuid}}" data-id="{{item.id}}">REMOVE</button>
							</div>
							
						</div>
					{% endfor %}
				</div>
			</div>
		</div>
	{% endblock %}

	{% block javascripts %}
		<script src="/assets/scripts/dash.min.js" type="text/javascript"></script>
	{% endblock %}