<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>
        <mat-card class="channel-card" *ngFor="let channel of channels" (click)="selectChannel(channel)"
            [ngClass]="{ 'active': selectedChannel === channel}">
            <mat-card-header>
                <img [src]="channel.channelImage" mat-card-avatar>
                <mat-card-title>{{channel.channelName}}</mat-card-title>
            </mat-card-header>
        </mat-card>
    </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>