<admin-page-header [title]="'Solved Chats'"></admin-page-header>
<div class="main-chart-wrapper">
    <div class="row">
        <div class="col-xl-3">        
            <div class="card">
                <div class="card-header border pb-5">
                    @if(data?.operatorID){
                    <div class="d-flex align-items-center ms-2">
                        @if(operatorUser?.image){
                        <span class="avatar brround"
                            style="background-image: url(operatorUser?.image);background-size:contain"></span>
                        }@else{
                        <span class="avatar brround"
                            style="background-image: url('uploads/profile/user-profile.png');background-size:contain"></span>
                        }
                        <div class="d-inline">
                            <h5 class="font-weight-semibold mb-0 ms-2 mt-3">{{operatorUser?.name}}</h5><small class="text-muted ms-2 fs-11"> {{'My Opened Chats' | translate}}</small>
                        </div>
                    </div>
                    }
                    @else{
                        <h4 class="card-title font-weight-semibold mb-0">{{'Solved Chats' | translate}}</h4>
                    }
                </div>
                <div class="chat-info new-chat-info">
                    <div>
                        <app-live-chat-sidebar [data]="data" [settings]="settings" link="/admin/live-chat/my-open-chats" [id]="id" [AuthId]="AuthId" (sideMenuOpenClickFunction)="sideMenuOpenClickFunction($event)" ></app-live-chat-sidebar>
                    </div>
                </div>
            </div>    
        </div>
        <div class="col-xl-6">
            <app-livechat-view class="main-chat-area bg-transparent" [data]="data" [settings]="settings" [id]="id" [autoUserInfo]="autoUserInfo" [AuthId]="AuthId" [customerData]="customerData" [parsedChatFlowMessages]="parsedChatFlowMessages" [chatDataVal]="chatData" [newVal]="newVal" [pastMessage]="pastMessage" [subscategory]="subscategory" [reply]="reply" [isChat]="isChat" [engaged]="false" (updatemenu)="updatemenu($event)" (clearVal)="clearVal($event)"></app-livechat-view>
        </div>
    
        <div class="col-xl-3">
            <div class="chat-user-details bg-transparent p-0">
                @if(customerData){
                    <app-customer-info [customerData]="customerData"></app-customer-info>
                }        
            </div>
        </div>
    </div>
</div>
