extends layout

block head
  link(rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.min.css' integrity='sha256-wiMI7buOV5UBzdWN4s4kXqE/LZ794hx5oJOOIQlDBaM=' crossorigin='anonymous')
  link(rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-touchspin/4.3.0/jquery.bootstrap-touchspin.min.css' integrity='sha256-lo84g8NnZnmj6M802u7YMGf8mMuoQYV4xKEIb2DrRnk=' crossorigin='anonymous')
  link(rel='stylesheet' href='/main.css')

block content
  a.position-absolute.dropdown-menu-right.d-none.d-sm-block(href='https://github.com/JoeBiellik/paste' aria-hidden='true')
    img(src='https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png' alt='Fork me on GitHub')

  main.container.py-3.pt-sm-5.pb-md-5
    h1.display-3= title

    form(action='/?redirect' method='POST')
      label.sr-only(for='paste') Paste content
      textarea#paste.my-3.my-sm-5.form-control(name='paste' rows='10' required autofocus)

      .row
        .col-12.col-md-9.mb-3.mb-sm-4.clearfix
          label.d-block.float-sm-left(for='highlight') Highlight
          select#highlight.custom-select.float-sm-left(name='highlight' data-live-search='true' data-style='text-dark border-gray' data-stylebase='custom-select')
            each val, key in highlights
              option(value=key data-tokens=(val.alias || []).join(' ') || false)= val.name

        .col-md-9.col-sm-12.mb-3.clearfix
          label.d-block.float-sm-left(for='expire') Expiry
          input#expire.mr-3.form-control.text-center.float-sm-left(name='expire' type='text' value=expires.default.value required)
          label.sr-only(for='multiplier') Expiry period
          select#multiplier.custom-select.float-sm-left(name='multiplier' required)
            each val, key in expires.multipliers
              option(value=key selected=key == expires.default.multiplier)= val

        .col-12.col-md-3.mb-3.text-md-right
          button.btn.btn-primary.btn-lg(type='submit') Upload

  footer.w-100.position-absolute.d-none.d-md-block
    pre.text-center.text-muted.mb-0 echo 'Hello World'
      span.user-select-all  | curl -F 'paste=<-' #{url}

  script(src='https://cdnjs.cloudflare.com/ajax/libs/autosize.js/4.0.2/autosize.min.js' integrity='sha256-dW8u4dvEKDThJpWRwLgGugbARnA3O2wqBcVerlg9LMc=' crossorigin='anonymous')
  script(src='https://code.jquery.com/jquery-3.5.1.min.js' integrity='sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=' crossorigin='anonymous')
  script(src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.bundle.min.js' integrity='sha256-Xt8pc4G0CdcRvI0nZ2lRpZ4VHng0EoUDMlGcBSQ9HiQ=' crossorigin='anonymous')
  script(src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/js/bootstrap-select.min.js' integrity='sha256-qo0Cam4XJ0QQ06XnCiCFYBh3GDXU45j3lpUp+em2yBU=' crossorigin='anonymous')
  script(src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-touchspin/4.3.0/jquery.bootstrap-touchspin.min.js' integrity='sha256-i215zpldm5iRs4r/PqXbdfyahPFuW/gtPECq5Dn3gSc=' crossorigin='anonymous')
  script(src='/main.js')