codecombat/app/templates/courses/mock1/course-enroll.jade

extends /templates/base

block content

  //- DO NOT localize / i18n

  div
    span *UNDER CONSTRUCTION, send feedback to
    a.spl(href='mailto:team@codecombat.com') team@codecombat.com
  div TODO: figure out correct terminology.  Someone should probably purchase a course, and then enroll their students.
  div(style='border-bottom: 1px solid black')

  .well.well-lg.enroll-container
    h1.center Purchase Course
    h3 1. Course
    p Select 'All Courses' to recieve up to a 70% discount!
    .form-group
      select.form-control.course-select
        each course in courses
          option(value="#{course.title}")= course.title
        option(value="All Courses") All Courses
    h3 2. Number of students
    .quantity-container(style="width:50%;")
      .radio
        label
          if quantity === 20
            input(type='radio', name='quantity', data-quantity=20, checked=true)
          else
            input(type='radio', name='quantity', data-quantity=20)
          if selectedCourseTitle === 'All Courses'
            span Up to 20 students $499
          else if selectedCourseTitle === 'Introduction to Computer Science'
            span Up to 20 students $0
          else
            span Up to 20 students $99
      .radio
        label
          if quantity === 50
            input(type='radio', name='quantity', data-quantity=50, checked=true)
          else
            input(type='radio', name='quantity', data-quantity=50)
          if selectedCourseTitle === 'All Courses'
            span Up to 50 students $999
          else if selectedCourseTitle === 'Introduction to Computer Science'
            span Up to 20 students $0
          else
            span Up to 50 students $199
      .radio
        label
          if quantity === 100
            input(type='radio', name='quantity', data-quantity=100, checked=true)
          else
            input(type='radio', name='quantity', data-quantity=100)
          if selectedCourseTitle === 'All Courses'
            span Up to 100 students $1499
          else if selectedCourseTitle === 'Introduction to Computer Science'
            span Up to 20 students $0
          else
            span Up to 100 students $349
      .radio
        label
          if quantity === 500
            input(type='radio', name='quantity', data-quantity=500, checked=true)
          else
            input(type='radio', name='quantity', data-quantity=500)
          if selectedCourseTitle === 'All Courses'
            span Up to 500 students $2999
          else if selectedCourseTitle === 'Introduction to Computer Science'
            span Up to 20 students $0
          else
            span Up to 500 students $799
    h3 3. Pick a name for your class
    p This will be displayed on the course page for you and your studentsm, and it can be changed later.
    input.session-name(type='text', placeholder="Mrs. Smith's 4th Period")
    h3 4. Purchase
    p
      span.spr You are purchasing a license for
      strong.spr up to #{quantity} students
      span.spr for
      strong #{selectedCourseTitle}
      | .
    p After purchase you will receive an unlock code to distribute to your students, which they can use to enroll.
    p.center
      if price > 0
        button.btn.btn-success.btn-lg.btn-buy $#{price}
      else
        button.btn.btn-success.btn-lg.btn-buy FREE
    h3 Free trial for teachers!
    p
      span.spr Please fill out our
      a(href='/teachers/freetrial', data-i18n="teachers.teacher_subs_2")
      span.spl to get individual access to all courses for evalutaion purposes.
    h3 Questions?
    p
      span Please contact
      a.spl(href='mailto:team@codecombat.com') team@codecombat.com