
<div [ngClass]="bgColorCSS == true ? 'multiple-chart-box-custom' : 'multiple-chart-box'">
    <div class="multiple-chart-header">
        <div [ngClass]="bgColorCSS == true ? 'multiple-chart-icon-custom' : 'multiple-chart-icon'">
            <img *ngIf="imageNotFound == false" [src]="imageSrc" (error)=" setImageNotFound(true)"/>
            <span [ngClass]="bgColorCSS == true ? 'multiple-chart-header-icon-custom' : 'multiple-chart-header-icon'" *ngIf="imageNotFound == true" style = "color: white;">{{tabContentInitials}}</span>
        </div>
        <div [ngClass]="bgColorCSS == true ? 'multiple-chart-title-custom' : 'multiple-chart-title'">{{headerTitle}}</div>
    </div>
    <div class = "multiple-chart">         
        <div  class = "series-custom-card" *ngFor = "let chart of multipleChartsDataArr__">
            <div style="display: flex;justify-content: center;">  
                <bb-custom-chart 
                    [chartType]= "chart['chartType']"
                    [datasets]="chart['datasets']"                             
                    [labels]="chart['labels']"
                    [options]="chart['options']"
                    [parentData]="chart">
                </bb-custom-chart>
            </div>
            <div *ngIf = "chartDataEmpty == false" class = "series-custom-card-info">
                <div *ngIf="chart['chart_info_column']">
                    <div class = "chart-info">
                        <div class="bullet" style = "background: rgb(142, 111, 179); !important"></div>
                        <div [ngClass]="bgColorCSS == true ? 'chatdata-custom' : 'chatdata'">
                            {{visitInfoColumn}} Visits
                        </div>
                    </div>
                    <div class = "chart-info">         
                        <div class="bullet_2"></div>
                        <div [ngClass]="bgColorCSS == true ? 'chatdata-custom' : 'chatdata'">
                            {{drCountColumn}} Doctors
                        </div>
                    </div>
                </div>
            </div>
            <div *ngIf="chart['chart_info_column']" style="display: flex; justify-content: center; align-items: center; height: 20px">
                <div *ngIf = "visitCalls">
                    <span [ngClass]="bgColorCSS == true ? 'textColor': textColor2">{{visitCalls}}</span>
                </div>
            </div>
        </div>
    </div>
</div>
