extends ../layout block content .content.content-alt .container(ng-controller="AnnualUpgradeController") .row(ng-cloak) .col-md-6.col-md-offset-3 .card(ng-init="planName = #{JSON.stringify(planName)}") .page-header h1.text-centered Move to Annual Billing div(ng-hide="upgradeComplete") .row div.col-md-12 | Change to Annual Billing and save strong 20% | equivilent to strong ${{yearlySaving}} | per year. .row   .row div.col-md-12 center button.btn.btn-success(ng-click="completeAnnualUpgrade()", ng-disabled="inflight") span(ng-show="inflight") #{translate("processing")} span(ng-hide="inflight") Move to annual billing now div(ng-show="upgradeComplete") h3 Annual billing enabled, #{translate("thank_you")}.