<div class="modal-body">
  <h2 class="h2-title">Ajout de reporting dans le tableau de bord</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> Liste reportings *</mat-label>
        <mat-select
          class="mat-form-field-type-mat-select"
          formControlName="find_by"
          required
        >
          <mat-option *ngFor="let list of dataFindBy" [value]="list.reportingid"
            >{{ list.Name }}</mat-option
          >
        </mat-select>
        <mat-hint *ngIf="isAllActive"
          >Tous les reportings sont maintenant actifs</mat-hint
        >
        <p class="pRequis">
          {{submitted && f.find_by.errors? 'Ce champ est requis' : '' }}
        </p>
      </div>
    </div>

    <div class="bouton">
      <button class="mat-raised-button cancel" (click)="closeDialog()">
        Annuler
      </button>
      <button
        class="mat-raised-button save"
        color="primary"
        (click)="generateReporting()"
      >
        Ajouter
      </button>
    </div>
  </form>
</div>
