extends ../layouts/main
block content

  include ../sticker/components/sticker

  section.uk-section.uk-section-default.uk-section-small
    .uk-container
      .uk-card.uk-card-default
        .uk-card-header.uk-text-center
          h1.uk-card-title :#{sticker.slug}:
        .uk-card-body
          .uk-margin-small
            +renderSticker(sticker)
          .uk-text-small.uk-text-center
            div #{sticker.encoded.type}, orig: #{numeral(sticker.original.size).format('0,0.0a')}, encoded: #{numeral(sticker.encoded.size).format('0,0.0a')}
        .uk-card-footer
          div(uk-grid).uk-flex-center
            .uk-width-auto
              button(
                type="button",
                data-sticker-id= sticker._id,
                data-sticker-slug= sticker.slug,
                onclick="return dtp.app.deleteSticker(event);",
              ).uk-button.dtp-button-danger Remove Sticker
            .uk-width-auto
              include ../components/back-button