<div class="title_section divider">
    <div class="hidden-xs" *ngIf="applicationSettings?.logoBase64">
        <img class="logo_header_popup"
            src="data:image/{{applicationSettings.tipo}};base64,{{applicationSettings.logoBase64}}" />
    </div>
    <div class="title_header_popup">
        <h2 mat-dialog-title>
            <span> {{'label.file-upload.title' | translate}} </span>
        </h2>
    </div>
</div>

<mat-dialog-content>
    <h4>
        {{'label.file-upload.description' | translate}}
    </h4>

    <form [formGroup]="formGroup" autocomplete="off">
        <div class="row pt-2">
            <div class="col-12">
                <mat-form-field class="amd-form-control">
                    <input matInput [placeholder]="'label.description' | translate" formControlName="description"
                        maxlength="50" required>
                </mat-form-field>
            </div>
        </div>
        <div class="row pt-2">
            <div class="col-12">
                <mat-form-field class="amd-form-control">
                    <ngx-mat-file-input formControlName="file" [placeholder]="'label.file' | translate"
                        [accept]="'.xls,.xlsx'" required (change)="uploadFile($event.target.files)">
                    </ngx-mat-file-input>
                    <mat-icon matSuffix>folder</mat-icon>
                </mat-form-field>
            </div>
        </div>
    </form>

</mat-dialog-content>
<mat-dialog-actions align="end">
    <button mat-button mat-dialog-close>{{'btn.cancel' | translate}}</button>
    <button mat-button (click)="ok()" cdkFocusInitial
        [disabled]="formGroup.invalid">{{'btn.accept' | translate}}</button>
</mat-dialog-actions>