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

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

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

	{% block mainContent %}
		<article role="navigation">
			<section id="nav-items">
				{% for item in menu %}
					<div id="{{ item.id }}" class="nav-item" data-slug="{{ item.slug }}" data-uuid="{{ item.uuid }}" data-path="{{ item.path }}">
						<i class="ti ti-arrows-move-vertical"></i>
						<label>{{ item.title }}</label>
						<div id="nav-btns">
							<button id="edit-item" class="nav-btn" data-id="{{ item.uuid }}" title="edit page">
								<i class="ti ti-edit"></i>
							</button>
							<button id="remove-item" class="nav-btn" data-uuid="{{ item.uuid }}" data-id="{{ item.id }}" title="delete from menu">
								<i class="ti ti-x"></i>
							</button>
						</div>
					</div>
				{% endfor %}
			</section>
		</article>
	{% endblock %}
