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