extends /templates/base

block content

  if view.state === 'purchasing'
    p.text-center Purchasing...
    .progress.progress-striped.active
      .progress-bar(style="width: 100%")

  else if view.state === 'purchased'
    p Thank you for your purchase! You can now assign #{view.numberOfStudents} more students to paid courses.

    p.text-center
      if view.fromClassroom
        a(href="/courses/"+view.fromClassroom) Return to classroom
      else
        a(href="/courses/teachers") Return to course management.
      
  else

    h2.text-center Purchase Enrollments
    br

    if view.state === 'error'
      .alert.alert-danger= view.stateMessage

    - var usedEnrollments = view.prepaids.totalRedeemers();
    - var totalEnrollments = view.prepaids.totalMaxRedeemers();
    - var remainingEnrollments = totalEnrollments - usedEnrollments;
    .row
      .col-md-4
      .col-md-3
        strong.uppercase unused paid enrollments
      .col-md-1
        strong= remainingEnrollments
    br
    .row
      .col-md-4
      .col-md-3
        strong.uppercase students not enrolled
    .row
      .col-md-4
      .col-md-3
        each classroom in view.classrooms.models
          if classroom.get('members').length > 0
            .not-enrolled= classroom.get('name')
        .not-enrolled Total Across All Classes
      .col-md-1
        - var totalNotEnrolled = 0
        each classroom in view.classrooms.models
          if classroom.get('members').length > 0 && view.classroomNotEnrolledMap
            .not-enrolled
              strong= view.classroomNotEnrolledMap[classroom.id]
        .not-enrolled
          strong= view.totalNotEnrolled

    br
    br

    p.text-center
      strong How many additional paid enrollments do you need?
    br

    p.text-center
      input#students-input.text-center.enrollment-count(
        value= view.numberOfStudents
        type='number'
      )
    br

    .container-fluid
      .row
        .col-md-offset-3.col-md-6 
          | Each student in a class will get access to Courses 2-4 once they are enrolled in paid courses.
          | You may assign each course to each student individually.
    br

    p.text-center#price-form-group
      strong Total: #{view.numberOfStudents} enrollments x $#{view.pricePerStudent.toFixed(2)} = #{view.getPriceString()}

    p.text-center
      button#purchase-btn.btn.btn-lg.btn-success.uppercase Purchase Now