<div class="modal-header">
  <h2>{{'submission.import-external.preview.title.' + labelPrefix | translate}}</h2>
  <button type="button" class="btn-close"
    (click)="closeMetadataModal()" aria-label="Close">
  </button>
</div>
<div class="modal-body">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <p>{{'submission.import-external.preview.subtitle' | translate}}</p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <hr>
        </div>
      </div>
      @for (metadata of metadataList; track metadata) {
        <div class="row">
          <p class="col-md-12">
            <strong class="">{{'item.preview.' + metadata.key | translate}}</strong><br>
            @for (metadatum of metadata.values; track metadatum) {
              <span>{{metadatum.value}}</span><br>
            }
          </p>
        </div>
      }
      <div class="row">
        <div class="col-md-12">
          <hr>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12 text-end">
            <button class="btn btn-success" (click)="import()" role="button">
              <i class="fa fa-file-import" aria-hidden="true"></i> {{'submission.import-external.preview.button.import' | translate}}
            </button>
          </div>
        </div>
      </div>
    </div>
