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

<mat-dialog-content>
    <h4>
        {{'label.deployment-channels.configuration.description' | translate}}
        <!--  -->
    </h4>

    <div>
        <ng-container *ngFor="let channel of channels">
            <mat-card class="channel-card" (click)="selectChannel(channel)"
                [ngClass]="{ 'active': selectedChannel === channel}" *ngIf="!channel.disabled">
                <mat-card-header>
                    <img [src]="channel.image" mat-card-avatar>
                    <mat-card-title>{{channel.name}}</mat-card-title>
                </mat-card-header>
            </mat-card>
        </ng-container>
    </div>

</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]="!selectedChannel">{{'btn.accept' | translate}}</button>
</mat-dialog-actions>