- provide(:page_name, 'amazon_lessons_promo_1')
- provide(:description, @description)
- provide(:title, @title)

#root
  .logo-holder
    = image_tag("content/amazon_logo.jpg")

  .steps
    = image_tag("content/1-2-with-1-Bold.png")

  .instructions
    = 'Paste or enter your promotional code so we can validate it and credit you with 2 free lessons.'

  form.code-form method='POST' action='/account/activate/code'
    .code-input
      label.code-prompt.promo-code
        = 'Promo Code:'
      - if @error
        .error = @error
      input autofocus='autofocus' type='text' name='code' value=@code
  .code-hint-row
    .code-instructions
      = 'Your promo code is in the Amazon email notifying you of this award.'
  .submit-row
    .submit.submit-code
      .amazon-button-stack
        span.amazon-button
          span.amazon-button-inner
            a.amazon-a-button-text
              = 'Submit Code'
  .powered-by
    p
      = 'powered by '
      = image_tag("web/logo_inverted.png")


javascript:
  var submitted = false

  $('a.amazon-a-button-text').on('click', function (e) {
    if (!submitted) {
      submitted = true
      $('form.code-form').submit()
    }

  })