extends layouts/main-sidebar
block content

  include link/components/list-item
  include link/components/editor

  .uk-margin-large
    div(uk-grid).uk-grid-small.uk-flex-middle
      .uk-width-expand
        h1.uk-margin-remove= user.displayName || user.username
      .uk-width-auto
        a(href='/dashboard').uk-button.dtp-button-default.uk-button-small
          +renderButtonIcon('fa-tachometer-alt', 'Dashboard')
      .uk-width-auto
        button(type="button", uk-toggle={ target: '#link-editor' }).uk-button.dtp-button-primary.uk-button-small
          +renderButtonIcon('fa-plus', 'Add Link')
  
  #link-editor(hidden).uk-margin-large
    .uk-card.uk-card-secondary.uk-card-small.uk-card-body
      +renderLinkEditor('#link-editor')

  .uk-margin
    if Array.isArray(links) && (links.length > 0)
      ul#links-list.uk-list.uk-list-divider
        each link in links
          +renderLinksListItem(link)

    else
      div You have no links.

block viewjs
  script.
    window.addEventListener('dtp-load', ( ) => {
      dtp.app.attachLinksListManager();
    });