{{ 'billing.payment_details' | translate }}

{{ 'billing.payment_details-description' | translate }}

@if (!(isSubscribedToStripe | async)) { {{ ((contextBoxMode | async) ? 'generic.back_to_subscription' : 'generic.back') | translate }} } @if (subscribeMode | async) {
{{ 'billing.subscription_tier' | translate }}
@if (accountType | async; as account) {
{{ 'account.type.' + account | translate }} @if (checkoutService.currency(); as currency) { @if (checkoutService.prices()?.[account]?.recurring; as prices) { @if (monthly | async) { {{ prices.month?.price | currency: currency }}/{{ 'billing.month' | translate }} } @else { {{ prices.year?.price | currency: currency }}/{{ 'billing.year' | translate }} } } }
}
} @if (billingDetailsEnabled) {
{{ 'billing.billing_details' | translate }}
@if (!editCustomer) { }
@if (editCustomer) {
{{ 'billing.not_company' | translate }}
{{ ((subscribeMode | async) ? 'billing.save_continue' : 'generic.save') | translate }}
} @else if (!editCustomer && checkoutService.customer()) { @let customer = checkoutService.customer()!;
@if (customer.billing_details.is_company && customer.billing_details.company) {
{{ customer.billing_details.company }}
} @if (customer.billing_details.is_company && customer.billing_details.vat) {
{{ customer.billing_details.vat }}
}
{{ customer.billing_details.name }}
{{ customer.billing_details.email }}
{{ customer.billing_details.phone }}
{{ customer.billing_details.address }}
{{ customer.billing_details.city }} {{ customer.billing_details.postal_code }}
{{ customer.billing_details.state || '' }} {{ countries[customer.billing_details.country] }}
}
}
{{ 'billing.payment_method' | translate }}
Powered by
@if (!editCard && checkoutService.token()) { }
@if (subscribeMode | async) {
{{ 'billing.save_continue' | translate }}
@if (!editCard && checkoutService.token()) {
{{ checkoutService.cardName.value }}
{{ checkoutService.token().card.brand }}
**** **** **** {{ checkoutService.token().card.last4 }}
} } @else { {{ 'billing.update_payment_method' | translate }} }
@if (!(isCowork | async)) {
{{ 'billing.budget' | translate }}
@if (subscribeMode | async) { @if (checkoutService.currency()) { } } @else {
{{ 'generic.save' | translate }}
}
} @if (subscribeMode | async) { @if (checkoutService.currency()) {
{{ 'billing.review_confirm' | translate }} @if (checkoutService.loading()) { }
} }