<div class="modal-body">
  <h2 class="h2-title">Générer le document</h2>
</div>
<div class="modal-footer">
  <form
    class="form-report"
    [formGroup]="form"
    (keydown.enter)="$event.preventDefault()"
  >
    <div class="d-flex flex-row align-items-center mb-4">
      <div class="form-outline form-group flex-fill mb-0">
        <mat-label>Choix du template * :</mat-label>
        <mat-select
          class="mat-form-field-type-mat-select"
          formControlName="template"
        >
          <mat-option *ngFor="let list of templatesList" [value]="list.id"
            >{{ list.name }}</mat-option
          >
        </mat-select>
        <p class="pRequis">
          {{submitted && f.template.errors? 'Ce champ est requis' :''}}
        </p>
      </div>
    </div>

    <div class="bouton">
      <button class="mat-raised-button cancel" mat-dialog-close>
        Annuler
      </button>
      <button
        class="mat-raised-button save"
        color="primary"
        (click)="getFileName()"
      >
        {{ textButton()}}
      </button>
    </div>
  </form>
</div>
