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

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

{% block stylesheets %}
	<link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=sdsdsds">
	{% 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">
								<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 }}" title="edit page">
									<svg>
										<use xlink:href="/assets/images/global/sprite.svg#entypo-edit"/>
									</svg>
								</button>
								<button id="remove-item" class="nav-btn" data-uuid="{{ item.uuid }}" data-id="{{ item.id }}" title="delete from menu">
									<svg>
										<use xlink:href="/assets/images/global/sprite.svg#entypo-cross"/>
									</svg>
								</button>
							</div>

						</div>
					{% endfor %}
				</div>
			</div>
		</div>
	{% endblock %}