@if(isLoading) {
  <div class="loading-overlay">
    <mat-spinner></mat-spinner>
  </div>
}
<h2 mat-dialog-title>Übergabeprotokoll</h2>
<mat-dialog-content>
  <div class="text" style="margin: 0 0 24px 0;">
    Fülle alle Daten aus und klicke auf PDF erzeugen. Das PDF wird anschließend heruntergeladen.
  </div>
  <form [formGroup]="handoverPDFForm" class="flex flex-col items-stretch justify-stretch">
    <div class="flex-row">

      <mat-form-field style="flex: 1 1 auto;">
        <mat-label>Herausgeber</mat-label>
        <input type="text" matInput formControlName="giverName">
      </mat-form-field>

      <mat-form-field style="flex: 1 1 auto;">
        <mat-label>Empfänger</mat-label>
        <input type="text" matInput formControlName="receiverName">
      </mat-form-field>

    </div>

    <div class="flex-row">

      <mat-form-field style="flex: 1 1 auto;">
        <mat-label>Adresse des Herausgebendens</mat-label>
        <input type="text" matInput formControlName="giverAddress">
      </mat-form-field>

      <mat-form-field style="flex: 1 1 auto;">
        <mat-label>Adresse des Empfängers</mat-label>
        <input type="text" matInput formControlName="receiverAddress">
      </mat-form-field>
    </div>

    
    <mat-form-field>
      <mat-label>Objektbeschreibung / Schließanlage</mat-label>
      <input type="text" matInput formControlName="objectDescription">
    </mat-form-field>

    <mat-form-field>
      <mat-label>Notizen</mat-label>
      <textarea type="text" matInput formControlName="notes" rows="5"></textarea>
    </mat-form-field>

  </form>
</mat-dialog-content>
<mat-dialog-actions>
  <button matButton mat-dialog-close class="btn-warning" [disabled]="this.isLoading">Schließen</button>
  <button matButton="elevated" (click)="createPdf()" class="btn-primary" [disabled]="this.isLoading">
      <mat-icon>save</mat-icon>
      PDF erzeugen
    </button>
    
</mat-dialog-actions>