<div class="modal-header separator" ng-show="title">
  <h3 id="modal-title">{{ title | translate }}</h3>
</div>
<div class="modal-body" id="modal-body">
  <form name="filesUploadForm" class="panel-body" novalidate>
    <div class="form-group">
      <label translate>
        Upload a PKCS #12 (.pk12) file containing the private key and certificate.
      </label>
      <file-picker files="files" multiple="false" required="true"></file-picker>
    </div>
  </form>
</div>

<div class="modal-footer">
  <button
    title="{{ 'Cancel' | translate }}"
    type="button"
    class="btn btn-default"
    ng-click="$dismiss()"
  >
    {{ 'Cancel' | translate }}
  </button>
  <button
    title="{{ 'Upload' | translate }}"
    type="button"
    class="btn btn-primary"
    ng-click="vm.saveCertificate(files[0].file, this)"
    ng-disabled="filesUploadForm.$invalid"
  >
    {{ 'Upload' | translate }}
  </button>
</div>
