<div
  class="modal-header separator-bottom"
  ng-show="title"
>
  <h3 id="modal-title">{{ title | translate }}</h3>
</div>
<div
  class="modal-body"
  id="modal-body"
>
  <form
    name="forms.retentionForm"
    novalidate
  >
    <c8y-edit-retention-rule ng-model="rule"></c8y-edit-retention-rule>
  </form>
</div>
<div class="modal-footer">
  <button
    class="btn btn-default"
    title="{{ 'Cancel' | translate }}"
    ng-click="$dismiss()"
    c8y-key-shortcut="Escape"
  >
    {{ 'Cancel' | translate }}
  </button>
  <button
    class="btn btn-primary"
    title="{{ 'Save' | translate }}"
    ng-disabled="forms.retentionForm.$invalid || forms.retentionForm.$pristine"
    ng-click="saveWithConfirmation(rule)"
    c8y-key-shortcut="Enter"
  >
    {{ 'Save' | translate }}
  </button>
</div>
