extends ../../layout/main
block content

  include ../../channel/components/list-item

  section.uk-section.uk-section-default.uk-section-small
    .uk-container.uk-width-large

      form(method="POST", action=`/user/${userProfile._id}/redeem/channel-pass`).uk-form
        .uk-card.uk-card-default.uk-card-small
          .uk-card-header
            h1.uk-card-title Redeem Channel Pass

          .uk-card-body
            if pass && pass.channel
              .streamray-recommendation-list.uk-margin
                +renderChannelListItem(pass.channel)
              .uk-text-lead= pass.name
              div= pass.description

            .uk-margin
              label(for="token").uk-form-label Enter Channel Pass Code
              input(id="token", name="token", placeholder="Enter Channel Pass Code", value= query ? query.token : undefined).uk-input

          .uk-card-footer
            button(type="submit").uk-button.dtp-button-primary Redeem Code