b-modal#subscription-canceled-modal(
size='sm',
:hideFooter="true",
:modalClass="['modal-hidden-footer']"
)
div(slot="modal-header")
.svg-icon.close(v-html="icons.close", v-once, @click="close()")
.icon-container.check-container.d-flex.align-items-center.justify-content-center
.svg-icon.check(v-html="icons.check", v-once)
.row
.col-12.modal-body-col
h2 {{ $t(isGroup ? 'canceledGroupPlan' : 'subCanceledTitle') }}
.details-block
span
| {{ $t('subWillBecomeInactive') }}
br
strong {{ isGroup ? groupDateTerminated : dateTerminated }}
span.auto-renew.small-text(v-once) {{ $t('paymentCanceledDisputes') }}