extends ../layouts/main
block vendorcss
  link(rel='stylesheet', href=`/cropperjs/cropper.min.css?v=${pkg.version}`)
block vendorjs
  script(src=`/cropperjs/cropper.min.js?v=${pkg.version}`)
block content

  include ../components/file-upload-image

  //- h2 Add or replace your site images here
  div(uk-grid).uk-flex-middle
    .uk-width-expand
      fieldset
        legend Site Icon
        .uk-margin
          if siteIcon 
            p.uk-card-title Replace your site icon below. 
          else
            p.uk-card-title You do not currently have a site icon. Add one below.
        +renderFileUploadImage(
          `/admin/settings/images/updateSiteIcon`,
          'site-icon-upload',
          'site-icon-file',
          'site-icon-picture',
          `/img/icon/dtp-sites.png`,
          siteIcon,
          { aspectRatio: 1 },
        )

  div(uk-grid).uk-flex-middle
    .uk-width-expand
      fieldset
        legend Default poster
        .uk-margin
          if postImage 
            p.uk-card-title Replace your default post image below. 
          else
            p.uk-card-title You do not currently have a default post image. Add one below.
        +renderFileUploadImage(
          `/admin/settings/images/updatePostImage`,
          'site-post-upload',
          'site-post-file',
          'site-post-picture',
          `/img/default-poster.jpg`,
          postImage,
          { aspectRatio: 16/9 },
        )