@let installed = installationQuery.installed$(plugin?.id) | async; @let installing = installationQuery.installing$(plugin?.id) |async; @let canChangePlan = !currentSubscription?.parentId; @let isLoading = isLoading$ | async; @let disabled = installing || isLoading; @let currentPlan = currentPlan$ | async; @let planViewModels = planViewModels$ | async;

Manage Subscription for {{ plugin?.name }}

 @if(currentSubscription) { @if(currentSubscription && isInTrial(currentSubscription)) {
Trial Period
} @else if(currentSubscription && isExpiringSoon(currentSubscription)) {
Expiring Soon
}
{{ currentPlan?.type | titlecase }} @if(installed) { Installed }
@if(isLoading) { } @else if(currentPlan) { {{ currentPlan.name }} } @else { Current Plan }
@if(currentPlan) { @if(currentPlan.description) {

{{ currentPlan.description }}

} }
{{ currentSubscription.status | titlecase }}
@if(currentPlan?.price) {
{{ currentPlan.price | currency : currentPlan.currency }} / @switch (currentPlan.billingPeriod) { @case ('monthly') { month } @case ('quarterly') { quarter } @case ('yearly') { year } @default { {{ currentPlan.billingPeriod | titlecase }} } }
}
@if(currentSubscription.endDate) {
Next Billing {{ currentSubscription.endDate | date : 'mediumDate' }}
} @if(currentSubscription && isInTrial(currentSubscription) && currentSubscription.trialEndDate) {
Trial Ends {{ currentSubscription.trialEndDate | date : 'mediumDate' }}
} @if(currentSubscription && isExpiringSoon(currentSubscription) && currentSubscription.endDate) {
Expires On {{ currentSubscription.endDate | date : 'mediumDate' }}
} @if(currentSubscription.startDate) {
Started {{ currentSubscription.startDate | date : 'mediumDate' }}
}
@if(!(isLoading) && !(currentPlan) && currentSubscription.planId) {
Plan details not found (ID: {{ currentSubscription.planId }})
} @if(currentSubscription.status !== 'cancelled') {
@if(!installed) { }
} } @if(canChangePlan){
{{ currentSubscription ? 'Change Plan' : 'Choose a Plan' }}
@if(planViewModels?.length) {
@for(planViewModel of planViewModels; track planViewModel.id) { }
} @else {

No plans available right now

Check back soon or contact support for assistance.

} @if(showBillingForm && selectedPlan) {
Billing Information
} }