tango-app-ui-analyse-trax 3.9.3 → 3.9.4

package/src/lib/components/eye-test-audit/eye-test/eye-test.component.html

@@ -1,1804 +0,0 @@
-<section *ngIf="!eyeView" class="container-fluid">
-<div class="card mb-2">
-     <div *ngIf="loading1" class="row loader  d-flex justify-content-center align-items-center">
-        <div class="shimmer">
-            <div class="wrapper">
-                <div class="stroke animate title"></div>
-                <div class="stroke animate link"></div>
-                <div class="stroke animate description"></div>
-            </div>
-        </div>
-    </div>
-    <form *ngIf="!loading1" [formGroup]="eyeTestForm">
-        <div class="row">
-            <div class="col-md-12 mt-7 mb-3">
-                <div class="row px-3">
-                    <div [ngClass]="eyeTestForm.get('type')?.value ==='remote' ? 'col-2 mb-4' : 'col-2 mb-4'" class="col-1 mb-4" style="z-index: 33 !important;" >
-                        <lib-reactive-select formControlName="dateType" [idField]="'value'" [nameField]="'label'" [data]="dateType" (itemChange)="dateTypeChange($event)"></lib-reactive-select>
-                    </div>
-                    <div  [ngClass]="eyeTestForm.get('type')?.value ==='remote' ? 'col-3 mb-4' : 'col-2 mb-4'">
-                        <div class="position-relative">
-                            <span style="top: 20%;" class="svg-icon svg-icon-1 position-absolute ms-3">
-                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-                                    <path
-                                        d="M13.3333 1.66663V4.99996M6.66667 1.66663V4.99996M2.5 8.33329H17.5M4.16667 3.33329H15.8333C16.7538 3.33329 17.5 4.07948 17.5 4.99996V16.6666C17.5 17.5871 16.7538 18.3333 15.8333 18.3333H4.16667C3.24619 18.3333 2.5 17.5871 2.5 16.6666V4.99996C2.5 4.07948 3.24619 3.33329 4.16667 3.33329Z"
-                                        stroke="#344054" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg>
-                            </span>
-                            <input class="fx-date-range form-control ps-10 z-2" style="min-width: 150px !important;" type="text"
-                                matInput ngxDaterangepickerMd [drops]="'down'" [opens]="'right'" [alwaysShowCalendars]="false"
-                                [keepCalendarOpeningWithRange]="true" [showCancel]="false" autocomplete="off"
-                                [(ngModel)]="selectedDateRange" [ngModelOptions]="{standalone: true}"
-                                (datesUpdated)="datechange($event)" (click)="resetValidation()"
-                                (startDateChanged)="onStartDateChange($event)" [isCustomDate]="isCustomDate" [autoApply]="true"
-                                [locale]="{ format: 'DD-MM-YYYY', firstDay: 1, monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] }"
-                                name="daterange" [readonly]="true" />
-                        </div>
-                    </div>
-                    <div [ngClass]="eyeTestForm.get('type')?.value ==='remote' ? 'col-3 mb-4' : 'col-2 mb-4'" class="col-2 mb-4">
-                        <lib-reactive-select formControlName="type" [idField]="'value'" [nameField]="'label'" [data]="type"
-                            (itemChange)="typeChange($event)"></lib-reactive-select>
-                    </div>
-                  
-                    <!-- </div>
-                                    </div> -->
-                                    <!-- *ngIf="users?.role ==='superadmin'" -->
-                    <div  class="col-md-3">
-                        <div class="select-wrapper">
-                            <div class="placeholder-overlay" *ngIf="!(eyeTestForm.get('RmList')?.value?.length)">
-                                Select RM
-                            </div>
-                            <lib-group-select [items]="RmList" [disabled]="false" [multi]="true" [searchField]="'userName'"
-                                [idField]="'userName'" (selected)="onRmSelect($event)" [selectedValues]="eyeTestForm.get('RmList')?.value">
-                            </lib-group-select>
-                        </div>
-                
-                
-                    </div>
-                    <!-- *ngIf="users?.role ==='superadmin' || users?.role ==='admin'" -->
-                    <div  class="col-md-3">
-                        <div class="select-wrapper">
-                            <div class="placeholder-overlay" *ngIf="!(eyeTestForm.get('ClusterList')?.value?.length)">
-                                Select cluster
-                            </div>
-                            <lib-group-select [items]="ClusterList" [disabled]="false" [multi]="true" [searchField]="'clusterName'"
-                                [idField]="'clusterName'" (selected)="ongroupSelect($event)"
-                                [selectedValues]="eyeTestForm.get('ClusterList')?.value">
-                            </lib-group-select>
-                        </div>
-                    </div>
-                
-                    <div   [ngClass]="eyeTestForm.get('type')?.value ==='remote' ? 'col-3 mb-4' : 'col-2 mb-4'"  >
-                
-                        <div class="select-wrapper">
-                            <div class="placeholder-overlay"  *ngIf="!(eyeTestForm.get('storeList')?.value?.length)">
-                                Select Stores
-                            </div>
-                            <lib-stores-select [items]="storeList" [disabled]="false" [multi]="true" [searchField]="'storeName'"
-                                [idField]="'storeId'" (selected)="onStoreSelect($event)"
-                                [selectedValues]="eyeTestForm.get('storeList')?.value"></lib-stores-select>
-                
-                        </div>
-                    </div>
-                    <div [ngClass]="eyeTestForm.get('type')?.value ==='remote' ? 'col-2' : 'col-2'">
-                        <div class="select-wrapper mb-4">
-                             <div class="placeholder-overlay" *ngIf="!(eyeTestForm.get('complianceScore')?.value?.length)">
-                                Select Score
-                            </div>
-                            <lib-select-drop [items]="typePercentageArray" [disabled]="false" [multi]="true" [searchField]="'label'"
-                                [idField]="'value'" (selected)="typePercentageChange($event)"
-                                [selectedValues]="eyeTestForm.get('complianceScore')?.value">
-                            </lib-select-drop>
-                        </div>
-                    </div>
-                    <div *ngIf="eyeTestForm.get('type')?.value !=='remote'" class="col-1 mb-4">
-                        <lib-reactive-select formControlName="auditType" [idField]="'value'" [nameField]="'label'" [data]="auditType"
-                            (itemChange)="auditTypeChange($event)"></lib-reactive-select>
-                    </div>
-                      <div [ngClass]="eyeTestForm.get('type')?.value ==='remote' ? 'col-3' : 'col-2'">
-                        <div class="select-wrapper mb-4">
-                             <div class="placeholder-overlay" *ngIf="!(eyeTestForm.get('auditStatus')?.value?.length)">
-                                Audit Status
-                            </div>
-                            <lib-select-drop [items]="auditStatusArray" [disabled]="false" [multi]="true" [searchField]="'label'"
-                                [idField]="'value'" (selected)="typeAuditStatusChange($event)"
-                                [selectedValues]="eyeTestForm.get('auditStatus')?.value">
-                            </lib-select-drop>
-                        </div>
-                    </div>
-                    <div *ngIf="eyeTestForm.get('type')?.value !=='remote'" class="col-md-2">
-                        <div class="mb-4">
-                            <lib-reactive-select formControlName="nearAddition" [idField]="'value'" [nameField]="'label'"
-                                [data]="nearAdditionArray" (itemChange)="nearAdditionChange($event)"></lib-reactive-select>
-                        </div>
-                    </div>
-                    <div *ngIf="eyeTestForm.get('type')?.value !=='remote'" class="col-md-2">
-                        <div class="mb-4">
-                            <lib-reactive-select formControlName="category" [idField]="'value'" [nameField]="'label'"
-                                [data]="categoryArray" (itemChange)="categoryTypeChange($event)"></lib-reactive-select>
-                        </div>
-                    </div>
-                  <div 
-  *ngIf="users?.role" 
-  class="text-end"
-  [ngClass]="eyeTestForm.get('type')?.value ==='remote' ? 'col-1 mb-4' : 'col-1 mb-4'"
->
-<!-- [ngClass]="getApplyButtonClass(users?.role, eyeTestForm.get('type')?.value)" -->
-
-    <a (click)="onSubmit();" type="submit" class="btn btn-sm btn-primary py-3 ">
-        <span>Apply</span>
-      </a>
-
-</div>
-                </div>
-            </div>
-        </div>
-
-    </form>
-    <div *ngIf="showEyeTest" class="ms-6 mb-3">
-
-        <h3 class="card-title dashed w-100  row">
-         <span class="col-10 title-text py-3"><span class="mx-2"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"
-                     viewBox="0 0 32 32" fill="none">
-                     <rect width="32" height="32" rx="16" fill="#FEE4E2" />
-                     <g clip-path="url(#clip0_235_24234)">
-                         <path
-                             d="M16 13.3335V16.0002M16 18.6668H16.0067M22.6667 16.0002C22.6667 19.6821 19.6819 22.6668 16 22.6668C12.3181 22.6668 9.33337 19.6821 9.33337 16.0002C9.33337 12.3183 12.3181 9.3335 16 9.3335C19.6819 9.3335 22.6667 12.3183 22.6667 16.0002Z"
-                             stroke="#D92D20" stroke-width="1.33333" stroke-linecap="round"
-                             stroke-linejoin="round" />
-                     </g>
-                     <defs>
-                         <clipPath id="clip0_235_24234">
-                             <rect width="16" height="16" fill="white" transform="translate(8 8)" />
-                         </clipPath>
-                     </defs>
-                 </svg></span><span class="dashed-desc">Eye test video preview is available for 30 days. Audit data
-                 remains accessible, but videos will not be retained beyond this period.</span></span>
-                 <span class="col-2 pt-2 text-end cursor-pointer" (click)="closeEyeTest()">
-            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
-            <path d="M25 15L15 25M15 15L25 25" stroke="#667085" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>
-                 </span>
-     </h3>
-    </div>
-</div>
-
-
-
-<!-- <div class="card my-3">
-    <div class="card-header border-0 py-1">
- 
-    </div>
-</div> -->
-
-<div class="row">
-    <div *ngIf="users?.role ==='superadmin' && keyType ==='rm'" class="col">
-        <div class="card p-2">
-            <div class="card-header ellipse1 min-h-55px py-1 px-3 d-flex justify-content-between align-items-center">
-                <h5 class="card-title my-0">Regional Managers</h5>
-                <span class="text-value">{{RmListData ?? '--'}}</span>
-            </div>
-        </div>
-
-        <div class="card mt-5 p-2">
-            <div class="card-header ellipse1 min-h-55px py-1 px-3 d-flex justify-content-between align-items-center">
-                <h5 class="card-title my-0">Clusters</h5>
-                <span class="text-value">{{groups?.length ?? '--'}}</span>
-            </div>
-        </div>
-    </div>
-        <div *ngIf="users?.role ==='superadmin' && keyType !=='rm' || users?.role ==='admin'" class="col">
-        <div class="card h-100 p-2">
-            <div class="card-header ellipse1 min-h-45px  py-1 px-3 d-flex justify-content-center align-items-center">
-                <h5 class="card-title">Clusters</h5>
-            </div>
-            <div class="card-body py-7 d-flex justify-content-center align-items-center">
-                <span class="text-value">{{ groups?.length ?? '-' }}</span>
-            </div>
-        </div>
-    </div>
-    <div class="col">
-        <div class="card h-100 p-2">
-            <div class="card-header ellipse1 min-h-45px  py-1 px-3 d-flex justify-content-center align-items-center">
-                <h5 class="card-title">Total Tango AI Files</h5>
-            </div>
-            <div class="card-body py-7 d-flex justify-content-center align-items-center">
-                <span class="text-value">{{ eyeTestCardData?.totalFiles ?? '-' }}</span>
-            </div>
-        </div>
-    </div>
-    <div class="col">
-        <div class="card h-100 p-2">
-            <div class="card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center">
-                <h5 class="card-title">Trust Audit Completed</h5>
-            </div>
-            <div class="card-body py-3 d-flex justify-content-center align-items-center">
-                <span class="text-value">{{ eyeTestCardData?.completedFiles ?? '-' }}</span>
-
-            </div>
-            <div class="card-footer py-0 border-0 d-flex justify-content-center align-items-center">
-                <span class="text-sub">{{ (eyeTestCardData?.completedRatio ?? '-') + '%' }} <span
-                        class="test-sub">Completed</span></span>
-            </div>
-        </div>
-    </div>
-    <div class="col">
-        <div class="card h-100 p-2">
-            <div class="card-header ellipse1 min-h-45px  py-1 px-3 d-flex justify-content-center align-items-center">
-                <h5 class="card-title">Tango Score</h5>
-            </div>
-            <div class="card-body py-7 d-flex justify-content-center align-items-center">
-                <span class="text-value">{{ eyeTestCardData?.tangoScore ?? '-' }}</span>
-            </div>
-            <div class="card-footer pe-0 ps-3 py-0 border-0 d-flex justify-content-center align-items-center">
-                <span>
-                     <svg *ngIf="eyeTestCardData?.trend" xmlns="http://www.w3.org/2000/svg" width="12" height="12"
-                                        viewBox="0 0 12 12" fill="none">
-                                        <g clip-path="url(#clip0_3216_118)">
-                                            <path d="M11.5 3L6.75 7.75L4.25 5.25L0.5 9M11.5 3H8.5M11.5 3V6" stroke="#039855" stroke-width="1.5"
-                                                stroke-linecap="round" stroke-linejoin="round" />
-                                        </g>
-                                        <defs>
-                                            <clipPath id="clip0_3216_118">
-                                                <rect width="12" height="12" fill="white" />
-                                            </clipPath>
-                                        </defs>
-                                    </svg>
-                    <svg *ngIf="!eyeTestCardData?.trend" xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none">
-                        <g clip-path="url(#clip0_760_9776)">
-                            <path d="M11.575 9L6.82495 4.25L4.32495 6.75L0.574951 3M11.575 9H8.57495M11.575 9V6"
-                                stroke="#D92D20" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-                        </g>
-                        <defs>
-                            <clipPath id="clip0_760_9776">
-                                <rect width="12" height="12" fill="white" transform="translate(0.0749512)" />
-                            </clipPath>
-                        </defs>
-                    </svg> 
-                    <span class="text-sub ms-2">{{ eyeTestCardData?.tangoScoreTrend !== null 
-      ? (getAbsValue(eyeTestCardData.tangoScoreTrend) | number:'1.0-0':'en-US') + '%' 
-      : '-' }}
- <span
-                            class="test-sub1">vs previous week</span></span></span>
-            </div>
-        </div>
-    </div>
-    <div class="col">
-        <div class="card h-100 p-2">
-            <div class="card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center">
-                <h5 class="card-title">Trust Score</h5>
-            </div>
-            <div class="card-body py-7 d-flex justify-content-center align-items-center">
-                <span class="text-value">{{ (eyeTestCardData?.trustScore && eyeTestCardData?.trustScore !== 'NA' 
-  ? eyeTestCardData.trustScore + '%' 
-  : 'NA') }}</span>
-            </div>
-        </div>
-
-
-    </div>
-     <div class="col">
-        <div class="card h-100 p-2">
-            <div class="card-header ellipse1 min-h-45px py-1 px-3 d-flex justify-content-center align-items-center">
-                <h5 class="card-title">Human Audited Score</h5>
-            </div>
-            <div class="card-body py-7 d-flex justify-content-center align-items-center">
-                <span class="text-value">{{ (eyeTestCardData?.humanScore && eyeTestCardData?.humanScore !== 'NA' 
-  ? eyeTestCardData.humanScore 
-  : 'NA') }}</span>
-            </div>
-        </div>
-
-
-    </div>
-    
-</div>
-
-
-<div class="card mt-3">
-    <div class="card-header border-0 pt-3">
-        <h3 class="card-title align-items-start flex-column">
-            <span *ngIf="users?.role === 'superadmin' && keyType ==='rm'" class="title-text mb-2">
-                Audit Summary
-                <span *ngIf="!loading" class="badge badge-light-primary">{{ totalItems }} Total</span>
-            </span>
-
-            <!-- Admin + cluster present → RM Summary -->
-             <div class="d-flex">
-                 <span class="me-2 cursor-pointer" *ngIf="keyType ==='cluster' && users?.role === 'superadmin'" (click)="typeVal1('rm','')">
-                     <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
-                         <g filter="url(#filter0_d_745_12128)">
-                             <rect x="2" y="1" width="40" height="40" rx="8" fill="white" />
-                             <rect x="2.5" y="1.5" width="39" height="39" rx="7.5" stroke="#D0D5DD" />
-                             <path
-                                 d="M27.8334 21.0003H16.1667M16.1667 21.0003L22.0001 26.8337M16.1667 21.0003L22.0001 15.167"
-                                 stroke="#344054" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round" />
-                         </g>
-                         <defs>
-                             <filter id="filter0_d_745_12128" x="0" y="0" width="44" height="44" filterUnits="userSpaceOnUse"
-                                 color-interpolation-filters="sRGB">
-                                 <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                                 <feColorMatrix in="SourceAlpha" type="matrix"
-                                     values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
-                                 <feOffset dy="1" />
-                                 <feGaussianBlur stdDeviation="1" />
-                                 <feColorMatrix type="matrix"
-                                     values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0" />
-                                 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_745_12128" />
-                                 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_745_12128"
-                                     result="shape" />
-                             </filter>
-                         </defs>
-                     </svg>
-                 </span>
-                 <span *ngIf="users?.role === 'admin' && keyType ==='cluster' || users?.role === 'superadmin' && keyType ==='cluster'" class="title-text my-4 mb-2">
-                     RM Summary
-                     <span *ngIf="!loading" class="badge badge-light-primary text-capitalize">{{ eyeTestData[0]?.RMName ? eyeTestData[0]?.RMName : '' }}</span>
-                 </span>
-             </div>
-
-            <!-- All other cases → Eye Test -->
-            <div class="d-flex ">
-                <span class="me-2 cursor-pointer" *ngIf="keyType ==='store' && (users?.role === 'superadmin')"
-                    (click)="typeVal1('cluster',this.rmEmail)">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
-                        <g filter="url(#filter0_d_745_12128)">
-                            <rect x="2" y="1" width="40" height="40" rx="8" fill="white" />
-                            <rect x="2.5" y="1.5" width="39" height="39" rx="7.5" stroke="#D0D5DD" />
-                            <path
-                                d="M27.8334 21.0003H16.1667M16.1667 21.0003L22.0001 26.8337M16.1667 21.0003L22.0001 15.167"
-                                stroke="#344054" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round" />
-                        </g>
-                        <defs>
-                            <filter id="filter0_d_745_12128" x="0" y="0" width="44" height="44"
-                                filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-                                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                                <feColorMatrix in="SourceAlpha" type="matrix"
-                                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
-                                <feOffset dy="1" />
-                                <feGaussianBlur stdDeviation="1" />
-                                <feColorMatrix type="matrix"
-                                    values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0" />
-                                <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_745_12128" />
-                                <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_745_12128"
-                                    result="shape" />
-                            </filter>
-                        </defs>
-                    </svg>
-                </span>
-                <span class="me-2 cursor-pointer" *ngIf="keyType ==='store' && (users?.role === 'admin')"
-                    (click)="typeVal1('cluster',this.groups)">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
-                        <g filter="url(#filter0_d_745_12128)">
-                            <rect x="2" y="1" width="40" height="40" rx="8" fill="white" />
-                            <rect x="2.5" y="1.5" width="39" height="39" rx="7.5" stroke="#D0D5DD" />
-                            <path
-                                d="M27.8334 21.0003H16.1667M16.1667 21.0003L22.0001 26.8337M16.1667 21.0003L22.0001 15.167"
-                                stroke="#344054" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round" />
-                        </g>
-                        <defs>
-                            <filter id="filter0_d_745_12128" x="0" y="0" width="44" height="44"
-                                filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-                                <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                                <feColorMatrix in="SourceAlpha" type="matrix"
-                                    values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
-                                <feOffset dy="1" />
-                                <feGaussianBlur stdDeviation="1" />
-                                <feColorMatrix type="matrix"
-                                    values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0" />
-                                <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_745_12128" />
-                                <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_745_12128"
-                                    result="shape" />
-                            </filter>
-                        </defs>
-                    </svg>
-                </span>
-                <span *ngIf="!(users?.role === 'superadmin' && keyType ==='rm') && !(users?.role === 'superadmin' && keyType ==='cluster') 
-                && !(users?.role === 'admin' && keyType ==='cluster')" class="title-text my-4 mb-2">
-                    Eye Test
-                    <span *ngIf="!loading" class="badge badge-light-primary">{{ totalItems }} Total</span>
-                </span>
-            </div>
-            <span *ngIf="users?.role ==='superadmin' && keyType ==='rm'" class="text-sub my-2">Based on {{ headDate | date: 'MMM d' }} - {{
-                headDateEnd | date: 'MMM d, y' }}</span>
-                <span *ngIf="users?.role ==='admin' && keyType ==='cluster'" class="text-sub my-2">Based on {{ headDate | date: 'MMM d' }} - {{
-                headDateEnd | date: 'MMM d, y' }}</span>
-                <span *ngIf="users?.role ==='user' && keyType ==='store'" class="text-sub my-2">Based on {{ headDate | date: 'MMM d' }} - {{
-                headDateEnd | date: 'MMM d, y' }}</span>
-        </h3>
-        <div class="card-toolbar">
-            <div class="d-flex">
-                <div class="d-flex align-items-center position-relative my-1">
-                    <span class="svg-icon svg-icon-1 position-absolute ms-3">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-                            <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1"
-                                transform="rotate(45 17.0365 15.1223)" fill="currentColor"></rect>
-                            <path
-                                d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z"
-                                fill="currentColor"></path>
-                        </svg>
-                    </span>
-                    <input (change)="searchData()" [(ngModel)]="searchValue" type="text" class="form-control ps-14 me-2" autocomplete="off"
-                        [placeholder]="
-                        keyType === 'rm'
-                          ? 'Search by RMName'
-                          : keyType === 'cluster'
-                          ? 'Search by Cluster'
-                          : 'Search'
-                      " />
-
-
-                    <span class="cursor-pointer" *ngIf="users?.role ==='superadmin'" (click)="settingsView()"><svg xmlns="http://www.w3.org/2000/svg" width="45" height="46"
-                            viewBox="0 0 45 46" fill="none">
-                            <g filter="url(#filter0_d_760_9988)">
-                                <rect x="2.71973" y="1.98047" width="40.04" height="40.04" rx="7.28" fill="white" />
-                                <rect x="3.17473" y="2.43547" width="39.13" height="39.13" rx="6.825" stroke="#D0D5DD"
-                                    stroke-width="0.91" />
-                                <g clip-path="url(#clip0_760_9988)">
-                                    <path
-                                        d="M22.7396 24.2749C23.9961 24.2749 25.0146 23.2563 25.0146 21.9999C25.0146 20.7434 23.9961 19.7249 22.7396 19.7249C21.4832 19.7249 20.4646 20.7434 20.4646 21.9999C20.4646 23.2563 21.4832 24.2749 22.7396 24.2749Z"
-                                        stroke="#344054" stroke-width="1.5197" stroke-linecap="round"
-                                        stroke-linejoin="round" />
-                                    <path
-                                        d="M28.3513 24.2749C28.2503 24.5036 28.2202 24.7573 28.2648 25.0033C28.3094 25.2493 28.4267 25.4763 28.6015 25.655L28.647 25.7005C28.788 25.8414 28.8999 26.0087 28.9762 26.1928C29.0526 26.3769 29.0919 26.5743 29.0919 26.7736C29.0919 26.9729 29.0526 27.1703 28.9762 27.3544C28.8999 27.5385 28.788 27.7058 28.647 27.8466C28.5062 27.9876 28.3389 28.0995 28.1548 28.1758C27.9707 28.2522 27.7733 28.2914 27.574 28.2914C27.3747 28.2914 27.1773 28.2522 26.9932 28.1758C26.8091 28.0995 26.6418 27.9876 26.5009 27.8466L26.4554 27.8011C26.2767 27.6263 26.0497 27.509 25.8037 27.4644C25.5577 27.4198 25.304 27.4499 25.0753 27.5509C24.851 27.647 24.6597 27.8066 24.525 28.0101C24.3902 28.2135 24.3179 28.4519 24.3169 28.696V28.8249C24.3169 29.2271 24.1572 29.6129 23.8727 29.8973C23.5883 30.1817 23.2025 30.3415 22.8003 30.3415C22.398 30.3415 22.0123 30.1817 21.7278 29.8973C21.4434 29.6129 21.2836 29.2271 21.2836 28.8249V28.7566C21.2777 28.5056 21.1965 28.2622 21.0504 28.058C20.9044 27.8538 20.7003 27.6982 20.4646 27.6115C20.2359 27.5106 19.9822 27.4805 19.7362 27.5251C19.4902 27.5697 19.2632 27.687 19.0844 27.8618L19.0389 27.9073C18.8981 28.0483 18.7308 28.1602 18.5467 28.2365C18.3626 28.3128 18.1652 28.3521 17.9659 28.3521C17.7666 28.3521 17.5692 28.3128 17.3851 28.2365C17.201 28.1602 17.0337 28.0483 16.8929 27.9073C16.7519 27.7664 16.64 27.5992 16.5637 27.415C16.4873 27.2309 16.448 27.0336 16.448 26.8342C16.448 26.6349 16.4873 26.4376 16.5637 26.2535C16.64 26.0693 16.7519 25.9021 16.8929 25.7612L16.9384 25.7157C17.1132 25.537 17.2305 25.31 17.2751 25.064C17.3197 24.818 17.2896 24.5643 17.1886 24.3355C17.0925 24.1112 16.9329 23.92 16.7294 23.7852C16.526 23.6505 16.2876 23.5782 16.0435 23.5772H15.9146C15.5124 23.5772 15.1266 23.4174 14.8422 23.133C14.5577 22.8486 14.3979 22.4628 14.3979 22.0605C14.3979 21.6583 14.5577 21.2725 14.8422 20.9881C15.1266 20.7037 15.5124 20.5439 15.9146 20.5439H15.9829C16.2339 20.538 16.4773 20.4568 16.6815 20.3107C16.8857 20.1646 17.0413 19.9605 17.1279 19.7249C17.2289 19.4961 17.259 19.2424 17.2144 18.9964C17.1698 18.7504 17.0525 18.5234 16.8777 18.3447L16.8322 18.2992C16.6912 18.1583 16.5793 17.9911 16.503 17.807C16.4267 17.6228 16.3874 17.4255 16.3874 17.2262C16.3874 17.0268 16.4267 16.8295 16.503 16.6454C16.5793 16.4612 16.6912 16.294 16.8322 16.1531C16.9731 16.0121 17.1403 15.9002 17.3244 15.8239C17.5086 15.7476 17.7059 15.7083 17.9052 15.7083C18.1046 15.7083 18.3019 15.7476 18.486 15.8239C18.6702 15.9002 18.8374 16.0121 18.9783 16.1531L19.0238 16.1986C19.2025 16.3734 19.4295 16.4907 19.6755 16.5353C19.9215 16.5799 20.1752 16.5498 20.4039 16.4489H20.4646C20.6889 16.3527 20.8802 16.1931 21.0149 15.9897C21.1497 15.7862 21.222 15.5478 21.2229 15.3038V15.1749C21.2229 14.7726 21.3827 14.3869 21.6672 14.1024C21.9516 13.818 22.3374 13.6582 22.7396 13.6582C23.1419 13.6582 23.5276 13.818 23.8121 14.1024C24.0965 14.3869 24.2563 14.7726 24.2563 15.1749V15.2431C24.2573 15.4871 24.3296 15.7256 24.4643 15.929C24.599 16.1325 24.7903 16.2921 25.0146 16.3882C25.2433 16.4891 25.4971 16.5193 25.7431 16.4747C25.9891 16.4301 26.2161 16.3128 26.3948 16.138L26.4403 16.0925C26.5811 15.9514 26.7484 15.8396 26.9325 15.7632C27.1167 15.6869 27.314 15.6476 27.5133 15.6476C27.7126 15.6476 27.91 15.6869 28.0941 15.7632C28.2782 15.8396 28.4455 15.9514 28.5864 16.0925C28.7274 16.2333 28.8392 16.4006 28.9156 16.5847C28.9919 16.7688 29.0312 16.9662 29.0312 17.1655C29.0312 17.3648 28.9919 17.5622 28.9156 17.7463C28.8392 17.9304 28.7274 18.0977 28.5864 18.2385L28.5409 18.284C28.366 18.4628 28.2488 18.6898 28.2042 18.9358C28.1596 19.1818 28.1897 19.4355 28.2906 19.6642V19.7249C28.3867 19.9492 28.5464 20.1404 28.7498 20.2752C28.9533 20.4099 29.1917 20.4822 29.4357 20.4832H29.5646C29.9669 20.4832 30.3526 20.643 30.6371 20.9274C30.9215 21.2119 31.0813 21.5976 31.0813 21.9999C31.0813 22.4021 30.9215 22.7879 30.6371 23.0723C30.3526 23.3567 29.9669 23.5165 29.5646 23.5165H29.4964C29.2523 23.5175 29.0139 23.5898 28.8105 23.7246C28.607 23.8593 28.4474 24.0506 28.3513 24.2749Z"
-                                        stroke="#344054" stroke-width="1.5197" stroke-linecap="round"
-                                        stroke-linejoin="round" />
-                                </g>
-                            </g>
-                            <defs>
-                                <filter id="filter0_d_760_9988" x="0.719727" y="0.980469" width="44.04" height="44.04"
-                                    filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-                                    <feFlood flood-opacity="0" result="BackgroundImageFix" />
-                                    <feColorMatrix in="SourceAlpha" type="matrix"
-                                        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
-                                    <feOffset dy="1" />
-                                    <feGaussianBlur stdDeviation="1" />
-                                    <feColorMatrix type="matrix"
-                                        values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.05 0" />
-                                    <feBlend mode="normal" in2="BackgroundImageFix"
-                                        result="effect1_dropShadow_760_9988" />
-                                    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_760_9988"
-                                        result="shape" />
-                                </filter>
-                                <clipPath id="clip0_760_9988">
-                                    <rect width="18.2" height="18.2" fill="white"
-                                        transform="translate(13.6396 12.9004)" />
-                                </clipPath>
-                            </defs>
-                        </svg></span>
-
-                    <button *ngIf="!noData && !loading" type="button" (click)="exportXLSX()"
-                        class="btn btn-default mx-2 btn-outline btn-outline-default rounded-3 text-nowrap border-val"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" viewBox="0 0 19 20" fill="none">
-  <path d="M7.53369 12.8441H15.0241L13.5568 14.3172L14.3587 15.1191L17.2024 12.2754L14.3587 9.43164L13.5568 10.2336L15.0241 11.7066H7.53369V12.8441Z" fill="black"/>
-  <path d="M12.6526 8.8631V6.5881C12.653 6.51325 12.6387 6.43904 12.6104 6.36975C12.5821 6.30045 12.5404 6.23743 12.4877 6.18428L8.5064 2.20303C8.45326 2.15032 8.39023 2.10862 8.32094 2.08031C8.25164 2.05201 8.17744 2.03766 8.10259 2.0381H2.41509C2.1134 2.0381 1.82408 2.15794 1.61075 2.37126C1.39743 2.58458 1.27759 2.87391 1.27759 3.1756V16.8256C1.27759 17.1273 1.39743 17.4166 1.61075 17.6299C1.82408 17.8433 2.1134 17.9631 2.41509 17.9631H11.5151C11.8168 17.9631 12.1061 17.8433 12.3194 17.6299C12.5327 17.4166 12.6526 17.1273 12.6526 16.8256V15.6881H11.5151V16.8256H2.41509V3.1756H6.96509V6.5881C6.96509 6.88978 7.08493 7.17911 7.29826 7.39243C7.51158 7.60575 7.80091 7.7256 8.10259 7.7256H11.5151V8.8631H12.6526ZM8.10259 6.5881V3.40878L11.2819 6.5881H8.10259Z" fill="black"/>
-</svg><span class="ms-2">Export</span> </button>
-
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <!-- ── Tango AI Section (Audit Summary + RM Summary only) ── -->
-    <div class="px-6 pb-4" *ngIf="(users?.role === 'superadmin' && keyType === 'rm') || keyType === 'cluster'">
-      <!-- Header -->
-      <div class="text-center mb-3">
-        <h3 class="fw-bold mb-1" style="color: #0591FF;">
-          Tango AI
-          <sup>
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 26 23" fill="none">
-              <path d="M5.40634 1.88184L5.61168 2.76648C5.75884 3.40173 6.09183 3.99315 6.57843 4.48348C7.06503 4.97382 7.68876 5.34646 8.38923 5.56534L8.64861 5.64628L8.38923 5.72721C7.68876 5.94609 7.06503 6.31874 6.57843 6.80907C6.09183 7.2994 5.75884 7.89082 5.61168 8.52607L5.40634 9.41072L5.20099 8.52607C5.05384 7.89082 4.72084 7.2994 4.23425 6.80907C3.74765 6.31874 3.12392 5.94609 2.42344 5.72721L2.16406 5.64628L2.42344 5.56534C3.12392 5.34646 3.74765 4.97382 4.23425 4.48348C4.72084 3.99315 5.05384 3.40173 5.20099 2.76648L5.40634 1.88184ZM17.2947 2.82295L17.8956 5.32065C18.2018 6.59405 18.8818 7.77662 19.8692 8.75304C20.8566 9.72945 22.1177 10.4664 23.5296 10.892L24.86 11.2929L23.5296 11.6938C22.1177 12.1195 20.8566 12.8564 19.8692 13.8328C18.8818 14.8093 18.2018 15.9918 17.8956 17.2652L17.2947 19.7629L16.6938 17.2652C16.3875 15.9918 15.7076 14.8093 14.7202 13.8328C13.7328 12.8564 12.4717 12.1195 11.0598 11.6938L9.72937 11.2929L11.0598 10.892C12.4717 10.4664 13.7328 9.72945 14.7202 8.75304C15.7076 7.77662 16.3875 6.59405 16.6938 5.32065L17.2947 2.82295Z" fill="url(#eyeTestAiGrad)"/>
-              <defs>
-                <linearGradient id="eyeTestAiGrad" x1="13.512" y1="19.7629" x2="13.512" y2="1.88184" gradientUnits="userSpaceOnUse">
-                  <stop stop-color="white"/>
-                  <stop offset="1" stop-color="#0591FF"/>
-                </linearGradient>
-              </defs>
-            </svg>
-          </sup>
-        </h3>
-        <p class="text-dark mb-0" style="font-size: 13px;">Ask the Tango AI on what you want..</p>
-      </div>
-
-      <!-- Input -->
-      <div class="d-flex justify-content-center mb-3">
-        <div style="width: 60%; min-width: 300px;">
-
-          <div class="position-relative">
-
-          <!-- Plus Button with Model Popup (inside input, left side) -->
-          <div class="plus-menu-wrap position-absolute top-50 translate-middle-y ps-2" style="left: 4px; z-index: 10;">
-            <button class="btn-plus" type="button" (click)="togglePlusMenu()" [class.open]="showPlusMenu">/</button>
-            <div class="plus-popup" *ngIf="showPlusMenu">
-              <div class="plus-popup-section-label">Model</div>
-              <button class="plus-popup-item" type="button"
-                *ngFor="let m of modelOptions"
-                [class.selected]="selectedModel === m.value"
-                (click)="selectModel(m.value); closePlusMenu()">
-                <span class="model-hint fw-bold text-dark">{{ m.label }}</span>
-                <!-- <span class="text-muted ms-1" style="font-size:11px;">{{ m.value }}</span> -->
-                <svg *ngIf="selectedModel === m.value" class="check-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#009BF3" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
-                  <polyline points="20 6 9 17 4 12"/>
-                </svg>
-              </button>
-            </div>
-          </div>
-
-          <input type="text" class="form-control rounded-pill" placeholder="Ask anything..."
-            style="padding-left: 46px;"
-            [(ngModel)]="eyeTestChatQuery" [ngModelOptions]="{standalone: true}"
-            (keyup.enter)="onEyeTestAiSearch()" />
-          <div class="position-absolute end-0 top-50 translate-middle-y d-flex align-items-center gap-2 pe-3">
-            <!-- <span class="model-version-tag me-1">{{ selectedModelVersion }}</span> -->
-            <button class="btn btn-link p-0" title="History">
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 22 24" fill="none">
-                <path d="M3.93772 10.3551L3.35767 10.6484L2.77763 10.9417L3.31874 12.0117L3.89878 11.7184L4.47883 11.4251L3.93772 10.3551Z" fill="#667085"/>
-              </svg>
-            </button>
-            <button class="btn btn-link p-0" title="Send" (click)="onEyeTestAiSearch()">
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-                <path d="M4.16797 10.0003H15.8346M15.8346 10.0003L10.0013 4.16699M15.8346 10.0003L10.0013 15.8337"
-                  stroke="#667085" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
-              </svg>
-            </button>
-          </div>
-          </div><!-- /position-relative -->
-        </div><!-- /width wrapper -->
-      </div>
-
-      <!-- AI Response -->
-      <div *ngIf="showEyeTestAiMessage" class="rounded-3 p-4 mx-auto" style="background: #EAF8FF;">
-        <div class="d-flex align-items-center gap-2 mb-2">
-          <span class="ai-avatar-icon">
-          <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
-            <mask id="path-1-inside-1_1849_13120" fill="white">
-              <path
-                d="M19.9948 18.0752L19.2779 17.3583L11.5533 9.63369L13.8448 7.34219L14.3938 6.79206C14.4462 6.73892 14.4758 6.66742 14.4762 6.5928C14.476 6.55591 14.4685 6.51941 14.4542 6.4854C14.4399 6.4514 14.419 6.42055 14.3928 6.39462L13.8426 5.84449L11.4125 3.41004L10.8624 2.85991C10.8364 2.83346 10.8054 2.81244 10.7712 2.7981C10.7369 2.78375 10.7002 2.77637 10.6631 2.77637C10.626 2.77637 10.5893 2.78375 10.5551 2.7981C10.5209 2.81244 10.4899 2.83346 10.4639 2.85991L9.91374 3.41113L6.93566 6.38921C6.90923 6.41512 6.88824 6.44604 6.87391 6.48016C6.85958 6.51428 6.8522 6.55092 6.8522 6.58793C6.8522 6.62493 6.85958 6.66157 6.87391 6.69569C6.88824 6.72981 6.90923 6.76073 6.93566 6.78664L9.78053 9.63261L2.05485 17.3583L1.3412 18.0752C1.28828 18.1276 1.2583 18.1989 1.25781 18.2734C1.25812 18.3454 1.28558 18.4146 1.3347 18.4672C1.36093 18.4952 1.39262 18.5176 1.42783 18.5328C1.46303 18.5481 1.501 18.556 1.53938 18.556H8.48859C8.56318 18.5557 8.63463 18.526 8.68737 18.4732C8.74011 18.4205 8.76987 18.349 8.77015 18.2745V17.5835C8.77015 17.5088 8.74052 17.437 8.68775 17.3841C8.63498 17.3311 8.56336 17.3012 8.48859 17.3009H3.8861L10.6664 10.5206L17.4466 17.3009H12.8041C12.7293 17.3012 12.6577 17.3311 12.6049 17.3841C12.5522 17.437 12.5225 17.5088 12.5225 17.5835V18.2745C12.5224 18.3116 12.5297 18.3483 12.544 18.3825C12.5583 18.4168 12.5794 18.4478 12.6059 18.4737C12.6585 18.5262 12.7298 18.5558 12.8041 18.556H19.7955C19.8341 18.5562 19.8723 18.5483 19.9077 18.5331C19.9431 18.5178 19.975 18.4954 20.0013 18.4672C20.0519 18.4141 20.0796 18.3432 20.0784 18.2699C20.0771 18.1965 20.0471 18.1266 19.9948 18.0752ZM10.662 4.43559L12.8203 6.59388L10.6675 8.74676L8.50917 6.58847L10.662 4.43559Z" />
-            </mask>
-            <path
-              d="M19.9948 18.0752L-17.969 56.039L-17.8004 56.2076L-17.6303 56.3746L19.9948 18.0752ZM19.2779 17.3583L57.2417 -20.6055V-20.6055L19.2779 17.3583ZM11.5533 9.63369L-26.4105 -28.3301L-64.3743 9.63369L-26.4105 47.5975L11.5533 9.63369ZM13.8448 7.34219L51.8086 45.306L51.8273 45.2873L51.846 45.2685L13.8448 7.34219ZM14.3938 6.79206L52.3951 44.7184L52.511 44.6022L52.6262 44.4854L14.3938 6.79206ZM14.4762 6.5928L68.1644 6.86661L68.1657 6.59731L68.1644 6.32801L14.4762 6.5928ZM14.3928 6.39462L-23.571 44.3584L-23.4528 44.4766L-23.3339 44.594L14.3928 6.39462ZM13.8426 5.84449L-24.1549 43.7744L-24.1381 43.7914L-24.1212 43.8083L13.8426 5.84449ZM11.4125 3.41004L49.4101 -34.5199L49.3932 -34.5368L49.3763 -34.5538L11.4125 3.41004ZM10.8624 2.85991L-27.4274 40.4949L-27.2651 40.66L-27.1014 40.8237L10.8624 2.85991ZM10.4639 2.85991L48.4649 40.7864L48.6098 40.6412L48.7536 40.4949L10.4639 2.85991ZM9.91374 3.41113L47.8775 41.3749L47.8962 41.3563L47.9148 41.3376L9.91374 3.41113ZM6.93566 6.38921L44.5253 44.7235L44.7133 44.5392L44.8994 44.353L6.93566 6.38921ZM6.8522 6.58793H60.5411H6.8522ZM6.93566 6.78664L44.9067 -31.1699L44.7169 -31.3597L44.5253 -31.5476L6.93566 6.78664ZM9.78053 9.63261L47.7443 47.5964L85.7009 9.63983L47.7515 -28.3239L9.78053 9.63261ZM2.05485 17.3583L-35.9089 -20.6055L-35.952 -20.5624L-35.995 -20.5192L2.05485 17.3583ZM1.3412 18.0752L39.1288 56.2144L39.2604 56.084L39.3911 55.9527L1.3412 18.0752ZM1.25781 18.2734L-52.4299 17.9229L-52.4318 18.2134L-52.4306 18.5038L1.25781 18.2734ZM1.3347 18.4672L-37.9146 55.1003L-37.8877 55.1292L-37.8607 55.1581L1.3347 18.4672ZM1.53938 18.556L1.52238 72.2449H1.53088H1.53938V18.556ZM8.48859 18.556V72.2449H8.59125L8.6939 72.2445L8.48859 18.556ZM8.77015 18.2745L62.4587 18.4798L62.459 18.3771V18.2745H8.77015ZM8.77015 17.5835L-44.9187 17.5831V17.5835H8.77015ZM8.48859 17.3009L8.69429 -36.3876L8.59144 -36.388H8.48859V17.3009ZM3.8861 17.3009L-34.0777 -20.6629L-125.73 70.9898H3.8861V17.3009ZM10.6664 10.5206L48.6302 -27.4432L10.6664 -65.407L-27.2974 -27.4432L10.6664 10.5206ZM17.4466 17.3009V70.9898H147.063L55.4104 -20.6629L17.4466 17.3009ZM12.8041 17.3009V-36.388H12.7012L12.5984 -36.3876L12.8041 17.3009ZM12.5225 17.5835H66.2114V17.5831L12.5225 17.5835ZM12.5225 18.2745L66.211 18.4803L66.2114 18.3774V18.2745H12.5225ZM12.6059 18.4737L50.5384 -19.5213L50.3431 -19.7163L50.1458 -19.9093L12.6059 18.4737ZM12.8041 18.556L12.6603 72.2447L12.7322 72.2449H12.8041V18.556ZM19.7955 18.556L19.9855 -35.1325L19.8905 -35.1329H19.7955V18.556ZM20.0013 18.4672L-18.8724 -18.5643L-19.0342 -18.3945L-19.1944 -18.2233L20.0013 18.4672ZM10.662 4.43559L48.6258 -33.5282L10.662 -71.492L-27.3017 -33.5282L10.662 4.43559ZM12.8203 6.59388L50.7841 44.5577L88.7479 6.59389L50.7841 -31.3699L12.8203 6.59388ZM10.6675 8.74676L-27.2963 46.7105L10.6674 84.6743L48.6312 46.7105L10.6675 8.74676ZM8.50917 6.58847L-29.4546 -31.3753L-67.4184 6.58847L-29.4546 44.5522L8.50917 6.58847ZM19.9948 18.0752L57.9586 -19.8886L57.2417 -20.6055L19.2779 17.3583L-18.6859 55.3221L-17.969 56.039L19.9948 18.0752ZM19.2779 17.3583L57.2417 -20.6055L49.5171 -28.3301L11.5533 9.63369L-26.4105 47.5975L-18.6859 55.3221L19.2779 17.3583ZM11.5533 9.63369L49.5171 47.5975L51.8086 45.306L13.8448 7.34219L-24.119 -30.6216L-26.4105 -28.3301L11.5533 9.63369ZM13.8448 7.34219L51.846 45.2685L52.3951 44.7184L14.3938 6.79206L-23.6074 -31.1343L-24.1564 -30.5841L13.8448 7.34219ZM14.3938 6.79206L52.6262 44.4854C62.5164 34.4538 68.0925 20.9532 68.1644 6.86661L14.4762 6.5928L-39.212 6.31898C-39.141 -7.61836 -33.6239 -20.9759 -23.8385 -30.9013L14.3938 6.79206ZM14.4762 6.5928L68.1644 6.32801C68.1294 -0.770107 66.6945 -7.79255 63.9409 -14.3369L14.4542 6.4854L-35.0325 27.3077C-37.7575 20.8314 -39.1774 13.8819 -39.2121 6.85759L14.4762 6.5928ZM14.4542 6.4854L63.9409 -14.3369C61.1877 -20.8802 57.1705 -26.8162 52.1194 -31.8048L14.3928 6.39462L-23.3339 44.594C-28.3325 39.6573 -32.3079 33.783 -35.0325 27.3077L14.4542 6.4854ZM14.3928 6.39462L52.3566 -31.5692L51.8064 -32.1193L13.8426 5.84449L-24.1212 43.8083L-23.571 44.3584L14.3928 6.39462ZM13.8426 5.84449L51.8402 -32.0855L49.4101 -34.5199L11.4125 3.41004L-26.5851 41.34L-24.1549 43.7744L13.8426 5.84449ZM11.4125 3.41004L49.3763 -34.5538L48.8261 -35.1039L10.8624 2.85991L-27.1014 40.8237L-26.5512 41.3739L11.4125 3.41004ZM10.8624 2.85991L49.1521 -34.7751C44.1297 -39.8848 38.1396 -43.944 31.5307 -46.7149L10.7712 2.7981L-9.98838 52.3111C-16.5289 49.5689 -22.457 45.5518 -27.4274 40.4949L10.8624 2.85991ZM10.7712 2.7981L31.5307 -46.7149C24.9223 -49.4857 17.8285 -50.9125 10.6631 -50.9125V2.77637V56.4653C3.57198 56.4653 -3.44839 55.0532 -9.98838 52.3111L10.7712 2.7981ZM10.6631 2.77637V-50.9125C3.49762 -50.9125 -3.59619 -49.4856 -10.2044 -46.7149L10.5551 2.7981L31.3146 52.3111C24.7748 55.0531 17.7544 56.4653 10.6631 56.4653V2.77637ZM10.5551 2.7981L-10.2044 -46.7149C-16.8129 -43.9442 -22.8032 -39.8852 -27.8259 -34.7751L10.4639 2.85991L48.7536 40.4949C43.7829 45.5521 37.8547 49.569 31.3146 52.3111L10.5551 2.7981ZM10.4639 2.85991L-27.5372 -35.0665L-28.0873 -34.5153L9.91374 3.41113L47.9148 41.3376L48.4649 40.7864L10.4639 2.85991ZM9.91374 3.41113L-28.05 -34.5527L-31.0281 -31.5746L6.93566 6.38921L44.8994 44.353L47.8775 41.3749L9.91374 3.41113ZM6.93566 6.38921L-30.654 -31.9451C-35.7777 -26.9209 -39.8481 -20.9252 -42.6268 -14.3087L6.87391 6.48016L56.3746 27.269C53.6246 33.8172 49.5962 39.7511 44.5253 44.7235L6.93566 6.38921ZM6.87391 6.48016L-42.6268 -14.3087C-45.4052 -7.69299 -46.8367 -0.588947 -46.8367 6.58793H6.8522H60.5411C60.5411 13.6908 59.1244 20.7215 56.3746 27.269L6.87391 6.48016ZM6.8522 6.58793H-46.8367C-46.8367 13.7647 -45.4052 20.8688 -42.6268 27.4845L6.87391 6.69569L56.3746 -14.0932C59.1244 -7.54562 60.5411 -0.514848 60.5411 6.58793H6.8522ZM6.87391 6.69569L-42.6268 27.4845C-39.848 34.1012 -35.7775 40.0969 -30.654 45.1209L6.93566 6.78664L44.5253 -31.5476C49.596 -26.5754 53.6245 -20.6416 56.3746 -14.0932L6.87391 6.69569ZM6.93566 6.78664L-31.0354 44.7432L-28.1905 47.5892L9.78053 9.63261L47.7515 -28.3239L44.9067 -31.1699L6.93566 6.78664ZM9.78053 9.63261L-28.1833 -28.3312L-35.9089 -20.6055L2.05485 17.3583L40.0186 55.3221L47.7443 47.5964L9.78053 9.63261ZM2.05485 17.3583L-35.995 -20.5192L-36.7087 -19.8023L1.3412 18.0752L39.3911 55.9527L40.1047 55.2358L2.05485 17.3583ZM1.3412 18.0752L-36.4464 -20.064C-46.5894 -10.0145 -52.3367 3.64485 -52.4299 17.9229L1.25781 18.2734L54.9456 18.6238C54.8533 32.7529 49.1659 46.2697 39.1288 56.2144L1.3412 18.0752ZM1.25781 18.2734L-52.4306 18.5038C-52.3723 32.0955 -47.1883 45.1644 -37.9146 55.1003L1.3347 18.4672L40.584 -18.1659C49.7594 -8.33528 54.8885 4.59526 54.9462 18.0429L1.25781 18.2734ZM1.3347 18.4672L-37.8607 55.1581C-32.8148 60.5484 -26.716 64.8465 -19.9412 67.7859L1.42783 18.5328L22.7969 -30.7202C29.5012 -27.8114 35.5366 -23.5579 40.5301 -18.2236L1.3347 18.4672ZM1.42783 18.5328L-19.9412 67.7859C-13.1678 70.7246 -5.8627 72.2426 1.52238 72.2449L1.53938 18.556L1.55638 -35.1329C8.8647 -35.1306 16.0939 -33.6284 22.7969 -30.7202L1.42783 18.5328ZM1.53938 18.556V72.2449H8.48859V18.556V-35.1329H1.53938V18.556ZM8.48859 18.556L8.6939 72.2445C22.9367 72.1901 36.5802 66.5079 46.6512 56.437L8.68737 18.4732L-29.2764 -19.4905C-19.311 -29.456 -5.8103 -35.0786 8.28328 -35.1325L8.48859 18.556ZM8.68737 18.4732L46.6512 56.437C56.7229 46.3652 62.4042 32.7213 62.4587 18.4798L8.77015 18.2745L-44.9184 18.0691C-44.8645 3.97681 -39.2427 -9.52424 -29.2764 -19.4905L8.68737 18.4732ZM8.77015 18.2745H62.459V17.5835H8.77015H-44.9187V18.2745H8.77015ZM8.77015 17.5835L62.459 17.5839C62.4592 3.30545 56.8012 -10.3911 46.7243 -20.5068L8.68775 17.3841L-29.3488 55.2749C-39.3202 45.2652 -44.9188 31.7121 -44.9187 17.5831L8.77015 17.5835ZM8.68775 17.3841L46.7243 -20.5068C36.648 -30.6218 22.9735 -36.3329 8.69429 -36.3876L8.48859 17.3009L8.28288 70.9894C-5.84679 70.9353 -19.3781 65.284 -29.3488 55.2749L8.68775 17.3841ZM8.48859 17.3009V-36.388H3.8861V17.3009V70.9898H8.48859V17.3009ZM3.8861 17.3009L41.8499 55.2647L48.6302 48.4844L10.6664 10.5206L-27.2974 -27.4432L-34.0777 -20.6629L3.8861 17.3009ZM10.6664 10.5206L-27.2974 48.4844L-20.5171 55.2647L17.4466 17.3009L55.4104 -20.6629L48.6302 -27.4432L10.6664 10.5206ZM17.4466 17.3009V-36.388H12.8041V17.3009V70.9898H17.4466V17.3009ZM12.8041 17.3009L12.5984 -36.3876C-1.68066 -36.3329 -15.3552 -30.6219 -25.4316 -20.5068L12.6049 17.3841L50.6415 55.2749C40.6707 65.2841 27.1393 70.9353 13.0098 70.9894L12.8041 17.3009ZM12.6049 17.3841L-25.4316 -20.5068C-35.5082 -10.3914 -41.1665 3.30504 -41.1664 17.5839L12.5225 17.5835L66.2114 17.5831C66.2115 31.7125 60.6126 45.2655 50.6415 55.2749L12.6049 17.3841ZM12.5225 17.5835H-41.1664V18.2745H12.5225H66.2114V17.5835H12.5225ZM12.5225 18.2745L-41.166 18.0686C-41.1937 25.2913 -39.7712 32.4459 -36.983 39.1085L12.544 18.3825L62.0711 -2.34346C64.8306 4.25071 66.2384 11.3318 66.211 18.4803L12.5225 18.2745ZM12.544 18.3825L-36.983 39.1085C-34.1947 45.7716 -30.0973 51.8068 -24.934 56.8567L12.6059 18.4737L50.1458 -19.9093C55.2561 -14.9113 59.3114 -8.93809 62.0711 -2.34346L12.544 18.3825ZM12.6059 18.4737L-25.3266 56.4687C-15.2435 66.5353 -1.58846 72.2066 12.6603 72.2447L12.8041 18.556L12.9479 -35.1327C27.048 -35.0949 40.5605 -29.4828 50.5384 -19.5213L12.6059 18.4737ZM12.8041 18.556V72.2449H19.7955V18.556V-35.1329H12.8041V18.556ZM19.7955 18.556L19.6056 72.2446C27.0267 72.2708 34.3716 70.7663 41.1819 67.8271L19.9077 18.5331L-1.3666 -30.761C5.37297 -33.6696 12.6415 -35.1585 19.9855 -35.1325L19.7955 18.556ZM19.9077 18.5331L41.1819 67.8271C47.9943 64.887 54.1269 60.574 59.197 55.1577L20.0013 18.4672L-19.1944 -18.2233C-14.177 -23.5833 -8.10817 -27.8515 -1.3666 -30.761L19.9077 18.5331ZM20.0013 18.4672L58.875 55.4987C68.6475 45.24 73.9947 31.5488 73.7599 17.3801L20.0784 18.2699L-33.6032 19.1596C-33.8356 5.13766 -28.5437 -8.41183 -18.8724 -18.5643L20.0013 18.4672ZM20.0784 18.2699L73.7599 17.3801C73.5251 3.21192 67.7274 -10.2947 57.6199 -20.2242L19.9948 18.0752L-17.6303 56.3746C-27.6331 46.5479 -33.3708 33.1811 -33.6032 19.1596L20.0784 18.2699ZM10.662 4.43559L-27.3017 42.3994L-25.1434 44.5577L12.8203 6.59388L50.7841 -31.3699L48.6258 -33.5282L10.662 4.43559ZM12.8203 6.59388L-25.1434 -31.3699L-27.2963 -29.217L10.6675 8.74676L48.6312 46.7105L50.7841 44.5577L12.8203 6.59388ZM10.6675 8.74676L48.6313 -29.217L46.473 -31.3753L8.50917 6.58847L-29.4546 44.5522L-27.2963 46.7105L10.6675 8.74676ZM8.50917 6.58847L46.473 44.5522L48.6258 42.3994L10.662 4.43559L-27.3017 -33.5282L-29.4546 -31.3753L8.50917 6.58847Z"
-              fill="#00A3FF" mask="url(#path-1-inside-1_1849_13120)" />
-          </svg>
-        </span>
-          <strong>AI Assistant</strong>
-        </div>
-        <div *ngIf="eyeTestAiMessage; else aiLoading" [innerHTML]="parseAiMarkdown(eyeTestAiMessage)"></div>
-        <ng-template #aiLoading>
-          <div class="d-flex align-items-center gap-2">
-            <div class="spinner-border spinner-border-sm text-primary" role="status">
-              <span class="visually-hidden">Loading...</span>
-            </div>
-            <span class="text-muted" style="font-size: 13px;">AI is thinking...</span>
-          </div>
-        </ng-template>
-      </div>
-    </div>
-
-    <div *ngIf="loading" class="row loader  d-flex justify-content-center align-items-center">
-        <div class="shimmer">
-            <div class="wrapper">
-                <div class="stroke animate title"></div>
-                <div class="stroke animate link"></div>
-                <div class="stroke animate description"></div>
-            </div>
-        </div>
-        <div class="shimmer">
-            <div class="wrapper">
-                <div class="stroke animate title"></div>
-                <div class="stroke animate link"></div>
-                <div class="stroke animate description"></div>
-            </div>
-        </div>
-    </div>
-    <div *ngIf="noData" class="row">
-        <div class="col-lg-12 mb-3">
-            <div class="card-body d-flex justify-content-center align-items-center flex-column">
-                <img class="img-nodata-table" src="./assets/tango/Icons/Nodata1.svg" alt="">
-                <div class="nodata-title">No data found</div>
-                <div class="nodata-sub">There is no result for this eye test table</div>
-            </div>
-        </div>
-    </div>
-    <div *ngIf="!noData && !loading" class="card-body">
-        <div class="table-responsive">
-            <table *ngIf="keyType ==='store'" class="w-100 table bottom-border text-nowrap">
-                <thead>
-                    <tr>
-                        <th class="text-start">
-                            <span class="cursor-pointer" (click)="onSort('date')"> Date <svg
-                                    [ngClass]="sortedColumn === 'date' && sortOrder === 1 ? 'rotate' : ''" width="16"
-                                    height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'date' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span>
-                        </th>
-                         <th class="text-start">
-                            <span class="cursor-pointer" (click)="onSort('auditedDate')">Audited Date <svg
-                                    [ngClass]="sortedColumn === 'auditedDate' && sortOrder === 1 ? 'rotate' : ''" width="16"
-                                    height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'auditedDate' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span>
-                        </th>
-                         <th *ngIf="users?.role ==='superadmin'" class="text-start">
-                            RM Name
-                        </th>
-                         <th *ngIf="users?.role ==='superadmin' || users?.role ==='admin'" class="text-start">
-                             Cluster Name
-                        </th>
-                        <th><span class="cursor-pointer" (click)="onSort('storeName')">Store Name <svg
-                                    [ngClass]="sortedColumn === 'storeName' && sortOrder === 1 ? 'rotate' : ''"
-                                    width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'storeName' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span></th>
-                        <th><span class="cursor-pointer" (click)="onSort('storeId')">Store ID <svg
-                                    [ngClass]="sortedColumn === 'storeId' && sortOrder === 1 ? 'rotate' : ''" width="16"
-                                    height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'storeId' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span></th>
-                        <th *ngIf="this.typeValue ==='remote'" class="text-start">Engagement ID</th>
-                        <th  class="text-start">Optom ID</th>
-                           <th  class="text-start">Optom Email ID</th>
-                             <th  *ngIf="this.typeValue ==='remote'" class="text-start">Optom Name</th>
-                        <th *ngIf="this.typeValue !=='remote'" class="text-start">Queue ID</th>
-                            <th *ngIf="this.typeValue !=='remote'" class="text-start">Power Types</th>
-                        <th class="text-start">
-                            <span class="cursor-pointer" (click)="onSort('ComplianceScore')">Tango Score <svg
-                                    [ngClass]="sortedColumn === 'ComplianceScore' && sortOrder === 1 ? 'rotate' : ''"
-                                    width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'ComplianceScore' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span> 
-                                </th>
-                        <th><span class="cursor-pointer" (click)="onSort('coveredStepsAI')">Steps Covered By AI <svg
-                                    [ngClass]="sortedColumn === 'coveredStepsAI' && sortOrder === 1 ? 'rotate' : ''"
-                                    width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'coveredStepsAI' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span> </th>
-                        <th><span class="cursor-pointer" (click)="onSort('trustScore')">Trust Score <svg
-                                    [ngClass]="sortedColumn === 'trustScore' && sortOrder === 1 ? 'rotate' : ''"
-                                    width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'trustScore' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span> </th>
-
-<th><span class="cursor-pointer" (click)="onSort('auditedSteps')">Steps Covered By Human <svg
-                                    [ngClass]="sortedColumn === 'auditedSteps' && sortOrder === 1 ? 'rotate' : ''"
-                                    width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'auditedSteps' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span> </th>
-                                <th>Human Audited Score</th>
-
-                                
-
-                        <th *ngIf="this.typeValue !=='remote'"><span class="cursor-pointer"
-                                (click)="onSort('visitorsType')">Visitor Type <svg
-                                    [ngClass]="sortedColumn === 'visitorsType' && sortOrder === 1 ? 'rotate' : ''"
-                                    width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'visitorsType' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span> </th>
-                        <th class="text-start">Test Duration</th>
-                        <th class="text-start" *ngIf="this.typeValue !=='remote'"><span class="cursor-pointer"
-                                (click)="onSort('comment')">Eye Test Status <svg
-                                    [ngClass]="sortedColumn === 'comment' && sortOrder === 1 ? 'rotate' : ''"
-                                    width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'comment' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span></th>
-                                 <th class="text-start"><span class="cursor-pointer"
-                                (click)="onSort('subComment')">Comments <svg
-                                    [ngClass]="sortedColumn === 'subComment' && sortOrder === 1 ? 'rotate' : ''"
-                                    width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'subComment' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span></th>
-                        <th><span class="cursor-pointer" (click)="onSort('auditStatus')">Audit Status <svg
-                                    [ngClass]="sortedColumn === 'auditStatus' && sortOrder === 1 ? 'rotate' : ''"
-                                    width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'auditStatus' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span></th>
-                        <th class="text-start">Audited By</th>
-                        <th class="text-start">Action</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr *ngFor="let obj of eyeTestData; let i=index;">
-                        <td>{{obj?.date | date:'dd MMM, yyyy'}}</td>
-                        <td>{{obj?.auditedDate}}</td>
-                       <td *ngIf="users?.role === 'superadmin'">
-  <ng-container *ngIf="obj?.RMName">
-    <!-- Split and show the first value -->
-    {{ obj.RMName.split(',')[0] }}
-
-    <!-- Show +N badge if more values exist -->
-    <span *ngIf="obj.RMName.split(',').length > 1" class="badge badge-light-default ms-2">
-      +{{ obj.RMName.split(',').length - 1 }}
-    </span>
-  </ng-container>
-</td>
-
-                         <td *ngIf="users?.role ==='superadmin' || users?.role ==='admin'">
-                            <ng-container *ngIf="obj?.clusterName">
- {{ obj.clusterName.split(',')[0] }}
- <span *ngIf="obj.clusterName.split(',').length > 1" class="badge badge-light-default ms-2">
-      +{{ obj.clusterName.split(',').length - 1 }}
-    </span>
-  </ng-container>
-                       
-                          
-                        </td>
-                        <td>{{obj?.storeName}}</td>
-                        <td>{{obj?.storeId}}</td>
-                        <td *ngIf="this.typeValue ==='remote'" class="engage-text">{{obj?.engagementId}}</td>
-                        <td *ngIf="this.typeValue !=='remote'">{{obj?.optumId ? obj?.optumId :''}}
-                               <td *ngIf="this.typeValue ==='remote'">{{obj?.optm_userId ? obj?.optm_userId :''}}
-                        <td *ngIf="this.typeValue !=='remote'">{{obj?.salesmanEmailId ? obj?.salesmanEmailId :''}}
-                               <td *ngIf="this.typeValue ==='remote'">{{obj?.userEmail ? obj?.userEmail :''}}
-                                  <td *ngIf="this.typeValue ==='remote'">{{obj?.displayName ? obj?.displayName :''}}
-                        </td>
-                        <td *ngIf="this.typeValue !=='remote'" class="engage-text">{{obj?.queueId ?
-                            obj?.queueId:''}}</td>
-                               <td *ngIf="this.typeValue !=='remote'" >{{obj?.nearAddition ?
-                            obj?.nearAddition === "true"? "With Near Addition" :"Without Near Addition":'--'}}</td>
-                       <td>
-  {{ obj?.complianceScore ?? '--' }}
-</td>
-<td>{{obj?.coveredStepsAI ? obj?.coveredStepsAI:'--'}}</td>
-                                <td>{{obj?.trustScore ?? '--'}}</td>
-                                <td>{{obj?.auditedSteps ? obj?.auditedSteps:'--'}}</td>
-                                <td>{{obj?.humanComplianceScore ? obj?.humanComplianceScore :'--'}}</td>
-                        <td class="text-capitalize" *ngIf="this.typeValue !=='remote'">{{obj?.visitorsType ?
-                            obj?.visitorsType:'--'}}</td>
-                        <td>{{obj?.min ? obj?.min :'0'}} mins {{obj?.sec ?
-                            obj?.sec:'0'}} secs</td>
-                           <td *ngIf="this.typeValue !=='remote'">
-  <span 
-    class="badge" 
-    [ngClass]="obj?.comment ? 'badge-light-danger' : 'badge-light-success'">
-    {{ obj?.comment ? 'Fake' : 'Genuine' }}
-  </span>
-</td>
-                            <td>{{obj?.subComment ? obj?.subComment:'--'}}</td>
-                        <td><span class="badge badge-light-primary"
-                                *ngIf="obj?.auditStatus ==='Yet-to-Audit'">{{obj?.auditStatus}}</span>
-                            <span class="badge badge-light-warning"
-                                *ngIf="obj?.auditStatus ==='Re-Audited'">{{obj?.auditStatus}}</span>
-                            <span class="badge badge-light-success"
-                                *ngIf="obj?.auditStatus ==='Audited'">{{obj?.auditStatus}}</span>
-                            <span class="badge badge-light-info"
-                                *ngIf="obj?.auditStatus ==='In-Progress'">{{obj?.auditStatus}}</span>
-                        </td>
-                        <td>{{obj?.auditedBy?obj?.auditedBy:"-"}}</td>
-                        <td class="cursor-pointer" (click)="eyeTestView(obj)"><svg xmlns="http://www.w3.org/2000/svg"
-                                width="20" height="16" viewBox="0 0 20 16" fill="none">
-                                <path
-                                    d="M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z"
-                                    stroke="#667085" stroke-width="1.66667" stroke-linecap="round"
-                                    stroke-linejoin="round" />
-                                <path
-                                    d="M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z"
-                                    stroke="#667085" stroke-width="1.66667" stroke-linecap="round"
-                                    stroke-linejoin="round" />
-                            </svg></td>
-                    </tr>
-                </tbody>
-            </table>
-            <table *ngIf="keyType ==='rm'" class="w-100 table bottom-border text-nowrap">
-                <thead>
-                    <tr>
-                        <th class="text-start">
-                            <span class="cursor-pointer" (click)="onSort('RMName')"> RM Name <svg
-                                    [ngClass]="sortedColumn === 'RMName' && sortOrder === 1 ? 'rotate' : ''" width="16"
-                                    height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'RMName' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span>
-                        </th>
-
-                        <th class="text-start">
-                            <span class="cursor-pointer" (click)="onSort('clusterCount')"> Clusters Count <svg
-                                    [ngClass]="sortedColumn === 'clusterCount' && sortOrder === 1 ? 'rotate' : ''"
-                                    width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'clusterCount' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span>
-                        </th>
-
-                        <th class="text-start">
-                            <span class="cursor-pointer" (click)="onSort('storesCount')">Stores Count <svg
-                                    [ngClass]="sortedColumn === 'storesCount' && sortOrder === 1 ? 'rotate' : ''"
-                                    width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'storesCount' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span>
-                        </th>
-                        <th class="text-start">
-                           Total Tango AI Files
-                        </th>
-                        <th class="text-start">
-    Trust Audit Completed 
-                        </th>
-                        <th class="text-start">
-                            Tango Score 
-                        </th>
-                        <th class="text-start">
-                            Trust Score 
-                        </th>
-                        <th class="text-start">Action</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr *ngFor="let obj of eyeTestData; let i=index;">
-                        <td>{{obj?.RMName ? obj?.RMName:'--'}}</td>
-                        <td>{{obj?.clusterCount ? obj?.clusterCount:'--'}}</td>
-                        <td>{{obj?.storesCount ? obj?.storesCount:'--'}}</td>
-                        <td>{{obj?.totalFiles ?? '--'}}</td>
-                        <td>{{obj?.completedFiles ?? '--'}}</td>
-                       <td>{{obj.complianceScore ?? '--'}}
- 
-</td>
-<td>
-  {{ obj?.trustScore ?? '--' }}
-</td>
-                        <td class="cursor-pointer" (click)="typeVal('cluster',obj)"><svg xmlns="http://www.w3.org/2000/svg"
-                                width="20" height="16" viewBox="0 0 20 16" fill="none">
-                                <path
-                                    d="M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z"
-                                    stroke="#667085" stroke-width="1.66667" stroke-linecap="round"
-                                    stroke-linejoin="round" />
-                                <path
-                                    d="M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z"
-                                    stroke="#667085" stroke-width="1.66667" stroke-linecap="round"
-                                    stroke-linejoin="round" />
-                            </svg></td>
-                    </tr>
-                </tbody>
-            </table>
-            <table *ngIf="keyType ==='cluster'" class="w-100 table bottom-border text-nowrap">
-                <thead>
-                    <tr>
-                      
-
-                        <th class="text-start">
-                            <span class="cursor-pointer" (click)="onSort('clusterName')"> Clusters Name <svg
-                                    [ngClass]="sortedColumn === 'clusterName' && sortOrder === 1 ? 'rotate' : ''"
-                                    width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'clusterName' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span>
-                        </th>
-
-                        <th class="text-start">
-                            <span class="cursor-pointer" (click)="onSort('storesCount')">Stores Count <svg
-                                    [ngClass]="sortedColumn === 'storesCount' && sortOrder === 1 ? 'rotate' : ''"
-                                    width="16" height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M8.00016 3.33337V12.6667M8.00016 12.6667L12.6668 8.00004M8.00016 12.6667L3.3335 8.00004"
-                                        [attr.stroke]="sortedColumn === 'storesCount' ? '#00A3FF' : '#667085'"
-                                        stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
-                                </svg></span>
-                        </th>
-                        <th class="text-start">
-                           Total Tango AI Files
-                        </th>
-                        <th class="text-start">
-                            Trust Audit Completed
-                        </th>
-                        <th class="text-start">
-                            Tango Score
-                        </th>
-                        <th class="text-start">
-                            Trust Score
-                        </th>
-                        <th class="text-start">Action</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr *ngFor="let obj of eyeTestData; let i=index;">
-                        <td>{{obj?.clusterName ? obj?.clusterName:'--'}}</td>
-                        <td>{{obj?.storesCount ? obj?.storesCount:'--'}}</td>
-                        <td>{{obj?.totalFiles ?? '--'}}</td>
-                        <td>{{obj?.completedFiles ?? '--'}}</td>
-                      <td>
-  {{ obj?.complianceScore ??  '--' }}
-</td>
-<td>
-  {{ obj?.trustScore ?? '--' }}
-</td>
-                        <td class="cursor-pointer" (click)="typeVal('store',obj)"><svg xmlns="http://www.w3.org/2000/svg"
-                                width="20" height="16" viewBox="0 0 20 16" fill="none">
-                                <path
-                                    d="M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z"
-                                    stroke="#667085" stroke-width="1.66667" stroke-linecap="round"
-                                    stroke-linejoin="round" />
-                                <path
-                                    d="M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z"
-                                    stroke="#667085" stroke-width="1.66667" stroke-linecap="round"
-                                    stroke-linejoin="round" />
-                            </svg></td>
-                    </tr>
-                </tbody>
-            </table>
-
-        </div>
-    </div>
-    <div class="card-footer" *ngIf="!noData && !loading">
-        <lib-pagination [itemsPerPage]="pageSize" [currentPage]="offset" [totalItems]="totalItems"
-            [paginationSizes]="paginationSizes" [pageSize]="pageSize" (pageChange)="onPageChange($event)"
-            (pageSizeChange)="onPageSizeChange($event)"></lib-pagination>
-    </div>
-</div>
-</section>
-
-
-<section *ngIf="eyeView" class="container-fluid new1 mt-4">
-<div  class="card p-5">
-    <div class="d-flex align-items-center">
-        <div (click)="backNavigation()"  class="btn btn-am btn-outline p-3">
-            <span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-                    <path d="M15.8332 9.99984H4.1665M4.1665 9.99984L9.99984 15.8332M4.1665 9.99984L9.99984 4.1665"
-                        stroke="#344054" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round" />
-                </svg></span>
-        </div>
-        <span  *ngIf="currentAuditType !== 'remote'" class="ms-3 badge badge-light-default">{{auditDetails?.optumId}}</span> 
-        <span *ngIf="currentAuditType === 'remote'" class="ms-3 badge badge-light-default"><span class="me-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
-            <path d="M10 10.5V9.5C10 8.96957 9.78929 8.46086 9.41421 8.08579C9.03914 7.71071 8.53043 7.5 8 7.5H4C3.46957 7.5 2.96086 7.71071 2.58579 8.08579C2.21071 8.46086 2 8.96957 2 9.5V10.5M8 3.5C8 4.60457 7.10457 5.5 6 5.5C4.89543 5.5 4 4.60457 4 3.5C4 2.39543 4.89543 1.5 6 1.5C7.10457 1.5 8 2.39543 8 3.5Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg></span>{{auditDetails?.displayName ? auditDetails?.displayName:'--'}}</span> 
-            <span class="d-flex ms-1 align-items-center">
-                <svg  width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <rect  x="3" y="3" width="40" height="40" rx="20" fill="" opacity="0.1"></rect>
-                    <rect  x="3" y="3" width="40" height="40" rx="20" stroke="" stroke-width="6"></rect>
-                    <path  d="M15.6799 18.8039L15.6267 18.8871C15.0686 19.8741 15.6644 21.1215 16.7361 21.2646C16.8331 21.2765 16.9235 21.2828 17.0118 21.2828C17.5899 21.2828 18.1011 21.0348 18.4574 20.648L19.0107 20.0474L19.5621 20.6498C19.9141 21.0342 20.4241 21.2828 21.0061 21.2828C21.5856 21.2828 22.0985 21.0338 22.4502 20.6498L23.0033 20.0455L23.5565 20.6498C23.9081 21.0338 24.4211 21.2828 25.0005 21.2828C25.58 21.2828 26.0929 21.0338 26.4445 20.6498L26.9977 20.0455L27.5509 20.6498C27.9025 21.0338 28.4155 21.2828 28.9949 21.2828C29.0803 21.2828 29.1733 21.2765 29.2697 21.2647C30.3649 21.1154 30.9627 19.8012 30.324 18.8044C30.324 18.8043 30.324 18.8043 30.3239 18.8042L28.5658 16.0628L28.5658 16.0628L28.5648 16.0614C28.5496 16.0375 28.5121 16.012 28.465 16.012H17.5356C17.4884 16.012 17.4509 16.0375 17.4357 16.0614L17.4351 16.0623L15.6799 18.8039ZM28.6514 23.7372V26.8691V27.6191H27.9014H18.0992H17.3492V26.8691V23.7376C17.239 23.7458 17.1274 23.7501 17.0148 23.7501C16.9725 23.7501 16.9305 23.7494 16.8888 23.7482V26.8691V28.8036C16.8888 29.4471 17.4227 29.9882 18.0992 29.9882H27.9014C28.5779 29.9882 29.1118 29.4471 29.1118 28.8036V26.8691V23.7484C29.072 23.7495 29.032 23.7501 28.9918 23.7501C28.8774 23.7501 28.7639 23.7457 28.6514 23.7372Z" stroke="#000000" stroke-width="1.5"></path></svg> 
-                    <span class="ms-1 sub-title"> {{auditDetails.storeName}}</span>
-            </span>
-
-            
-        <!-- displayName -->
-        <div *ngIf="currentAuditType !== 'remote'" class="d-flex ms-3 align-items-center">
-            <span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
-                    <path
-                        d="M5.25021 6.50028C5.91329 6.50028 6.54921 6.23689 7.01807 5.76807C7.48694 5.29924 7.75035 4.66337 7.75035 4.00035C7.75035 3.33732 7.48694 2.70146 7.01807 2.23263C6.54921 1.7638 5.91329 1.50042 5.25021 1.50042C4.58713 1.50042 3.95121 1.7638 3.48234 2.23263C3.01348 2.70146 2.75007 3.33732 2.75007 4.00035C2.75007 4.66337 3.01348 5.29924 3.48234 5.76807C3.95121 6.23689 4.58713 6.50028 5.25021 6.50028ZM5.25021 5.25031C4.91867 5.25031 4.60071 5.11862 4.36628 4.88421C4.13184 4.64979 4.00014 4.33186 4.00014 4.00035C4.00014 3.66884 4.13184 3.3509 4.36628 3.11649C4.60071 2.88207 4.91867 2.75038 5.25021 2.75038C5.58175 2.75038 5.89971 2.88207 6.13414 3.11649C6.36857 3.3509 6.50028 3.66884 6.50028 4.00035C6.50028 4.33186 6.36857 4.64979 6.13414 4.88421C5.89971 5.11862 5.58175 5.25031 5.25021 5.25031ZM1.5 8.79188C1.5 7.9869 2.15337 7.33359 2.95841 7.33359H7.542C8.34705 7.33359 9.00042 7.9869 9.00042 8.79188V12.7501C9.00042 13.7446 8.60531 14.6984 7.90201 15.4017C7.1987 16.1049 6.24483 16.5 5.25021 16.5C4.25559 16.5 3.30171 16.1049 2.59841 15.4017C1.89511 14.6984 1.5 13.7446 1.5 12.7501V8.79188ZM2.95841 8.58355C2.90316 8.58355 2.85016 8.6055 2.81109 8.64457C2.77202 8.68364 2.75007 8.73663 2.75007 8.79188V12.7501C2.75007 13.4131 3.01348 14.049 3.48234 14.5178C3.95121 14.9867 4.58713 15.25 5.25021 15.25C5.91329 15.25 6.54921 14.9867 7.01807 14.5178C7.48694 14.049 7.75035 13.4131 7.75035 12.7501V8.79188C7.75035 8.73663 7.7284 8.68364 7.68932 8.64457C7.65025 8.6055 7.59726 8.58355 7.542 8.58355H2.95841ZM7.77285 6.17862C8.15328 6.39267 8.58313 6.5034 9.01963 6.49978C9.45614 6.49616 9.8841 6.37832 10.2609 6.15799C10.6378 5.93766 10.9503 5.62252 11.1675 5.24391C11.3848 4.8653 11.499 4.43642 11.499 3.99993C11.499 3.56344 11.3848 3.13456 11.1675 2.75595C10.9503 2.37734 10.6378 2.0622 10.2609 1.84187C9.8841 1.62154 9.45614 1.50371 9.01963 1.50009C8.58313 1.49647 8.15328 1.60719 7.77285 1.82124C8.04536 2.13623 8.25954 2.50289 8.39955 2.90454C8.58991 2.80026 8.80415 2.74733 9.02118 2.75097C9.23821 2.75462 9.45055 2.81471 9.63731 2.92533C9.82406 3.03594 9.97879 3.19328 10.0863 3.38185C10.1937 3.57042 10.2503 3.78372 10.2503 4.00076C10.2503 4.21781 10.1937 4.43111 10.0863 4.61968C9.97879 4.80825 9.82406 4.96558 9.63731 5.0762C9.45055 5.18682 9.23821 5.24691 9.02118 5.25055C8.80415 5.2542 8.58991 5.20127 8.39955 5.09698C8.26074 5.49382 8.0481 5.86082 7.77285 6.17862ZM8.05036 16.3783C8.35483 16.4583 8.67151 16.4989 9.00042 16.5C9.99503 16.5 10.9489 16.1049 11.6522 15.4017C12.3555 14.6984 12.7506 13.7446 12.7506 12.7501V8.79188C12.7506 8.40512 12.597 8.03419 12.3235 7.76071C12.05 7.48723 11.679 7.33359 11.2922 7.33359H9.30877C9.59462 7.67941 9.78046 8.11107 9.8238 8.58355H11.2905C11.3458 8.58355 11.3988 8.6055 11.4379 8.64457C11.4769 8.68364 11.4989 8.73663 11.4989 8.79188V12.7501C11.4989 13.3968 11.2483 14.0184 10.7996 14.4843C10.351 14.9501 9.73925 15.224 9.09292 15.2484C8.81041 15.6817 8.45872 16.0633 8.05036 16.3783ZM11.5222 6.17862C11.9027 6.39267 12.3325 6.5034 12.769 6.49978C13.2055 6.49616 13.6335 6.37832 14.0103 6.15799C14.3871 5.93766 14.6997 5.62252 14.9169 5.24391C15.1341 4.8653 15.2484 4.43642 15.2484 3.99993C15.2484 3.56344 15.1341 3.13456 14.9169 2.75595C14.6997 2.37734 14.3871 2.0622 14.0103 1.84187C13.6335 1.62154 13.2055 1.50371 12.769 1.50009C12.3325 1.49647 11.9027 1.60719 11.5222 1.82124C11.7947 2.13623 12.0089 2.50289 12.1489 2.90454C12.3393 2.80026 12.5535 2.74733 12.7706 2.75097C12.9876 2.75462 13.1999 2.81471 13.3867 2.92533C13.5734 3.03594 13.7282 3.19328 13.8356 3.38185C13.9431 3.57042 13.9996 3.78372 13.9996 4.00076C13.9996 4.21781 13.9431 4.43111 13.8356 4.61968C13.7282 4.80825 13.5734 4.96558 13.3867 5.0762C13.1999 5.18682 12.9876 5.24691 12.7706 5.25055C12.5535 5.2542 12.3393 5.20127 12.1489 5.09698C12.0101 5.49382 11.7975 5.86082 11.5222 6.17862ZM11.7997 16.3783C12.1042 16.4583 12.4209 16.4989 12.7498 16.5C13.7444 16.5 14.6983 16.1049 15.4016 15.4017C16.1049 14.6984 16.5 13.7446 16.5 12.7501V8.79188C16.5 8.40526 16.3465 8.03447 16.0731 7.76101C15.7998 7.48755 15.4291 7.33381 15.0424 7.33359H13.059C13.3448 7.67941 13.5315 8.11107 13.574 8.58355H15.0408C15.096 8.58355 15.149 8.6055 15.1881 8.64457C15.2271 8.68364 15.2491 8.73663 15.2491 8.79188V12.7501C15.2491 13.3968 14.9985 14.0184 14.5498 14.4843C14.1012 14.9501 13.4895 15.224 12.8431 15.2484C12.5606 15.6817 12.2081 16.0633 11.7997 16.3783Z"
-                        fill="#667085" />
-                </svg></span>
-            <span class="ms-2 sub-title">{{auditDetails?.queueId}}</span>
-        </div>
-        <div *ngIf="currentAuditType === 'remote'" class="d-flex ms-3 align-items-center">
-            <span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
-                    <path
-                        d="M5.25021 6.50028C5.91329 6.50028 6.54921 6.23689 7.01807 5.76807C7.48694 5.29924 7.75035 4.66337 7.75035 4.00035C7.75035 3.33732 7.48694 2.70146 7.01807 2.23263C6.54921 1.7638 5.91329 1.50042 5.25021 1.50042C4.58713 1.50042 3.95121 1.7638 3.48234 2.23263C3.01348 2.70146 2.75007 3.33732 2.75007 4.00035C2.75007 4.66337 3.01348 5.29924 3.48234 5.76807C3.95121 6.23689 4.58713 6.50028 5.25021 6.50028ZM5.25021 5.25031C4.91867 5.25031 4.60071 5.11862 4.36628 4.88421C4.13184 4.64979 4.00014 4.33186 4.00014 4.00035C4.00014 3.66884 4.13184 3.3509 4.36628 3.11649C4.60071 2.88207 4.91867 2.75038 5.25021 2.75038C5.58175 2.75038 5.89971 2.88207 6.13414 3.11649C6.36857 3.3509 6.50028 3.66884 6.50028 4.00035C6.50028 4.33186 6.36857 4.64979 6.13414 4.88421C5.89971 5.11862 5.58175 5.25031 5.25021 5.25031ZM1.5 8.79188C1.5 7.9869 2.15337 7.33359 2.95841 7.33359H7.542C8.34705 7.33359 9.00042 7.9869 9.00042 8.79188V12.7501C9.00042 13.7446 8.60531 14.6984 7.90201 15.4017C7.1987 16.1049 6.24483 16.5 5.25021 16.5C4.25559 16.5 3.30171 16.1049 2.59841 15.4017C1.89511 14.6984 1.5 13.7446 1.5 12.7501V8.79188ZM2.95841 8.58355C2.90316 8.58355 2.85016 8.6055 2.81109 8.64457C2.77202 8.68364 2.75007 8.73663 2.75007 8.79188V12.7501C2.75007 13.4131 3.01348 14.049 3.48234 14.5178C3.95121 14.9867 4.58713 15.25 5.25021 15.25C5.91329 15.25 6.54921 14.9867 7.01807 14.5178C7.48694 14.049 7.75035 13.4131 7.75035 12.7501V8.79188C7.75035 8.73663 7.7284 8.68364 7.68932 8.64457C7.65025 8.6055 7.59726 8.58355 7.542 8.58355H2.95841ZM7.77285 6.17862C8.15328 6.39267 8.58313 6.5034 9.01963 6.49978C9.45614 6.49616 9.8841 6.37832 10.2609 6.15799C10.6378 5.93766 10.9503 5.62252 11.1675 5.24391C11.3848 4.8653 11.499 4.43642 11.499 3.99993C11.499 3.56344 11.3848 3.13456 11.1675 2.75595C10.9503 2.37734 10.6378 2.0622 10.2609 1.84187C9.8841 1.62154 9.45614 1.50371 9.01963 1.50009C8.58313 1.49647 8.15328 1.60719 7.77285 1.82124C8.04536 2.13623 8.25954 2.50289 8.39955 2.90454C8.58991 2.80026 8.80415 2.74733 9.02118 2.75097C9.23821 2.75462 9.45055 2.81471 9.63731 2.92533C9.82406 3.03594 9.97879 3.19328 10.0863 3.38185C10.1937 3.57042 10.2503 3.78372 10.2503 4.00076C10.2503 4.21781 10.1937 4.43111 10.0863 4.61968C9.97879 4.80825 9.82406 4.96558 9.63731 5.0762C9.45055 5.18682 9.23821 5.24691 9.02118 5.25055C8.80415 5.2542 8.58991 5.20127 8.39955 5.09698C8.26074 5.49382 8.0481 5.86082 7.77285 6.17862ZM8.05036 16.3783C8.35483 16.4583 8.67151 16.4989 9.00042 16.5C9.99503 16.5 10.9489 16.1049 11.6522 15.4017C12.3555 14.6984 12.7506 13.7446 12.7506 12.7501V8.79188C12.7506 8.40512 12.597 8.03419 12.3235 7.76071C12.05 7.48723 11.679 7.33359 11.2922 7.33359H9.30877C9.59462 7.67941 9.78046 8.11107 9.8238 8.58355H11.2905C11.3458 8.58355 11.3988 8.6055 11.4379 8.64457C11.4769 8.68364 11.4989 8.73663 11.4989 8.79188V12.7501C11.4989 13.3968 11.2483 14.0184 10.7996 14.4843C10.351 14.9501 9.73925 15.224 9.09292 15.2484C8.81041 15.6817 8.45872 16.0633 8.05036 16.3783ZM11.5222 6.17862C11.9027 6.39267 12.3325 6.5034 12.769 6.49978C13.2055 6.49616 13.6335 6.37832 14.0103 6.15799C14.3871 5.93766 14.6997 5.62252 14.9169 5.24391C15.1341 4.8653 15.2484 4.43642 15.2484 3.99993C15.2484 3.56344 15.1341 3.13456 14.9169 2.75595C14.6997 2.37734 14.3871 2.0622 14.0103 1.84187C13.6335 1.62154 13.2055 1.50371 12.769 1.50009C12.3325 1.49647 11.9027 1.60719 11.5222 1.82124C11.7947 2.13623 12.0089 2.50289 12.1489 2.90454C12.3393 2.80026 12.5535 2.74733 12.7706 2.75097C12.9876 2.75462 13.1999 2.81471 13.3867 2.92533C13.5734 3.03594 13.7282 3.19328 13.8356 3.38185C13.9431 3.57042 13.9996 3.78372 13.9996 4.00076C13.9996 4.21781 13.9431 4.43111 13.8356 4.61968C13.7282 4.80825 13.5734 4.96558 13.3867 5.0762C13.1999 5.18682 12.9876 5.24691 12.7706 5.25055C12.5535 5.2542 12.3393 5.20127 12.1489 5.09698C12.0101 5.49382 11.7975 5.86082 11.5222 6.17862ZM11.7997 16.3783C12.1042 16.4583 12.4209 16.4989 12.7498 16.5C13.7444 16.5 14.6983 16.1049 15.4016 15.4017C16.1049 14.6984 16.5 13.7446 16.5 12.7501V8.79188C16.5 8.40526 16.3465 8.03447 16.0731 7.76101C15.7998 7.48755 15.4291 7.33381 15.0424 7.33359H13.059C13.3448 7.67941 13.5315 8.11107 13.574 8.58355H15.0408C15.096 8.58355 15.149 8.6055 15.1881 8.64457C15.2271 8.68364 15.2491 8.73663 15.2491 8.79188V12.7501C15.2491 13.3968 14.9985 14.0184 14.5498 14.4843C14.1012 14.9501 13.4895 15.224 12.8431 15.2484C12.5606 15.6817 12.2081 16.0633 11.7997 16.3783Z"
-                        fill="#667085" />
-                </svg></span>
-            <span class="ms-2 sub-title">{{auditDetails?.engagementId ?auditDetails?.engagementId:'--'}}</span>
-        </div>
-        <div class="d-flex ms-3 align-items-center">
-            <span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
-                    <path
-                        d="M12 3H13.5C13.8978 3 14.2794 3.15804 14.5607 3.43934C14.842 3.72064 15 4.10218 15 4.5V15C15 15.3978 14.842 15.7794 14.5607 16.0607C14.2794 16.342 13.8978 16.5 13.5 16.5H4.5C4.10218 16.5 3.72064 16.342 3.43934 16.0607C3.15804 15.7794 3 15.3978 3 15V4.5C3 4.10218 3.15804 3.72064 3.43934 3.43934C3.72064 3.15804 4.10218 3 4.5 3H6M6.75 1.5H11.25C11.6642 1.5 12 1.83579 12 2.25V3.75C12 4.16421 11.6642 4.5 11.25 4.5H6.75C6.33579 4.5 6 4.16421 6 3.75V2.25C6 1.83579 6.33579 1.5 6.75 1.5Z"
-                        stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
-                </svg></span>
-            <span class="ms-2 sub-title">{{currentAuditType | titlecase}} Eye Test</span>
-        </div>
-        <div class="d-flex ms-3 align-items-center">
-            <span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
-                    <path
-                        d="M12 1.5V4.5M6 1.5V4.5M2.25 7.5H15.75M3.75 3H14.25C15.0784 3 15.75 3.67157 15.75 4.5V15C15.75 15.8284 15.0784 16.5 14.25 16.5H3.75C2.92157 16.5 2.25 15.8284 2.25 15V4.5C2.25 3.67157 2.92157 3 3.75 3Z"
-                        stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
-                </svg></span>
-            <span class="ms-2 sub-title">{{auditDetails?.fileDate | date: 'dd/MM/YYYY'}}</span>
-        </div>
-        <div class="d-flex ms-3 align-items-center">
-            <span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
-                    <g clip-path="url(#clip0_166_55019)">
-                        <path
-                            d="M9 4.5V9L12 10.5M16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9Z"
-                            stroke="#667085" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" />
-                    </g>
-                    <defs>
-                        <clipPath id="clip0_166_55019">
-                            <rect width="18" height="18" fill="white" />
-                        </clipPath>
-                    </defs>
-                </svg></span>
-            <span class="ms-2 sub-title">{{auditDetails?.testStartTime}} {{auditDetails?.testStartTime?.split(':')[0]>12?'PM':'AM'}} - {{auditDetails?.testEndTime}} {{auditDetails?.testEndTime?.split(':')[0]>12?'PM':'AM'}}
-                ({{auditDetails?.testDuration}} Mins)</span>
-        </div>
-        <span class="ms-3 badge badge-light-primary">{{auditDetails?.visitorsType | titlecase}}</span>
-        <div *ngIf="['Yet-to-Audit'].includes(auditDetails?.auditStatus)"
-            class="text-white ms-3 px-3 py-1 fw-semibold rounded-3 cursor-pointer bg-primary" style="font-size: 14px;">
-            Yet to Audit
-        </div>
-        <div *ngIf="auditDetails?.auditType === 'Audit'&&auditDetails?.auditStatus === 'Audited'"
-            class="text-white ms-3 px-3 py-1 fw-semibold rounded-3 cursor-pointer bg-success" style="font-size: 14px;">
-            Audited
-        </div>
-        <div *ngIf="auditDetails?.auditType === 'Re-Audit'&&auditDetails?.auditStatus === 'Audited' || auditDetails?.auditType === 'Re-Audit'&&auditDetails?.auditStatus === 'Re-Audited'"
-            class="text-white ms-3 px-3 py-1 fw-semibold rounded-3 cursor-pointer bg-warning" style="font-size: 14px;">
-            Re-Audited
-        </div>
-    </div>
-</div>
-<div class="row mt-3">
-    <div class="col-sm-3">
-        <div class="card p-3 fw-bold text-center">
-            <div class="p-3 text-center header-card">
-                AI Verified Steps <span><svg ngbTooltip="Number of steps detected and validated automatically without manual review." placement="right" xmlns="http://www.w3.org/2000/svg" width="20" height="20" 
-                        viewBox="0 0 20 20" fill="none">
-                        <g clip-path="url(#clip0_362_2979)">
-                            <path
-                                d="M9.99984 13.3332V9.99984M9.99984 6.6665H10.0082M18.3332 9.99984C18.3332 14.6022 14.6022 18.3332 9.99984 18.3332C5.39746 18.3332 1.6665 14.6022 1.6665 9.99984C1.6665 5.39746 5.39746 1.6665 9.99984 1.6665C14.6022 1.6665 18.3332 5.39746 18.3332 9.99984Z"
-                                stroke="#667085" stroke-width="1.66667" stroke-linecap="round"
-                                stroke-linejoin="round" />
-                        </g>
-                        <defs>
-                            <clipPath id="clip0_362_2979">
-                                <rect width="20" height="20" fill="white" />
-                            </clipPath>
-                        </defs>
-                    </svg></span>
-            </div>
-            <div class="p-5 text-card">
-                <span>{{auditDetails?.coveredStepsAI?auditDetails?.coveredStepsAI:0}}/{{auditDetails?.totalSteps ? auditDetails?.totalSteps:'--'}}</span>
-            </div>
-        </div>
-    </div>
-    <div class="col-sm-3">
-        <div class="card p-3 fw-bold text-center">
-            <div class="p-3 text-center header-card">
-                Human Verified Steps <span><svg ngbTooltip="Number of steps that required human validation to ensure compliance and accuracy." placement="right" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
-                        viewBox="0 0 20 20" fill="none">
-                        <g clip-path="url(#clip0_362_2979)">
-                            <path
-                                d="M9.99984 13.3332V9.99984M9.99984 6.6665H10.0082M18.3332 9.99984C18.3332 14.6022 14.6022 18.3332 9.99984 18.3332C5.39746 18.3332 1.6665 14.6022 1.6665 9.99984C1.6665 5.39746 5.39746 1.6665 9.99984 1.6665C14.6022 1.6665 18.3332 5.39746 18.3332 9.99984Z"
-                                stroke="#667085" stroke-width="1.66667" stroke-linecap="round"
-                                stroke-linejoin="round" />
-                        </g>
-                        <defs>
-                            <clipPath id="clip0_362_2979">
-                                <rect width="20" height="20" fill="white" />
-                            </clipPath>
-                        </defs>
-                    </svg></span>
-            </div>
-            <div class="p-5 text-card">
-                <span>{{auditDetails?.auditedSteps?auditDetails?.auditedSteps:0}}/{{auditDetails?.totalSteps ? auditDetails?.totalSteps:'--'}}</span>
-            </div>
-        </div>
-    </div>
-    <div class="col-sm-3">
-        <div class="card p-3 fw-bold text-center">
-            <div class="p-3 header-card">
-                AI Compliance Score <span><svg ngbTooltip="Measures the percentage of steps AI flagged as compliant without human intervention." placement="left" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
-                        viewBox="0 0 20 20" fill="none">
-                        <g clip-path="url(#clip0_362_2979)">
-                            <path
-                                d="M9.99984 13.3332V9.99984M9.99984 6.6665H10.0082M18.3332 9.99984C18.3332 14.6022 14.6022 18.3332 9.99984 18.3332C5.39746 18.3332 1.6665 14.6022 1.6665 9.99984C1.6665 5.39746 5.39746 1.6665 9.99984 1.6665C14.6022 1.6665 18.3332 5.39746 18.3332 9.99984Z"
-                                stroke="#667085" stroke-width="1.66667" stroke-linecap="round"
-                                stroke-linejoin="round" />
-                        </g>
-                        <defs>
-                            <clipPath id="clip0_362_2979">
-                                <rect width="20" height="20" fill="white" />
-                            </clipPath>
-                        </defs>
-                    </svg></span>
-            </div>
-            <div class="p-5 text-card">
-                <span>{{auditDetails?.complianceScore ?auditDetails?.complianceScore : 0}}%</span>
-            </div>
-        </div>
-    </div>
-    <div class="col-sm-3">
-        <div class="card p-3 fw-bold text-center">
-            <div class="p-3 header-card">
-                AI Trust Score <span><svg ngbTooltip="This score reflects how often AI predictions were accepted without manual overrides." placement="left" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"
-                        fill="none">
-                        <g clip-path="url(#clip0_362_2979)">
-                            <path
-                                d="M9.99984 13.3332V9.99984M9.99984 6.6665H10.0082M18.3332 9.99984C18.3332 14.6022 14.6022 18.3332 9.99984 18.3332C5.39746 18.3332 1.6665 14.6022 1.6665 9.99984C1.6665 5.39746 5.39746 1.6665 9.99984 1.6665C14.6022 1.6665 18.3332 5.39746 18.3332 9.99984Z"
-                                stroke="#667085" stroke-width="1.66667" stroke-linecap="round"
-                                stroke-linejoin="round" />
-                        </g>
-                        <defs>
-                            <clipPath id="clip0_362_2979">
-                                <rect width="20" height="20" fill="white" />
-                            </clipPath>
-                        </defs>
-                    </svg></span>
-            </div>
-            <div class="p-5 text-card">
-                <span>{{auditDetails?.trustScore ? auditDetails?.trustScore:'--'}}%</span>
-            </div>
-        </div>
-    </div>
-</div>
-<div class="row mt-3">
-    <div [ngClass]="eyeTestType ==='fake' ? 'col-md-12' : 'col-md-6'" class="col-sm-6">
-        <div class="card h-500px px-5">
-            <div class="card-header p-0 border-0">
-                <span class="card-title m-0 fw-bolder bg-none">Preview Eye Test</span>
-            </div>
-            <div class="card-body px-0 position-relative">
-                <div class="video-position w-100">
- <video class="w-100 rounded-3 h-auto" controls
-                        [src]="auditDetails?.filePath"></video>
-                       
-                </div>
-            </div>
-        </div>
-    </div>
-    <div *ngIf="eyeTestType !=='fake'" class="col-sm-6">
-        <div class="card h-500px px-5 overflow-scroll">
-            <div class="card-header mb-3 p-0 border-0 d-flex justify-content-between align-items-center">
-                <div class="">
-                    <span class="card-title m-0 fw-bolder bg-none">Step-wise Breakdown</span>
-                   
-                    
-                    <div class="d-flex sub-title mt-2" *ngIf="auditDetails?.lastAuditedDetails?.auditedBy">
-                     <span *ngIf="currentAuditType === 'remote'"> <span *ngIf="auditDetails?.spokenLanguage"> <span *ngIf="!takeAudit" class="badge badge-light-info mt-0 me-2">Language Spoken: {{auditDetails?.spokenLanguage}}</span></span></span>  <span class="mt-1">Recently Audited By : </span>
-                        <span class="ms-2 mt-1"><span class="me-2"><svg xmlns="http://www.w3.org/2000/svg" width="16"
-                                    height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M13.3337 14V12.6667C13.3337 11.9594 13.0527 11.2811 12.5526 10.781C12.0525 10.281 11.3742 10 10.667 10H5.33366C4.62641 10 3.94814 10.281 3.44804 10.781C2.94794 11.2811 2.66699 11.9594 2.66699 12.6667V14M10.667 4.66667C10.667 6.13943 9.47308 7.33333 8.00033 7.33333C6.52757 7.33333 5.33366 6.13943 5.33366 4.66667C5.33366 3.19391 6.52757 2 8.00033 2C9.47308 2 10.667 3.19391 10.667 4.66667Z"
-                                        stroke="#667085" stroke-width="1.4" stroke-linecap="round"
-                                        stroke-linejoin="round" />
-                                </svg></span >{{auditDetails?.lastAuditedDetails?.auditedBy}}</span>
-                        <span class="ms-2 mt-1"><span class="me-2"><svg xmlns="http://www.w3.org/2000/svg" width="18"
-                                    height="18" viewBox="0 0 18 18" fill="none">
-                                    <g clip-path="url(#clip0_152_29431)">
-                                        <path
-                                            d="M9 4.5V9L12 10.5M16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9Z"
-                                            stroke="#667085" stroke-width="1.4" stroke-linecap="round"
-                                            stroke-linejoin="round" />
-                                    </g>
-                                    <defs>
-                                        <clipPath id="clip0_152_29431">
-                                            <rect width="18" height="18" fill="white" />
-                                        </clipPath>
-                                    </defs>
-                                </svg></span>{{auditDetails?.lastAuditedDetails?.completionTime}}
-                            {{auditDetails?.lastAuditedDetails?.timeZone}}</span>
-                    </div>
-                    
-                </div>
-                <div class="card-toolbar">
-                    <div *ngIf="takeAudit && currentAuditType === 'remote'" class="d-flex align-items-end me-2">
-                        <select [(ngModel)]="spokenLanguage" class="form-select form-select-sm">
-                            <option selected disabled >Language Spoken <span style="color:red">*</span></option>
-                            <option value="English">English</option>
-                            <option value="Hindi">Hindi</option>
-                        </select></div>
-                <div *ngIf="auditDetails?.auditType === 'Audit'&&auditDetails?.auditStatus === 'Yet-to-Audit' && !takeAudit" (click)="startAudit('audit')"
-                    class="text-white ms-3 px-3 py-2 fw-semibold rounded-2 cursor-pointer bg-primary"
-                    style="font-size: 14px;">
-                    Start Audit
-                </div>
-       
-                <div *ngIf="['Audited','Re-Audit','Yet-to-Audit'].includes(auditDetails?.auditStatus)&&auditDetails?.auditType === 'Re-Audit' && !takeAudit||auditDetails?.auditType === 'Audit'&&auditDetails?.auditStatus === 'Audited' ||auditDetails?.auditType === 'Re-Audit'&&auditDetails?.auditStatus === 'Re-Audited'&& !takeAudit "
-                    (click)="startAudit('Re-Audit')" class="btn btn-sm py-2 btn-warning">Re-Audit</div>
-                <div *ngIf="takeAudit" class="d-flex">
-                    <button class="btn btn-sm btn-outline" [disabled]="disablecancel" (click)="cancel()">Cancel</button>
-                    <button class="btn ms-2 btn-sm btn-success"  [disabled]="disablecancel" (click)="onsubmit()">Submit</button>
-                    
-                </div>
-                </div>
-            </div>
-            <div class="card-body mt-1 px-0">
-                <div *ngIf="!takeAudit && stepWiseProcess?.length" class="table-responsive border border-1 rounded-3">
-                    <table class="w-100 table bottom-border text-nowrap">
-                        <thead>
-                            <tr>
-                                <th class="text-start">
-                                    Step-by-step Process
-                                </th>
-                                <th *ngIf="currentAuditType === 'remote'" class="text-start">
-                                    Predicted Transcript
-                                </th>
-                                <th class="text-start">
-                                    AI Verified
-                                </th>
-                                <th class="text-start">
-                                    Human Audited
-                                </th>
-                                <th class="text-start">
-                                    Reason for Error
-                                </th>
-                                <th class="text-start">
-                                    Noticed Time Range
-                                </th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr *ngFor="let data of stepWiseProcess;let i=index">
-                                <td>
-                                    <div class="d-flex align-items-start">
-                                        <!-- <div class="w-40px h-40px d-flex justify-content-center text-center me-3">
-                                            <img class="w-100 rounded-5" [src]="data?.imageUrl">
-                                        </div> -->
-                                        {{data.processName}}
-                                    </div>
-                                </td>
-                                <td *ngIf="currentAuditType ==='remote'" class="text-capitalize">
-                                    <div class="text-primary1 text-decoration-underline cursor-pointer"
-                                        [ngbTooltip]="data?.predictedTranscript ? tooltipContent : ''"
-                                        placement='bottom'>{{data?.predictedTranscript?data?.predictedTranscript:"N/A"}}</div>
-
-                                    <ng-template #tooltipContent>
-                                        <div class="custom-tooltip-content tooltip-content w-100">
-                                            <span class="min-w-500px">{{data?.predictedTranscript?data?.predictedTranscript:"N/A"}}</span>
-                                        </div>
-                                    </ng-template>
-
-                                </td>
-                                <td class="text-capitalize"><span
-                                        [ngClass]="data.AIStatus ? 'badge badge-light-success' : 'badge badge-light-danger'">{{data.AIStatus
-                                        ? 'pass' : 'fail'}}</span></td>
-                         <td class="text-capitalize">
-                            <span 
-                                  [ngClass]="data?.auditedStatus === true ? 'badge badge-light-success' : (data?.auditedStatus === false ? 'badge badge-light-danger' : '')">
-                              {{ data?.auditedStatus === true ? 'pass' : (data?.auditedStatus === false ? 'fail' : 'N/A') }}
-                            </span>
-                            
-                          </td>
-                          <td *ngIf="data.AIStatus !== data.auditedStatus || data.auditedStatus === null || data.auditedStatus === undefined || data.auditedStatus === ''; else EqualBlock">
-                            <!-- {{ data?.reason || 'N/A' }} -->
-                            <span *ngIf="data.reason !=='others'">{{data.reason || 'N/A'}}</span><span *ngIf="data.reason ==='others'">{{data.otherReason || 'N/A'}}</span>
-                          </td>
-                          <ng-template #EqualBlock>
-                            <td>N/A</td>
-                          </ng-template>
-                                <td>{{data?.startTime}} - {{data?.endTime}}</td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
-                <div *ngIf="stepWiseProcess?.length && takeAudit&&auditDetails?.auditStatus==='Yet-to-Audit'||auditDetails?.auditStatus==='In-Progress'">
-                    <div *ngFor="let process of stepWiseProcess; let i=index ;let last=last"
-                        class="border border-1 rounded-3 mb-3">
-                        <table class="w-100 table bottom-border text-nowrap">
-                            <thead>
-                                <tr>
-                                    <th class="text-primary bg-light-primary text-start">
-                                        Step-{{i+1 | number}}
-                                    </th>
-                                    <th class="text-primary bg-light-primary text-start">
-                                        AI Verified
-                                    </th>
-                                    <th class="text-primary bg-light-primary text-start">
-                                        Human Audited
-                                    </th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                <tr>
-                                    <td class="w-200px">
-                                        <!-- <div class="d-flex align-items-start"> -->
-                                            <!-- <div class="w-40px h-40px d-flex justify-content-center text-center me-3">
-                                                <img class="w-100 rounded-5" [src]="process.imageUrl">
-                                            </div> -->
-                                            {{process.processName}}
-                                        <!-- </div> -->
-                                    </td>
-                                    <td><span *ngIf="process.AIStatus" class="badge badge-light-success text-capitalize">Pass</span>
-                                        <span *ngIf="!process.AIStatus" class="badge badge-light-danger text-capitalize">Fail</span>
-                                    </td>
-                                    <td>
-                                        <div class="d-flex justify-content-start">
-                                            <div (click)="selectHumanVerified(i,true)"
-                                                [ngClass]="process?.auditedStatus ? 'text-white btn-success' : 'text-success bg-white border border-success'"
-                                                class="btn btn-sm  rounded-5"><span><svg
-                                                        xmlns="http://www.w3.org/2000/svg" width="17" height="16"
-                                                        viewBox="0 0 17 16" fill="none">
-                                                        <path d="M14.1667 4L6.83333 11.3333L3.5 8"
-                                                            [attr.stroke]="process?.auditedStatus ? 'white' : '#17C653'"
-                                                            stroke-width="1.25" stroke-linecap="round"
-                                                            stroke-linejoin="round" />
-                                                    </svg></span><span class="ms-2">Pass</span></div>
-
-                                            <div (click)="selectHumanVerified(i,false)"
-                                                [ngClass]="process?.auditedStatus===false ? 'text-white bg-danger' : 'text-danger bg-white border border-danger'"
-                                                class="ms-3 px-5 py-2 fw-semibold rounded-5 cursor-pointer rounded-5">
-                                                <span>
-                                                    <svg xmlns="http://www.w3.org/2000/svg" width="17" height="16"
-                                                        viewBox="0 0 17 16" fill="none">
-                                                        <path d="M12.6665 4L4.6665 12M4.6665 4L12.6665 12"
-                                                            [attr.stroke]="process?.auditedStatus===false ? 'white' : '#F8285A'"
-                                                            stroke-width="1.25" stroke-linecap="rowund"
-                                                            stroke-linejoin="round" />
-                                                    </svg>
-                                                </span><span class="ms-2">Fail</span></div>
-                                        </div>
-                                    </td>
-                                </tr>
-                            </tbody>
-                        </table>
-                        <div *ngIf="currentAuditType === 'remote' && process?.predictedTranscript" class="w-100">
-                            <div class="bg-light-primary text-primary p-3">
-                                Predicted Transcript
-                            </div>
-                            <div class="row col-sm-12 p-5">
-                                <div class="text-primary text-decoration-underline cursor-pointer"
-                                    [ngbTooltip]="process?.predictedTranscript ? tooltipContent : ''"
-                                    placement='bottom'>
-                                    {{process?.predictedTranscript}}
-                                </div>
-                                <ng-template #tooltipContent>
-                                    <div class="custom-tooltip-content tooltip-content w-100">
-                                        <span class="min-w-500px">{{process?.predictedTranscript}}</span>
-                                    </div>
-                                </ng-template>
-                            </div>
-                        </div>
-                        <div *ngIf="process?.auditedStatus !== undefined && process?.auditedStatus !== '' && process?.auditedStatus !== process?.AIStatus" class="w-100">
-                            <div class="bg-light-primary text-primary p-3">
-                                Reason & Time Stamp
-                            </div>
-                            <div class="row col-sm-12 p-5">
-                                <div class="col-sm-6 col-md-6">
-                                    <div>
-                                      <div (click)="toggleDropdown(i,'reason')" class="custom-dropdown">
-                                        <div class="d-flex justify-content-between">
-                                          <span class="text-select">
-                                            {{ process?.reason ? process?.reason : 'Select Reason' }}
-                                          </span>
-                                          <span>
-                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-                                              <path d="M5 7.5L10 12.5L15 7.5" stroke="#667085" stroke-width="1.66667"
-                                                stroke-linecap="round" stroke-linejoin="round" />
-                                            </svg>
-                                          </span>
-                                        </div>
-                                  
-                                        <div [ngClass]="last ? 'dropdown-content1' : 'dropdown-content'" *ngIf="dropdownOpen[i]?.reason">
-                                          <div class="scroll-container">
-                                            <!-- Minutes List -->
-                                            <div class="item my-2 minutes-scroll">
-                                              <ul *ngFor="let item of dropdownList" class="list-unstyled">
-                                                <li [ngClass]="process?.reason === item?.key ? 'active' : ''"
-                                                    class="camera px-5 items fw-semibold cursor-pointer py-2"
-                                                    (click)="selectReason(i, item?.key, 'reason')">
-                                                  {{ item?.item }}
-                                                </li>
-                                              </ul>
-                                            </div>
-                                          </div>
-                                        </div>
-                                      </div>
-                                  
-                                      <!-- Custom Input for "Others" -->
-                                      <div *ngIf="process?.reason === 'others'" class="mt-2">
-                                        <input 
-                                          type="text" 
-                                          [(ngModel)]="process.otherReason" 
-                                          placeholder="Enter your reason" 
-                                          class="form-control form-control-sm" />
-                                      </div>
-                                    </div>
-                                  </div>
-                                  
-                                <div class="col-sm-3">
-                                    <div class="w-100">
-                                        <div (click)="toggleDropdown(i,'startTime')" class="custom-dropdown">
-                                            <label class="label fw-semibold bg-white px-2">Start</label>
-                                            <div class="text-select">{{process?.startTime ? process?.startTime
-                                                :'MM:SS'}}</div>
-
-                                            <div [ngClass]="last ? 'dropdown-content1' : 'dropdown-content'"
-                                                *ngIf="dropdownOpen[i]?.startTime">
-                                                <div class="scroll-container">
-                                                    <!-- Minutes List -->
-                                                    <div class="scroll-section minutes-scroll ">
-                                                        <div *ngFor="let min of minutesList"
-                                                            (click)="selectMinute(i,min,'startTime')"
-                                                            [class.selected]="min === selectedMinutes">
-                                                            {{ min }}
-                                                        </div>
-                                                    </div>
-                                                    <!-- Seconds List -->
-                                                    <div class="scroll-section seconds-scroll">
-                                                        <div *ngFor="let sec of secondsList"
-                                                            (click)="selectSecond(i,sec,'startTime')"
-                                                            [class.selected]="sec === selectedSeconds">
-                                                            {{ sec }}
-                                                        </div>
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="col-sm-3">
-                                    <div class="w-100">
-                                        <div (click)="toggleDropdown(i,'endTime')" class="custom-dropdown">
-                                            <label class="label fw-semibold bg-white px-2">End</label>
-                                            <div class="text-select"><span>{{process.endTime ? process.endTime :
-                                                    'MM:SS'}}</span></div>
-
-                                            <div [ngClass]="last ? 'dropdown-content1' : 'dropdown-content'"
-                                                *ngIf="dropdownOpen[i]?.endTime">
-                                                <div class="scroll-container">
-                                                    <!-- Minutes List -->
-                                                    <div class="scroll-section minutes-scroll">
-                                                        <div *ngFor="let min of minutesList"
-                                                        [class.selected]="min === selectedMinutes"
-                                                        [class.disabled]="getSecondsFromTime(min + ':' + selectedSeconds) <= getSecondsFromTime(process.startTime)"
-                                                        (click)="
-                                                           getSecondsFromTime(min + ':' + selectedSeconds) > getSecondsFromTime(process.startTime)
-                                                           && selectMinute(i,min,'endTime')">
-                                                     {{ min }}
-                                                   </div>
-                                                   
-                                                    </div>
-                                                    <!-- Seconds List -->
-                                                    <div class="scroll-section seconds-scroll">
-                                                        <div *ngFor="let sec of secondsList"
-                                                        [class.selected]="sec === selectedSeconds"
-                                                        [class.disabled]="getSecondsFromTime(selectedMinutes + ':' + sec) <= getSecondsFromTime(process.startTime)"
-                                                        (click)="
-                                                           getSecondsFromTime(selectedMinutes + ':' + sec) > getSecondsFromTime(process.startTime)
-                                                           && selectSecond(i,sec,'endTime')">
-                                                     {{ sec }}
-                                                   </div>
-                                                   
-                                                    </div>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div *ngIf="!stepWiseProcess?.length">
-                    <div *ngIf="(tableLoading | async) === 'loading'"
-                        class="card row loader d-flex justify-content-center align-items-center">
-                        <div class="shimmer">
-                            <div class="wrapper">
-                                <div class="stroke animate title"></div>
-                                <div class="stroke animate link"></div>
-                                <div class="stroke animate description"></div>
-                            </div>
-                        </div>
-                        <div class="shimmer">
-                            <div class="wrapper">
-                                <div class="stroke animate title"></div>
-                                <div class="stroke animate link"></div>
-                                <div class="stroke animate description"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div *ngIf="(tableLoading | async) === 'loaded'" class="row mt-2">
-                        <div *ngIf="noData" class="col-lg-12">
-                            <div class="card-body my-8 d-flex justify-content-center align-items-center flex-column">
-                                <img class="img-src" src="./assets/tango/Icons/Nodata1.svg" alt="">
-                                <div class="nodata-title">No data found</div>
-                                <div class="nodata-sub">There is no result for the test</div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- ── Conversation Recording + Transcript ── -->
-<div class="row mt-3" *ngIf="conversationData">
-    <!-- Left: Recording + Transcript -->
-    <div class="col-md-6 d-flex flex-column gap-3">
-        <!-- Conversation Recording -->
-        <div class="recording-box">
-            <div class="recording-title">Conversation Recording</div>
-            <!-- Audio element -->
-            <audio id="conv-audio" [src]="conversationData?.audio_url"
-                (timeupdate)="onConvTimeUpdate()"
-                (loadedmetadata)="onConvLoaded()"
-                (ended)="convIsPlaying = false">
-            </audio>
-            <!-- Waveform bars -->
-            <div class="waveform-bars" [class.is-playing]="convIsPlaying">
-                <div class="wf-bar" *ngFor="let h of waveformHeights; let i = index"
-                    [style.height.px]="h"
-                    [class.wf-bar--played]="convProgress > i / waveformHeights.length">
-                </div>
-            </div>
-            <!-- Player controls -->
-            <div class="player-row">
-                <div class="play-btn-wrap">
-                    <button class="play-btn-circle" (click)="toggleConvPlay()" type="button">
-                        <svg *ngIf="!convIsPlaying" width="18" height="18" viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>
-                        <svg *ngIf="convIsPlaying" width="18" height="18" viewBox="0 0 24 24" fill="white"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>
-                    </button>
-                </div>
-                <div class="player-progress w-100">
-                    <div class="d-flex justify-content-between">
-                        <span class="player-time start-time">{{ convCurrentTime }}</span>
-                        <span class="player-time end-time">{{ convDuration }}</span>
-                    </div>
-                    <div class="progress-track" (click)="seekConvAudio($event)" style="cursor:pointer;">
-                        <div class="progress-fill" [style.width.%]="convProgress * 100"></div>
-                    </div>
-                </div>
-                <button class="mute-btn" (click)="toggleConvMute()" [title]="convIsMuted ? 'Unmute' : 'Mute'" type="button">
-                    <svg *ngIf="!convIsMuted" width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/></svg>
-                    <svg *ngIf="convIsMuted" width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/></svg>
-                </button>
-            </div>
-        </div>
-        <!-- Conversation Transcript -->
-        <div class="card p-4 flex-grow-1">
-            <div class="recording-title mb-3">Conversation Transcript</div>
-            <div style="overflow-y: auto; font-size: 14px; color: #344054; line-height: 1.6; max-height: 180px;">
-                <span *ngIf="conversationData?.transcript_summary; else noTranscript">{{ conversationData?.transcript_summary }}</span>
-                <ng-template #noTranscript><span class="text-muted">No transcript available.</span></ng-template>
-            </div>
-        </div>
-    </div>
-
-    <!-- Right: Step tabs + audio info + evidence -->
-    <div class="col-md-6">
-        <div class="card p-4" style="min-height: 100%;">
-            <!-- Header -->
-            <div class="d-flex align-items-center gap-2 mb-1">
-                <span class="conv-card-title">Step-wise Breakdown</span>
-                <span class="badge badge-light-primary ms-1">Audio</span>
-            </div>
-            <!-- Recently Audited By -->
-            <div class="d-flex align-items-center gap-3 mb-3 pb-2 border-bottom" *ngIf="auditDetails?.auditedBy || auditDetails?.auditedDate" style="font-size: 12px; color: #667085;">
-                          <div class="d-flex sub-title mt-2" *ngIf="auditDetails?.lastAuditedDetails?.auditedBy">
-             <span class="mt-1">Recently Audited By : </span>
-                        <span class="ms-2 mt-1"><span class="me-2"><svg xmlns="http://www.w3.org/2000/svg" width="16"
-                                    height="16" viewBox="0 0 16 16" fill="none">
-                                    <path
-                                        d="M13.3337 14V12.6667C13.3337 11.9594 13.0527 11.2811 12.5526 10.781C12.0525 10.281 11.3742 10 10.667 10H5.33366C4.62641 10 3.94814 10.281 3.44804 10.781C2.94794 11.2811 2.66699 11.9594 2.66699 12.6667V14M10.667 4.66667C10.667 6.13943 9.47308 7.33333 8.00033 7.33333C6.52757 7.33333 5.33366 6.13943 5.33366 4.66667C5.33366 3.19391 6.52757 2 8.00033 2C9.47308 2 10.667 3.19391 10.667 4.66667Z"
-                                        stroke="#667085" stroke-width="1.4" stroke-linecap="round"
-                                        stroke-linejoin="round" />
-                                </svg></span >{{auditDetails?.lastAuditedDetails?.auditedBy}}</span>
-                        <span class="ms-2 mt-1"><span class="me-2"><svg xmlns="http://www.w3.org/2000/svg" width="18"
-                                    height="18" viewBox="0 0 18 18" fill="none">
-                                    <g clip-path="url(#clip0_152_29431)">
-                                        <path
-                                            d="M9 4.5V9L12 10.5M16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9Z"
-                                            stroke="#667085" stroke-width="1.4" stroke-linecap="round"
-                                            stroke-linejoin="round" />
-                                    </g>
-                                    <defs>
-                                        <clipPath id="clip0_152_29431">
-                                            <rect width="18" height="18" fill="white" />
-                                        </clipPath>
-                                    </defs>
-                                </svg></span>{{auditDetails?.lastAuditedDetails?.completionTime}}
-                            {{auditDetails?.lastAuditedDetails?.timeZone}}</span>
-            </div>
-            </div>
-            <!-- Body -->
-            <div class="d-flex gap-3 mt-10" style="min-height: 280px;">
-                <!-- Step pill list -->
-                <div style="min-width: 190px; max-height: 320px; overflow-y: auto; border-right: 1px solid #EAECF0; padding-right: 12px;">
-                    <div *ngFor="let step of conversationData?.metrics_results; let i = index"
-                        class="conv-step-pill"
-                        [class.active]="selectedStepIndex === i"
-                        (click)="selectedStepIndex = i">
-                        {{ step?.metricName }}
-                    </div>
-                </div>
-                <!-- Selected step detail -->
-                <div class="flex-grow-1 ps-2" *ngIf="conversationData?.metrics_results?.[selectedStepIndex] as step">
-                    <!-- Click to Play -->
-                    <div class="conv-play-row" *ngIf="step?.startTime" (click)="playFromStep(step)">
-                        <div class="conv-play-icon">
-                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>
-                        </div>
-                        <div>
-                            <div style="font-size: 14px; font-weight: 600; color: #101828;">Click to Play</div>
-                            <div style="font-size: 12px; color: #667085;">
-                                Audio Starts at {{ step?.startTime }}
-                                <!-- <span *ngIf="step?.endTime"> – {{ step?.endTime }}</span> -->
-                            </div>
-                        </div>
-                    </div>
-                    <!-- Summary -->
-                    <div>
-                        <div style="font-size: 14px; font-weight: 700; color: #101828; margin-bottom: 8px;">Summary</div>
-                        <div style="font-size: 13px; color: #344054; line-height: 1.6;">
-                            <span *ngIf="step?.evidence_quote; else noEvidence">{{ step?.evidence_quote }}</span>
-                            <ng-template #noEvidence><span class="text-muted">No evidence available.</span></ng-template>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-<div class="card mt-3 p-2">
-    <div class="card-header border-0 pt-3">
-        <h3 class="card-title align-items-start flex-column">
-            <span class="title-text mb-2">History</span>
-        </h3>
-    </div>
-    <div class="card-body py-0 px-3">
-        <div class="table-responsive border border-1 rounded-3" *ngIf="historyData?.length">
-            <table class="w-100 table bottom-border text-nowrap">
-                <thead>
-                    <tr>
-                        <th class="text-start">Audited By</th>
-                        <th class="text-start" >Audited Date</th>
-                        <th class="text-start" >Time Stamp</th>
-                        <th class="text-start" >View Logs</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr *ngFor="let item of historyData">
-                        <td>{{item.userName}}</td>
-                        <td>{{item.Date}}</td>
-                        <td>{{item.Time}} IST</td>
-                        <td (click)="viewHistoryModel(item)" class="cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="16"
-                                viewBox="0 0 20 16" fill="none">
-                                <path
-                                    d="M0.833496 8.00016C0.833496 8.00016 4.16683 1.3335 10.0002 1.3335C15.8335 1.3335 19.1668 8.00016 19.1668 8.00016C19.1668 8.00016 15.8335 14.6668 10.0002 14.6668C4.16683 14.6668 0.833496 8.00016 0.833496 8.00016Z"
-                                    stroke="#667085" stroke-width="1.66667" stroke-linecap="round"
-                                    stroke-linejoin="round" />
-                                <path
-                                    d="M10.0002 10.5002C11.3809 10.5002 12.5002 9.38087 12.5002 8.00016C12.5002 6.61945 11.3809 5.50016 10.0002 5.50016C8.61945 5.50016 7.50016 6.61945 7.50016 8.00016C7.50016 9.38087 8.61945 10.5002 10.0002 10.5002Z"
-                                    stroke="#667085" stroke-width="1.66667" stroke-linecap="round"
-                                    stroke-linejoin="round" />
-                            </svg></td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-
-        <div *ngIf="!historyData?.length">
-            <div *ngIf="(historytableLoading | async) === 'loading'"
-                class="card row loader d-flex justify-content-center align-items-center">
-                <div class="shimmer">
-                    <div class="wrapper">
-                        <div class="stroke animate title"></div>
-                        <div class="stroke animate link"></div>
-                        <div class="stroke animate description"></div>
-                    </div>
-                </div>
-                <div class="shimmer">
-                    <div class="wrapper">
-                        <div class="stroke animate title"></div>
-                        <div class="stroke animate link"></div>
-                        <div class="stroke animate description"></div>
-                    </div>
-                </div>
-            </div>
-
-            <div *ngIf="(historytableLoading | async) === 'loaded'" class="row mt-2">
-                <div class="col-lg-12">
-                    <div class="card-body my-8 d-flex justify-content-center align-items-center flex-column">
-                        <img class="img-src" src="./assets/tango/Icons/Nodata1.svg" alt="">
-                        <div class="nodata-title">No data found</div>
-                        <div class="nodata-sub">There is no result for the test</div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
-
-
-<ng-template #viewHistory let-model>
-    <div class="p-5 ts700px scroll">
-
-
-        <div class="card-body py-0 ">
-            <div class="my-2 d-flex">
-<svg xmlns="http://www.w3.org/2000/svg" width="46"
-                            height="46" viewBox="0 0 56 56" fill="none">
-                            <rect x="4" y="4" width="48" height="48" rx="24" fill="#DAF1FF" />
-                            <rect x="4" y="4" width="48" height="48" rx="24" stroke="#EAF8FF" stroke-width="8" />
-                            <path
-                                d="M28 22V28L32 30M38 28C38 33.5228 33.5228 38 28 38C22.4772 38 18 33.5228 18 28C18 22.4772 22.4772 18 28 18C33.5228 18 38 22.4772 38 28Z"
-                                stroke="#00A3FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
-                        </svg>
-                    <span
-                        class="ms-3 pt-2 fs-4 text-gray-800 text-hover-primary fw-bold mb-0 title cursor-pointer">Audit
-                        History</span>
-            </div>
-            <div class="table-responsive" *ngIf="historyData?.length">
-                <table class="w-100 table bottom-border text-nowrap">
-                    <thead>
-                        <tr>
-                            <th class="text-start">Step-by-Step Process</th>
-                            <th class="text-start">Status changed from</th>
-                            <th class="text-start">Noted Time Range</th>
-                            <th class="text-start">Reason for Error</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr *ngFor="let item of viewHistoryData">
-                            <td>{{item.processName}}</td>
-                            <td>
-                                <span *ngIf="item.AIStatus" class="badge badge-light-success me-2">Pass</span>
-                                <span *ngIf="!item.AIStatus" class="badge badge-light-danger me-2">Fail</span>
-                                <svg xmlns="http://www.w3.org/2000/svg" width="31" height="8" viewBox="0 0 31 8"
-                                    fill="none">
-                                    <path
-                                        d="M30.3536 4.35355C30.5488 4.15829 30.5488 3.84171 30.3536 3.64645L27.1716 0.464466C26.9763 0.269204 26.6597 0.269204 26.4645 0.464466C26.2692 0.659728 26.2692 0.976311 26.4645 1.17157L29.2929 4L26.4645 6.82843C26.2692 7.02369 26.2692 7.34027 26.4645 7.53553C26.6597 7.7308 26.9763 7.7308 27.1716 7.53553L30.3536 4.35355ZM0 4.5H30V3.5H0V4.5Z"
-                                        fill="#D0D5DD" />
-                                </svg>
-                                <span *ngIf="item.auditedStatus" class="badge badge-light-success ms-2">Pass</span>
-                                <span *ngIf="!item.auditedStatus" class="badge badge-light-danger ms-2">Fail</span>
-                            </td>
-                            <td ><span class="badge badge-light-success" *ngIf="item.startTime">Noted Time Range : <span class="text-dark1">{{item.startTime ? item.startTime:'--'}} - {{item.endTime}}</span></span></td>
-                            <td class="engage-text"><span *ngIf="item.reason !=='others'">{{item.reason}}</span><span *ngIf="item.reason ==='others'">{{item.otherReason}}</span></td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </div>
-    </div>
-</ng-template>
-
-<ng-template #viewCancel let-model>
-    <div class="card group-delete py-0">
-        <div class="card-body py-0 d-flex flex-start flex-column p-9 ">
-            <div class="my-5">
-                <div class="symbol symbol-75px symbol-circle">
-                    <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/>
-                        <rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/>
-                        <path d="M27.9988 24V28M27.9988 32H28.0088M26.2888 18.86L17.8188 33C17.6442 33.3024 17.5518 33.6453 17.5508 33.9945C17.5498 34.3437 17.6403 34.6871 17.8132 34.9905C17.9862 35.2939 18.2355 35.5467 18.5365 35.7238C18.8375 35.9009 19.1796 35.9961 19.5288 36H36.4688C36.818 35.9961 37.1601 35.9009 37.4611 35.7238C37.7621 35.5467 38.0114 35.2939 38.1844 34.9905C38.3573 34.6871 38.4478 34.3437 38.4468 33.9945C38.4458 33.6453 38.3534 33.3024 38.1788 33L29.7088 18.86C29.5305 18.5661 29.2795 18.3231 28.98 18.1544C28.6805 17.9858 28.3425 17.8972 27.9988 17.8972C27.6551 17.8972 27.3171 17.9858 27.0176 18.1544C26.7181 18.3231 26.4671 18.5661 26.2888 18.86Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-                        </svg>  
-                </div>
-            </div>
-            <a class="fs-4 text-gray-800 text-hover-primary fw-bold mb-0 title cursor-pointer">Are you sure?</a>
-            <span  class="sub-title fw-normal mt-2">Would you like to cancel this?</span>
-    
-            <div class="mt-5 w-100">
-             
-                    <div role="group" class="d-flex mt-3 mb-15">
-                        <button class="btn btn-outline w-100 me-3" (click)="OnCancel()">No</button>
-                        <button id="alert-toast" class="btn btn-danger w-100 ms-3" (click)="onYes()">Yes</button>
-                       
-                    </div>
-               
-            </div>
-    
-        </div>
-    </div>
-</ng-template>
-</section>