extends ../layouts/main
block content

  .uk-card.uk-card-secondary.uk-card-body.uk-margin
    fieldset.uk-fieldset
      legend.sr-only Channel Information
      div(uk-grid)
        .uk-width-expand
          .uk-margin
            label.uk-form-label Channel Name:
            .uk-text-large.uk-text-bold= application.name
        .uk-width-auto
          .uk-margin
            label.uk-form-label Owner:
            div
              a(href=`mailto:${application.owner.email}?subject=${encodeURIComponent(site.name)}${encodeURIComponent(': ')}${encodeURIComponent(application.name)}`)= application.owner.displayName || application.owner.email
        .uk-width-auto
          .uk-margin
            label.uk-form-label Phone:
            div
              a(href=`tel:${application.contact.phone.number}`)= application.contact.phone.number
        .uk-width-auto
          .uk-margin
            label.uk-form-label Submitted:
            div= moment(application.created).fromNow()

      .uk-margin
        label.uk-form-label Description
        div!= marked(application.description)

      div(uk-grid)
        .uk-width-auto
          .uk-margin
            label.uk-form-label Category
            div= application.category.name
        .uk-width-auto
          .uk-margin
            label.uk-form-label Short Name
            div= application.slug
        .uk-width-auto
          .uk-margin
            label.uk-form-label Search Tags
            div= application.tags ? application.tags.join(',') : 'N/A'

  .uk-card.uk-card-secondary.uk-card-body.uk-margin
    fieldset.uk-fieldset
      legend.uk-legend Interview  
      
      div(uk-grid)
        div(class="uk-width-1-1 uk-width-auto@m")
          .uk-margin
            label.uk-form-label Audience Size
            div= application.interview.audienceSize
        div(class="uk-width-1-1 uk-width-auto@m")
          .uk-margin
            label.uk-form-label Demo URL
            div
              a(href= application.interview.demoUrl)= application.interview.demoUrl

      .uk-margin
        label.uk-form-label History
        div!= marked(application.interview.history)

  .uk-card.uk-card-secondary.uk-card-body.uk-margin
    form(method="POST", action=`/admin/channel-application/${application._id}`).uk-form
      .uk-margin
        label(for="rejected-reason").uk-form-label Rejection explanation
        textarea(id="rejected-reason", name="rejectedReason", rows="4", placeholder= "Enter reason for rejecting").uk-textarea
      div(uk-grid)
        .uk-width-auto
          button(type="submit", name="action", value="approve").uk-button.uk-button-primary
            span
              i.fas.fa-check
            span.uk-text-bold.uk-margin-small-left Approve
        .uk-width-auto
          button(type="submit", name="action", value="reject").uk-button.uk-button-danger
            span
              i.fas.fa-times
            span.uk-text-bold.uk-margin-small-left Reject