_modal_group_upgrade.pug 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. script(type="text/ng-template", id="groupPlanModalUpgradeTemplate")
  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.total }}
  10. br
  11. span.small per year
  12. br
  13. span.circle-subtext For {{ selected.size }} users
  14. ul.list-unstyled
  15. li Each user will have access to:
  16. li  
  17. li(ng-if="selected.plan_code == 'collaborator'")
  18. strong #{translate("collabs_per_proj", {collabcount:10})}
  19. li(ng-if="selected.plan_code == 'professional'")
  20. strong #{translate("unlimited_collabs")}
  21. +features_premium
  22. .col-md-6
  23. form.form
  24. .form-group
  25. label(for='plan_code')
  26. | Plan
  27. select.form-control(id="plan_code", ng-model="selected.plan_code")
  28. option(ng-repeat="plan_code in options.plan_codes", value="{{plan_code.code}}") {{ plan_code.display }}
  29. .form-group
  30. label(for='size')
  31. | Number of users
  32. select.form-control(id="size", ng-model="selected.size")
  33. option(ng-repeat="size in options.sizes", value="{{size}}") {{ size }}
  34. .form-group
  35. label(for='currency')
  36. | Currency
  37. select.form-control(disabled id="currency", ng-model="selected.currency")
  38. option(ng-repeat="currency in options.currencies", value="{{currency.code}}") {{ currency.display }}
  39. .form-group
  40. label(for='usage')
  41. | Usage
  42. select.form-control(id="usage", ng-model="selected.usage")
  43. option(ng-repeat="usage in options.usages", value="{{usage.code}}") {{ usage.display }}
  44. p.small.text-center.row-spaced-small(ng-show="selected.usage == 'educational'")
  45. | The 40% educational discount can be used by students or faculty using Overleaf for teaching
  46. p.small.text-center.row-spaced-small(ng-show="selected.usage == 'enterprise'")
  47. | Save an additional 40% on groups of 10 or more with our educational discount
  48. .modal-footer
  49. .text-center
  50. p(ng-show="displayPrice.includesTax") Total:
  51. strong {{ displayPrice.total }}
  52. | ({{displayPrice.subtotal}} + {{displayPrice.tax}} tax) per year
  53. p
  54. strong Your new subscription will be billed immediately to your current payment method.
  55. hr.thin
  56. button.btn.btn-primary.btn-lg(ng-disabled='inflight' ng-click="upgrade()") Upgrade Now
  57. hr.thin
  58. a(
  59. href
  60. ng-controller="ContactGeneralModal"
  61. ng-click="openModal()"
  62. ) Need more than 50 licenses? Please get in touch