codecombat/app/templates/courses/purchase-courses-view.jade
Matt Lott edc05facfe Update /courses/purchase
Updating to latest UI designs.
2015-11-29 14:45:36 -08:00

45 lines
1.3 KiB
Text

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
a(href="/courses/teachers") Return to course management.
else
h2.text-center Purchase Student Enrollments
br
if view.state === 'error'
.alert.alert-danger= view.stateMessage
p.text-center
strong How many enrollments do you need?
br
p.text-center
input#students-input(
placeholder='<number of enrollments>'
value=view.numberOfStudents
type='number'
)
br
.container-fluid
.row
.col-md-offset-3.col-md-6 One enrollment per student is required to assign them to paid CodeCombat courses. A single student does not need multiple enrollments to access all paid courses.
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