extends ../layouts/main
block content

  .uk-margin
    div(uk-grid)
      .uk-width-expand
        h1.uk-text-truncate Newsletters
      .uk-width-auto
        a(href="/admin/newsletter/compose").uk-button.dtp-button-primary
          +renderButtonIcon('fa-plus', 'New Newsletter')
  
  .uk-margin
    if (Array.isArray(newsletters) && (newsletters.length > 0))

      ul.uk-list

        each newsletter in newsletters

          li(data-newsletter-id= newsletter._id)
            div(uk-grid).uk-grid-small.uk-flex-middle
              .uk-width-expand
                a(href=`/admin/newsletter/${newsletter._id}`).uk-display-block.uk-text-large.uk-text-truncate= newsletter.title

              .uk-width-auto
                div(uk-grid).uk-grid-small
                  .uk-width-auto
                    button(
                      type="button",
                      data-newsletter-id= newsletter._id,
                      data-newsletter-title= newsletter.title,
                      onclick="return dtp.adminApp.deleteNewsletter(event);",
                    ).uk-button.dtp-button-danger
                      +renderButtonIcon('fa-trash', 'Delete')

                  .uk-width-auto
                    button(type="button").uk-button.dtp-button-default
                      +renderButtonIcon('fa-paper-plane', 'Send')
    else
      div There are no newsletters at this time.