<div class="modal-header">
  <h3 id="modal-title">{{ vm.title | translate }}</h3>
</div>
<div class="modal-body" id="modal-body">
  <div ng-show="!vm.deactivationStarted">
    <p translate>You are about to deactivate a custom domain name.</p>
    <br />
    <p translate>
      After completing the process you will no longer be able to access your tenant with your custom
      domain name, instead use your old domain name. If you encounter any problems accessing your
      tenant, please contact support.
    </p>
  </div>
  <div class="alert alert-success" ng-show="vm.deactivationStarted && vm.redirectUrl">
    {{ 'Certificate deactivated.' | translate }}
  </div>
  <div ng-show="vm.deactivationStarted && !vm.redirectUrl">
    <i c8y-icon="circle-o-notch" class="icon-spin"></i>
    {{ 'Deactivating SSL certificate' | translate }}…
  </div>
  <div ng-show="vm.redirectUrl">
    <c8y-count-down-redirect redirect-url="vm.redirectUrl"></c8y-count-down-redirect>
  </div>
</div>
<div class="modal-footer">
  <button
    title="{{ 'Cancel' | translate }}"
    class="btn btn-default"
    ng-click="vm.modalInstance.close()"
    ng-show="!vm.deactivationStarted"
    translate
  >
    Cancel
  </button>
  <button
    title="{{ 'Deactivate' | translate }}"
    class="btn btn-primary"
    ng-click="vm.deactivateCertificate()"
    ng-show="!vm.deactivationStarted"
    translate
  >
    Deactivate
  </button>
</div>
