<div class="modal-dialog" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h4 class="modal-title w-100" id="myModalLabel">{{labels?.saveConfirm_title}}</h4>
    </div>
    <div class="modal-body">
      <form>
        <div class="form-body">
          <div class="form-head">{{labels?.saveConfirm_messagePrefix}} {{type}}{{labels?.saveConfirm_messageSuffix}}
          </div>
        </div>

        <div class="modal-footer">
          <div class="col-4">
            <button type="button" mdbBtn color="secondary" class="waves-light" aria-label="Close" (click)="closeModal()"
              mdbWavesEffect>{{labels?.saveConfirm_buttonCancel}}</button>
          </div>
          <div class="col-8 text-right">
            <form [formGroup]="formGrp">
              <button mdbBtn color="secondary" class="waves-light" aria-label="Close" (click)="ignoreChanges()"
                mdbWavesEffect>{{labels?.saveConfirm_buttonIgnore}}</button>
              <button mdbBtn color="primary" type="submit" (click)="saveModal()"
                mdbWavesEffect>{{labels?.saveConfirm_buttonSave}}</button>
            </form>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>