<div class="ws-modal-container">
  <div class="ws-modal">
    <div class="ws-modal-body-container" ng-bind-html="bodyString"></div>
    <div class="ws-modal-checkbox-container" ng-if="checkboxString">
      <input ng-model="checkboxModel.isChecked" type="checkbox" id="confirm-checkbox">
      <label class="checkbox-label" for="confirm-checkbox">{{ checkboxString }}</label>
    </div>
    <div class="ws-modal-action-container">
      <a class="button primary-action"
         ng-disabled="(checkboxString && !checkboxModel.isChecked) || actionInProgress"
         ng-click="(!checkboxString || checkboxModel.isChecked) && !actionInProgress && modalCtrl.action()">
        <span ng-bind-html="actionInProgressString" ng-if="actionInProgress"></span>
        <span ng-bind-html="actionString" ng-if="!actionInProgress"></span>
      </a>
    </div>
    <div class="ws-modal-dismiss-container">
      <a ng-click="modalCtrl.dismiss()" ng-bind-html="dismissString"></a>
    </div>
  </div>
</div>
