extends frame
block main-content
      #nav-index
        #nav-index-wrapper
            #nav-pages
                - var index = 0;			
                - for ( index; index < menu.length; index++)
                    .nav-item(id=menu[index].id, data-slug=menu[index].slug, data-uuid=menu[index].uuid, data-path=menu[index].path) 
                        svg#item-arrows(viewBox="0 0 20 20" class="icons")
                            use(xlink:href='/assets/images/global/sprite.svg#entypo-select-arrows')
                        label
                            = menu[index].title
                        #nav-btns
                            button.nav-btn#edit-item(data-id=menu[index].uuid) EDIT
                            button.nav-btn#remove-item(data-id=menu[index].id, data-uuid=menu[index].uuid) REMOVE