<h1 mat-dialog-title class="prevent-select">Plan de mantenimiento desde MS Project</h1>
<div mat-dialog-content class="prevent-select">
  <div class="w-100" *ngIf="!isUploading">
    <input type="file" name="file" id="file" #file class="hidden" (change)="checkFile($event)" 
    accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
    <button mat-stroked-button class="w-100" (click)="file.click()">Seleccionar archivo</button>
  </div>
  <h3 *ngIf="uploadedFile != null && !isUploading" style="text-align: center;">{{ uploadedFile.name }} - <b>{{ uploadedFile.size }}</b></h3>
  <mat-progress-bar mode="indeterminate" class="w-100" *ngIf="isUploading"></mat-progress-bar>
  <h3 *ngIf="isUploading" style="text-align: center;margin-top: 4px;">Cargando archivo...</h3>
</div>
<div mat-dialog-actions align="end">
  <button mat-button mat-dialog-close [disabled]="isUploading" cdkFocusInitial>Cancelar</button>
  <button mat-button (click)="closeDialog()" [disabled]="isUploading || uploadedFile == null">Continuar</button>
</div>