<div class="modal-header">
  <h4 class="modal-title">
    <span>{{ ::modal.options.title }}</span>
  </h4>
  <button class="close"
    tabindex="11"
    ng-click="modal.reject()">&times;</button>
</div>

<div class="modal-body">
  <p>{{ ::modal.options.message }}</p>
</div>

<div class="modal-footer">
  <div class="modal-menu">
    <button ng-if="modal.options.rejectionLabel" class="button button-block"
      tabindex="12"
      ng-class="{
        'button-default': modal.options.cancelButton === 'default',
        'button-primary': modal.options.cancelButton === 'primary',
        'button-warning': modal.options.cancelButton === 'warning',
        'button-danger': modal.options.cancelButton === 'danger',
      }"
      ng-click="modal.reject()">{{ ::modal.options.rejectionLabel }}</button>
    <button class="button button-block"
      tabindex="13"
      ng-class="{
        'button-default': modal.options.confirmButton === 'default',
        'button-primary': modal.options.confirmButton === 'primary',
        'button-warning': modal.options.confirmButton === 'warning',
        'button-danger': modal.options.confirmButton === 'danger',
      }"
      ng-click="modal.accept()">{{ ::modal.options.confirmationLabel }}</button>
  </div>
</div>

