<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.functions.configuration' | translate}} </span>
        </h2>
    </div>
</div>

<mat-dialog-content>

    <div class="tab-content">
        <form role="form" novalidate [formGroup]="formGroup" (ngSubmit)="ok()" #myForm="ngForm" autocomplete="off">
            <div class="col-12">

                <mat-form-field class="amd-form-control">
                    <mat-select [placeholder]="'label.processor' | translate" formControlName="processor"
                        [required]="true" (selectionChange)="selectionChange($event)">
                        <ng-container *ngFor="let processor of processors">
                            <mat-option *ngIf="!processor.hidden" [value]="processor">
                                {{ processor.mainDescription }}
                            </mat-option>
                        </ng-container>
                    </mat-select>
                </mat-form-field>

                <mat-form-field class="amd-form-control" *ngIf="formGroup.controls.processor.value">
                    <mat-label>{{'label.function'| translate}}:</mat-label>
                    <input matInput formControlName="name" disabled readonly>
                </mat-form-field>

                <mat-form-field class="amd-form-control" *ngIf="formGroup.controls.processor.value">
                    <mat-label>{{'label.description' | translate}}:</mat-label>
                    <textarea matInput cdkTextareaAutosize class="overflow-auto"
                        [placeholder]="'label.description' | translate" formControlName="description"
                        #autosize="cdkTextareaAutosize" cdkAutosizeMinRows="3" cdkAutosizeMaxRows="6" disabled
                        readonly></textarea>
                </mat-form-field>
            </div>
        </form>

    </div>

</mat-dialog-content>
<mat-dialog-actions align="end">
    <button mat-button mat-dialog-close>{{'btn.cancel' | translate}}</button>
    <button mat-button (click)="myForm.onSubmit($event)" cdkFocusInitial>{{'btn.accept' | translate}}</button>
    <!-- <button mat-button (click)="ok()" cdkFocusInitial>Aceptar</button> -->
</mat-dialog-actions>
