_modal_group_purchase.pug 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. script(type="text/ng-template", id="groupPlanModalPurchaseTemplate")
  2. .modal-header
  3. h3 Save 30% or more with a group license
  4. .modal-body.plans
  5. .container-fluid
  6. .row
  7. .col-md-6.text-center
  8. .circle.circle-lg
  9. | {{ displayPrice }}
  10. span.small / year
  11. br
  12. span.circle-subtext For {{ selected.size }} users
  13. ul.list-unstyled
  14. li Each user will have access to:
  15. li  
  16. li(ng-if="selected.plan_code == 'collaborator'")
  17. strong #{translate("collabs_per_proj", {collabcount:10})}
  18. li(ng-if="selected.plan_code == 'professional'")
  19. strong #{translate("unlimited_collabs")}
  20. +features_premium
  21. .col-md-6
  22. form.form
  23. .form-group
  24. label(for='plan_code')
  25. | Plan
  26. select.form-control(id="plan_code", ng-model="selected.plan_code")
  27. option(ng-repeat="plan_code in options.plan_codes", value="{{plan_code.code}}") {{ plan_code.display }}
  28. .form-group
  29. label(for='size')
  30. | Number of users
  31. select.form-control(id="size", ng-model="selected.size")
  32. option(ng-repeat="size in options.sizes", value="{{size}}") {{ size }}
  33. .form-group
  34. label(for='currency')
  35. | Currency
  36. select.form-control(id="currency", ng-model="selected.currency")
  37. option(ng-repeat="currency in options.currencies", value="{{currency.code}}") {{ currency.display }}
  38. .form-group
  39. label(for='usage')
  40. | Usage
  41. select.form-control(id="usage", ng-model="selected.usage")
  42. option(ng-repeat="usage in options.usages", value="{{usage.code}}") {{ usage.display }}
  43. p.small.text-center.row-spaced-small(ng-show="selected.usage == 'educational'")
  44. | Save an additional 40% on groups of 10 or more with our educational discount
  45. .modal-footer
  46. .text-center
  47. button.btn.btn-primary.btn-lg(ng-click="purchase()") Purchase Now
  48. hr.thin
  49. a(
  50. href
  51. ng-controller="ContactGeneralModal"
  52. ng-click="openModal()"
  53. ) Need more than 50 licenses? Please get in touch