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

package/src/lib/components/add-checklist/add-checklist.component.ts

@@ -0,0 +1,2460 @@
+import { ChangeDetectorRef, Component, ElementRef, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { FormGroup, FormControl, Validators, FormArray, FormBuilder, Form, AbstractControl } from '@angular/forms';
+import { GlobalStateService, PageInfoService } from 'tango-app-ui-global';
+import { CdkDragDrop, moveItemInArray, transferArrayItem } from '@angular/cdk/drag-drop';
+import { timer,takeUntil, Subject } from 'rxjs';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
+import { TraxpopupComponent } from '../traxpopup/traxpopup.component';
+import { ActivatedRoute,Router } from '@angular/router';
+import { ToastService } from 'tango-app-ui-shared';
+import { TraxService } from '../../services/trax.service';
+import { noWhitespaceValidator } from '../create-task/validators/whitespace-validator';
+import { uniqueStringValidator } from '../create-task/validators/unique-string-validator';
+import { rangeValidator } from '../create-task/validators/ascending-validator';
+import { TraxRunAIPopupComponent } from '../trax-run-ai-popup/trax-run-ai-popup.component';
+import dayjs from 'dayjs';
+import { ChecklistPopupComponent } from './checklist-popup/checklist-popup.component';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import utc from 'dayjs/plugin/utc.js';
+import timeZone from 'dayjs/plugin/timezone.js';
+dayjs.extend(timeZone);
+dayjs.extend(utc);
+dayjs.extend(customParseFormat);
+
+
+@Component({
+  selector: 'lib-add-checklist',
+  templateUrl: './add-checklist.component.html',
+  styleUrl: './add-checklist.component.scss'
+})
+export class AddChecklistComponent implements OnInit,OnDestroy {
+  @ViewChild('formRef') formRef: ElementRef;
+
+  ChecklistForm!: FormGroup;
+  show: number = 0;
+  sectionIndex: number = 0;
+  getobject: any;
+  editvalue: any;
+  nosection:boolean = false;
+  showvalue: string;
+  refImgQIdx: number = 0;
+  checklistLoading: boolean = false;
+  popupCount:number = 0;
+  clientId:any;
+  deletedList:any = [];
+  environment:any;
+  userType: any;
+  maxSectionNumber: any;
+  dropdownValue:any =[-10,-9,-8,-7,-6,-5,-4,-3,-2,-1,0,1,2,3,4,5,6,7,8,9,10];
+  dayjs = dayjs;
+  private detach = new Subject();
+  constructor(private pageInfo:PageInfoService,private fb: FormBuilder,private changedetector:ChangeDetectorRef,private dialog:NgbModal,private route:ActivatedRoute,private toast:ToastService,private router:Router,private sopService:TraxService,private gs:GlobalStateService) {
+  }
+  
+  ngOnInit(): void {
+    this.initChecklist();
+    this.setPageData();
+    let storageDetails = JSON.parse(localStorage.getItem('header-filters') || '{}');
+
+    let userInfo = JSON.parse(localStorage.getItem('user-info') || '{}')
+    if(userInfo.userType){
+      this.userType = userInfo.userType; 
+    } 
+
+    if(!storageDetails?.client) {
+      storageDetails = JSON.parse(localStorage.getItem('client-details') || '{}');
+      storageDetails.client = storageDetails.clientId;
+    }
+    if(storageDetails?.client) {
+      this.clientId = storageDetails.client;
+      this.route.queryParams.subscribe((params: any) => {
+        this.editvalue = params.checklistId;
+        if (params.checklistId) {
+          this.showvalue = 'edit';
+        } else {
+          // Open Popup for Get Checklist Name //
+          
+          this.showvalue = 'add'
+        }
+        if (this.showvalue == 'edit' || params.type) {
+          let obj: any = {};
+          if (params.checklistId) {
+            obj.checkListId = params.checklistId
+          } else {
+            obj.type = params.type;
+          }
+          obj.clientId = this.clientId;
+          this.checklistLoading = true;
+          this.sopService.getconfig(obj).pipe(takeUntil(this.detach))
+            .subscribe((res: any) => {
+              if(res) {
+                if(res.code == 200) {
+                  this.getobject = res.data.checkListDetails;
+                  this.formChecklistQuestions();
+                } else {
+                  this.checklistLoading = false;
+                }
+              } else {
+                  this.checklistLoading = false;
+              }
+            },(error) => {
+                  this.checklistLoading = false;
+            });
+        } else {
+          this.initChecklist();
+        }
+      });
+    }
+    this.gs.environment.pipe(takeUntil(this.detach)).subscribe((env) => {
+      if (env) {
+        this.environment = env;
+      }
+    });
+  }
+
+  ngOnDestroy(): void {
+    this.detach.next(true);
+    this.detach.complete();
+  }
+
+  setPageData() {
+    this.pageInfo.setTitle("Manage Checklist");
+    this.pageInfo.setDescription("Automate or create checklists to improve operational efficiency");
+    this.pageInfo.setBreadcrumbs([
+      { title: "Tango Trax", path: "/manage/trax/dashboard", isActive: false, isSeparator: false },
+      { title: "Tango Trax", path: "/manage/trax/dashboard", isActive: false, isSeparator: true }
+    ]);
+  }
+  
+  updateInputValue(sectionIndex: number,sectionName: string): void {
+    if (sectionName.trim() === '') {
+      this.getSectionFormControl(sectionIndex,'name')?.setValue(`Section ${sectionIndex+1}`);
+    }
+  }
+  scrollToQuestion(sectionIndex: number, questionIndex: number): void {
+    const questionId = `q-${sectionIndex}-${questionIndex}`;
+    setTimeout(() => {
+      const questionElement = this.formRef.nativeElement.querySelector(`#${questionId}`);
+  
+      if (questionElement) {
+        questionElement.scrollIntoView({ block: 'center', behavior: 'smooth' });
+      }
+    }, 100);
+  }
+
+  formChecklistQuestions() { 
+    let sectionsarray: any = [];
+    let sections: any[] = [];
+    sectionsarray = this.getobject.sections
+
+    this.maxSectionNumber = Math.max(...sectionsarray.map((ele:any) => ele.sectionNumber ));
+    // console.log("this.maxSectionNumber 1=>", this.maxSectionNumber)
+    sectionsarray.forEach((i: any,sectionIndex: number) => {
+      let questions: any[] = [];
+      let sectionNumber = i?.sectionNumber || (sectionIndex + 1)
+      i.questions.forEach((j: any,questionIndex: number) => {
+        let answer: any[] = [];
+        // Normalize stale data: runAI cannot be true without features. Strip the orphan flag so
+        // the question doesn't get locked (disableRunAI) by data that can no longer be re-edited.
+        j.answers?.forEach((k: any) => {
+          if (k?.runAI && (!Array.isArray(k.runAIFeatures) || !k.runAIFeatures.length)) {
+            k.runAI = false;
+          }
+        });
+        if (j?.runAI && !j.answers?.some((a: any) => a?.runAI)) {
+          j.runAI = false;
+        }
+        let runAI:any[] = j.answers.filter((ele:any) => ele.runAI);
+        // console.log("runAI =>", runAI)
+        j.answers?.forEach((k: any,answerIndex: number) => {
+          // if(typeof k?.referenceImage =='string' && k?.referenceImage != '' && k.multiReferenceImage.length) {
+          //   k.multiReferenceImage = [{imageURL:k?.referenceImage,runAI:false}]
+          // }
+          answer.push(
+            this.fb.group({
+              ...(!['image','descriptiveImage','multipleImage','linearscale','time','date','image/video'].includes(j?.answerType) && j?.answerType != 'video'? { 'answer': this.fb.control({value:k?.answer,disabled: (this.userType === 'client' ? runAI.length : false) }, [Validators.required,noWhitespaceValidator()]) } : {}),
+              'answeroptionNumber': this.fb.control(answerIndex),
+              ...(!['image','descriptiveImage','multipleImage','linearscale'].includes(j?.answerType) && j?.answerType != 'video'? { 'sopFlag': this.fb.control(k?.sopFlag ? k?.sopFlag : false, [Validators.required]) } : {}),
+              ...(!['image','descriptiveImage','multipleImage','linearscale'].includes(j?.answerType) && j?.answerType != 'video'? { 'validation': this.fb.control({value:k?.validation,disabled: (this.userType === 'client' ? runAI.length : false) }, [Validators.required]) } : {}),
+              ...(!['image','descriptiveImage','multipleImage','linearscale'].includes(j?.answerType) && j?.answerType != 'video'? { 'validationType': this.fb.control({value:k?.validationType,disabled: (this.userType === 'client' ? runAI.length : false) }, this.allowedValuesValidator(["Capture Image", "Capture Multiple Image with description", "Descriptive Answer", "Capture Video"])) } : {}),
+              ...(['image','descriptiveImage','multipleImage'].includes(j?.answerType) ? { "multiReferenceImage": this.fb.array(k?.multiReferenceImage || [] ) } : {}),
+              ...((['image','descriptiveImage','multipleImage','image/video'].includes(j?.answerType) || j?.answerType == 'video') ? { 'allowUploadfromGallery': this.fb.control({value:j?.allowUploadfromGallery ? true : false,disabled:!!runAI.length}) } : {}),
+              ...(['image','descriptiveImage','multipleImage','image/video'].includes(j?.answerType) ? { 'runAI': this.fb.control({value:(k?.runAI) ? k?.runAI : false,disabled: (this.userType === 'client' ? runAI.length : false) }) } : {}),
+              ...(['multiplechoicesingle','yes/no'].includes(j?.answerType) ? { 'showLinked': this.fb.control((k?.showLinked) ? k?.showLinked : false) } : {}),
+              ...(['multiplechoicesingle','yes/no'].includes(j?.answerType) ? { 'linkedQuestion': this.fb.control((k?.linkedQuestion) ? k?.linkedQuestion : 0) } : {}),
+               ...(!['descriptive','image', 'descriptiveImage','multipleImage','date'].includes(j?.answerType) ? { "multiReferenceImage": this.fb.array(k?.multiReferenceImage || [] ) } : {}),
+              ...((!['descriptive','image', 'descriptiveImage','video','multipleImage','date','image/video'].includes(j?.answerType)) ? { 'allowUploadfromGallery': this.fb.control({value:k?.allowUploadfromGallery ? true : false,disabled:!!runAI.length}) } : {}),
+              ...(!['descriptive','image', 'descriptiveImage','multipleImage','date','image/video'].includes(j?.answerType) ? { 'runAI': this.fb.control({value:(k?.runAI) ? k?.runAI : false,disabled: (this.userType === 'client' ? runAI.length : false) }) } : {}),
+              ...(!['date','linearscale','time'].includes(j?.answerType) ? { 'descriptivetype':this.fb.control(k.descriptivetype) } : {}),
+              ...(['linearscale'].includes(j?.answerType) ? { 'rangeStart':this.fb.control(k.rangeStart),'rangeEnd':this.fb.control(k.rangeEnd),'minValue':this.fb.control(k.minValue),'maxValue':this.fb.control(k.maxValue),'linearType':this.fb.control(k.linearType) } : {}),
+              ...(['date'].includes(j?.answerType) ? { 'historicDate':this.fb.control(k.historicDate),'startDate':this.fb.control(k.startDate),'endDate':this.fb.control(k.endDate)} : {}),
+              referenceImage:k?.referenceImage ?? '',
+              ...(['image/video'].includes(j?.answerType) && { 'limit':this.fb.control(k.limit),'imageLimit':this.fb.control(k.imageLimit),'videoLimit':this.fb.control(k.videoLimit)}),
+              ...(['image','image/video','linearscale','date'].includes(j?.answerType) && { 'matchedCount':this.fb.control(parseInt(k.matchedCount)),'notMatchedCount':this.fb.control(parseInt(k.notMatchedCount))}),
+              ...(['multiplechoicesingle','yes/no','multiplechoicemultiple'].includes(j?.answerType) ? { 'complianceScore': this.fb.control(parseInt(k?.complianceScore)) } : {}),
+              
+            "runAIFeatures":this.fb.array(k?.runAIFeatures || []),
+            'runAIDescription': this.fb.control(k?.runAIDescription || ''),
+            ...(['date'].includes(j?.answerType) && {
+            "qnStartDate": [{
+              "startDate": this.dayjs(k.startDate,'DD-MM-YYYY'),
+              "endDate": this.dayjs(k.startDate,'DD-MM-YYYY')
+            }],
+            "qnEndDate": [{
+              "startDate": this.dayjs(k.endDate,'DD-MM-YYYY'),
+              "endDate": this.dayjs(k.endDate,'DD-MM-YYYY')
+            }]
+            })
+            }, (['linearscale'].includes(j?.answerType) ? { validators: [rangeValidator()] } : {})));
+        });
+        // if(typeof j.questionReferenceImage == 'string' && j.questionReferenceImage != '') {
+        //   j.multiQuestionReferenceImage = [{imageURL:j.questionReferenceImage,runAI:false}];
+        // }
+        questions.push(
+          this.fb.group({
+            "qno": this.fb.control(questionIndex+1),
+            'qname': this.fb.control({value:j?.qname,disabled:runAI.length}, [Validators.required,noWhitespaceValidator()]),
+            "oldQname":this.fb.control(j?.qname, [Validators.required,noWhitespaceValidator()]),
+            'answerType': this.fb.control({value:j?.answerType,disabled:runAI.length}, this.allowedValuesValidator(["descriptive", "yes/no", "multiplechoicesingle", "multiplechoicemultiple", "image", "video","descriptiveImage","multipleImage",'date','linearscale','time','image/video','dropdown'])),
+            ...(!['descriptive'].includes(j?.answerType)) ? { 'answers': (['image','descriptiveImage', 'video','multipleImage','time','linearscale','date','image/video'].includes(j?.answerType)) ? answer[0] : this.fb.array(answer,[uniqueStringValidator()]) } : {},
+            'runAI': this.fb.control({value:(['image','descriptiveImage',"multipleImage","image/video"].includes(j?.answerType)) ? (j?.runAI) ? true : false : false,disabled: !!runAI.length}, [Validators.required]),
+            'runAIDefault':this.fb.control(j?.runAI || false),
+            'allowUploadfromGallery': this.fb.control({value:(['image','descriptiveImage','video','multipleImage','image/video'].includes(j?.answerType)) ? (j?.allowUploadfromGallery) ? true : false : false,disabled:!!runAI.length}, [Validators.required]),
+            // 'runAIDescription': this.fb.control((['image','descriptiveImage','multipleImage'].includes(j?.answerType)) ? (j?.runAIDescription) : ''),
+            'linkType': this.fb.control(j?.linkType),
+            "multiQuestionReferenceImage":this.fb.array(j?.multiQuestionReferenceImage || []),
+            // "multiQuestionReferenceImage": [[j?.questionReferenceImage ?? '']],
+            'descriptivetype': this.fb.control({ value: j?.descriptivetype,disabled:!!runAI.length}),
+            questionReferenceImage:j?.questionReferenceImage ?? '',
+            "runAIFeatures":this.fb.array(j?.runAIFeatures || []),
+            disableRunAI:runAI.length ? true : false,
+            'runAIDescription': this.fb.control(j?.runAIDescription || ''),
+            "uniqueqno": this.fb.control(j?.uniqueqno || 0),
+            "uniqueqid": this.fb.control(j?.uniqueqid || ''),
+            'allowMultiple':this.fb.control(j?.allowMultiple ?? false),
+            'compliance':this.fb.control({
+              value: j?.compliance ?? false,
+              disabled: ['image','image/video'].includes(j?.answerType) ? !j?.runAI : false
+            }),
+            
+          })
+        );
+      });
+      sections.push(
+        this.fb.group({
+          "name": this.fb.control(i?.name, [Validators.required, Validators.minLength(1),noWhitespaceValidator()]),
+          "oldName":this.fb.control(i?.name, [Validators.required, Validators.minLength(1),noWhitespaceValidator()]),
+          "sectionNumber": this.fb.control(sectionNumber),
+          "questions": this.fb.array(questions),
+          "maxQuestionNumber": this.fb.control(i?.maxQuestionNumber || 0),
+      }));
+      questions = [];
+    });
+
+    this.ChecklistForm = this.fb.group({
+      'checklistName': this.fb.control(this.getobject.checkListName, [Validators.required,noWhitespaceValidator()]),
+      'checklistDescription': this.fb.control(this.getobject.checkListDescription),
+      'sections': this.fb.array(sections)
+    });
+    sectionsarray.forEach((_: any, sectionIndex: number) => {
+      this.getobject.sections[sectionIndex]?.questions?.forEach((_: any, questionIndex: number) => {
+        if (this.hasValidationEnabled(sectionIndex, questionIndex)) {
+          ((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup)?.get('compliance')?.patchValue(false);
+          ((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup)?.get('compliance')?.disable({ emitEvent: false });
+        }
+      });
+    });
+    this.ChecklistForm.updateValueAndValidity();
+    this.checklistLoading = false;
+
+    console.log(this.ChecklistForm.value)
+
+    // console.log(this.ChecklistForm,'form');
+  }
+
+  initChecklist() {
+    this.ChecklistForm = this.fb.group({
+      'checklistName': this.fb.control('', [Validators.required,noWhitespaceValidator()]),
+      'checklistDescription': this.fb.control(''),
+      'sections': this.fb.array([
+        this.fb.group({
+          "name": this.fb.control('Section 1', [Validators.required,Validators.minLength(1),noWhitespaceValidator()]),
+          "sectionNumber": this.fb.control(1, [Validators.required]),
+          "questions": this.fb.array([
+            this.fb.group({
+              "qno": this.fb.control(1, [Validators.required]),
+              'qname': this.fb.control('', [Validators.required,noWhitespaceValidator()]),
+              'answerType': this.fb.control('descriptive',
+                this.allowedValuesValidator(["descriptive", "yes/no", "multiplechoicesingle", "multiplechoicemultiple","descriptiveImage", "image", "video",'multipleImage','date','linearscale','time','image/video','dropdown'])),
+              'runAI': this.fb.control(false, [Validators.required]),
+              'runAIDescription': this.fb.control(''),
+              'allowUploadfromGallery': this.fb.control(false, [Validators.required]),
+              'linkType': this.fb.control(false, [Validators.required]),
+              "multiQuestionReferenceImage":this.fb.array([]),
+              'descriptivetype':this.fb.control('text'),
+              'questionReferenceImage':this.fb.control(''),              
+              "runAIFeatures":this.fb.array([]),
+              "uniqueqno": this.fb.control(0),
+              "uniqueqid": this.fb.control(''),
+              'allowMultiple':this.fb.control(false),
+              'compliance':this.fb.control(false),
+            })
+          ]),
+          "maxQuestionNumber": this.fb.control(0),
+        })
+      ])
+    });
+    this.checklistLoading = false;
+  }
+
+  allowedValuesValidator(allowedValues: string[]) {
+    return (control: any) => {
+      const value = control.value;
+      if (value && allowedValues.indexOf(value) === -1) {
+        return { invalidValue: true };
+      }
+      return null;
+    };
+  }
+
+  addNewSection() {
+    let sections = this.ChecklistForm.get('sections') as FormArray;
+    let sectionLength = sections.length;
+    if(this.maxSectionNumber){
+      this.maxSectionNumber++;
+    }else{
+      this.maxSectionNumber = Math.max(...sections.value.map((ele:any) => ele.sectionNumber ))+1;
+    }
+    // console.log("this.maxSectionNumber =>", this.maxSectionNumber);
+
+    (this.ChecklistForm.get('sections') as FormArray).push(
+      this.fb.group({
+        "name": this.fb.control(`Section ${sectionLength + 1}`, [Validators.required,Validators.minLength(1),noWhitespaceValidator()]),
+        "sectionNumber": this.fb.control(this.maxSectionNumber, [Validators.required]),
+        // "sectionNumber": this.fb.control(findSecNum + 1, [Validators.required]),
+        "questions": this.fb.array([
+          this.fb.group({
+            "qno": this.fb.control(1, [Validators.required]),
+            'qname': this.fb.control('', [Validators.required,noWhitespaceValidator()]),
+            'answerType': this.fb.control('descriptive',
+              this.allowedValuesValidator(["descriptive", "yes/no", "multiplechoicesingle", "multiplechoicemultiple","descriptiveImage", "image", "video",'multipleImage','date','linearscale','time','image/video','dropdown'])),
+            'runAI': this.fb.control(false, [Validators.required]),
+            'runAIDescription': this.fb.control(''),
+            'allowUploadfromGallery': this.fb.control(false, [Validators.required]),
+            'linkType': this.fb.control(false, [Validators.required]),
+            "multiQuestionReferenceImage":this.fb.array([]),
+            'descriptivetype':this.fb.control('text'),
+            'questionReferenceImage':this.fb.control(''),
+            'runAIFeatures':this.fb.array([]),            
+            "uniqueqno": this.fb.control(0),
+            "uniqueqid": this.fb.control(''),
+            'allowMultiple':this.fb.control(false),
+            'compliance':this.fb.control(false)
+          })
+        ]),
+        "maxQuestionNumber": this.fb.control(0),
+      })
+    );
+    if(sectionLength == 0) {
+      this.show = -1;
+    }
+    this.accordian(sectionLength);
+    this.swalToast('New section added!');
+  }
+
+  removeSection(sectionIndex: number) {
+    (this.ChecklistForm.get('sections') as FormArray).removeAt(sectionIndex);
+  }
+
+  dragDrop(sectionIndex: any, event: CdkDragDrop<any[]>) {
+    if (event.previousContainer === event.container) {
+      moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+      // this.updatelinkedQuestionNo(sectionIndex,event.previousIndex,event.currentIndex)
+      this.updateQuestionQnos(sectionIndex);
+    } else {
+      transferArrayItem(
+        event.previousContainer.data,
+        event.container.data,
+        event.previousIndex,
+        event.currentIndex
+      );
+    }
+  }
+
+  updatelinkedQuestionNo(secIdx:number,prevIdx:number,qnIdx:number) {
+    let questions = (this.getSectionFormArray().at(secIdx).get('questions') as FormArray);
+    for(let i=0;i<questions.length-1;i++) {
+      let answers = ((questions.at(i) as FormGroup).get('answers') as FormArray);
+      for(let j=0;j<answers?.length -1;j++) {
+        let linked = (answers.at(j) as FormGroup).get('showLinked')?.value;
+        if(linked) {
+          let linkedNo = (answers.at(j) as FormGroup).get('linkedQuestion')?.value;
+          if(linkedNo == prevIdx + 1) {
+            (answers.at(j) as FormGroup).get('linkedQuestion')?.setValue(qnIdx + 1);
+          }
+          else if(linkedNo <= qnIdx + 1) {
+            (answers.at(j) as FormGroup).get('linkedQuestion')?.setValue(linkedNo - 1);
+          }
+
+        }
+
+      }
+    }
+
+  }
+
+  answerTypeSelection(sectionIndex: any, questionIndex: any, event: any) {
+    let selectvalue: string = event.target.value;
+    
+    (((((this.ChecklistForm.get('sections') as FormArray)
+      .at(sectionIndex) as FormGroup)
+      .get('questions') as FormArray)
+      .at(questionIndex) as FormGroup).get("multiQuestionReferenceImage") as FormArray)?.clear();
+    if(!['descriptive','multipleImage'].includes(selectvalue)) {
+       ((((this.ChecklistForm.get('sections') as FormArray)
+      .at(sectionIndex) as FormGroup)
+      .get('questions') as FormArray)
+      .at(questionIndex) as FormGroup).get('descriptivetype')?.setValue('');
+    }
+    else {
+      ((((this.ChecklistForm.get('sections') as FormArray)
+      .at(sectionIndex) as FormGroup)
+      .get('questions') as FormArray)
+      .at(questionIndex) as FormGroup).get('descriptivetype')?.setValue('text');
+    }
+    ((((this.ChecklistForm.get('sections') as FormArray)
+      .at(sectionIndex) as FormGroup)
+      .get('questions') as FormArray)
+      .at(questionIndex) as FormGroup).get('compliance')?.setValue(false);
+    this.removeQuestionLinked(sectionIndex,questionIndex);
+    if (['yes/no','multiplechoicesingle','multiplechoicemultiple','dropdown'].includes(selectvalue)) {
+      this.setAnswerAsFormArray(sectionIndex, questionIndex,selectvalue);
+    } else if (selectvalue == 'descriptive') {
+    } else if (['descriptiveImage','image','video','multipleImage',,'image/video'].includes(selectvalue)) {
+      this.setAnswerAsFormGroup(sectionIndex, questionIndex, selectvalue);
+    } else if (['date','time','linearscale'].includes(selectvalue)) { 
+      this.setAnswerAsTime(sectionIndex, questionIndex, selectvalue);
+    }
+  }
+
+  setAnswerAsTime(secIdx:number,qnIdx:number,type:string) {
+    let question = ((((this.ChecklistForm.get('sections') as FormArray)
+      .at(secIdx) as FormGroup)
+      .get('questions') as FormArray)
+      .at(qnIdx) as FormGroup);
+      if(type == 'time') {
+        question.setControl('answers',
+           this.fb.group({
+             'answer': this.fb.control(''),
+             'answeroptionNumber': this.fb.control(1),
+             'sopFlag': this.fb.control(false),
+             'validation': this.fb.control(false),
+             'validationType': this.fb.control(''),
+             'linkedQuestion':this.fb.control(0),
+             'showLinked':this.fb.control(false),
+             "multiReferenceImage": this.fb.array([]),
+             'runAI': this.fb.control(false),
+             'allowUploadfromGallery': this.fb.control(false),
+             'descriptivetype':this.fb.control(''),
+             'runAIFeatures':this.fb.array([]),
+             'runAIDescription': this.fb.control(''),
+           }),
+         );
+      } else if(type == 'linearscale') {
+        const answersGroup = this.fb.group({
+             'answer': this.fb.control(''),
+             'answeroptionNumber': this.fb.control(1),
+             'sopFlag': this.fb.control(false),
+             'validation': this.fb.control(false),
+             'validationType': this.fb.control(''),
+             'linkedQuestion':this.fb.control(0),
+             'showLinked':this.fb.control(false),
+             "multiReferenceImage": this.fb.array([]),
+             'runAI': this.fb.control(false),
+             'allowUploadfromGallery': this.fb.control(false),
+             'descriptivetype':this.fb.control('number'),
+             'rangeStart':this.fb.control(0),
+             'rangeEnd':this.fb.control(100),
+             'runAIFeatures':this.fb.array([]),
+             'runAIDescription': this.fb.control(''),
+             'linearType':this.fb.control('number'),
+             'minValue':this.fb.control(0),
+             'maxValue':this.fb.control(100),
+             'matchedCount':this.fb.control(0),
+             'notMatchedCount':this.fb.control(0),
+           }, { validators: rangeValidator() });
+        question.setControl('answers', answersGroup);
+      } else {
+        question.setControl('answers',
+           this.fb.group({
+             'answer': this.fb.control(''),
+             'answeroptionNumber': this.fb.control(1),
+             'sopFlag': this.fb.control(false),
+             'validation': this.fb.control(false),
+             'validationType': this.fb.control(''),
+             'linkedQuestion':this.fb.control(0),
+             'showLinked':this.fb.control(false),
+             "multiReferenceImage": this.fb.array([]),
+             'runAI': this.fb.control(false),
+             'allowUploadfromGallery': this.fb.control(false),
+             'historicDate': this.fb.control(false),
+             'descriptivetype':this.fb.control('number'),
+             'runAIFeatures':this.fb.array([]),
+             'runAIDescription': this.fb.control(''),
+             'startDate': this.fb.control(this.dayjs().format('DD-MM-YYYY')),
+             'endDate': this.fb.control(this.dayjs().format('DD-MM-YYYY')),
+             'matchedCount':this.fb.control(0),
+             'notMatchedCount':this.fb.control(0),
+             'qnStartDate': this.fb.control({}),
+             'qnEndDate': this.fb.control({}),
+           }),
+         );
+      }
+      
+    
+
+    // console.log(question);
+    
+  }
+
+  removeQuestionLinked(secIdx:any,qnIdx:any) {
+    let answers = (((this.getSectionFormArray().at(secIdx).get('questions') as FormArray).at(qnIdx) as FormGroup).get('answers') as FormArray);
+    if(answers) {
+      for(let i=0;i<answers.length;i++){
+        let qn = (answers.at(i) as FormGroup).get('linkedQuestion')?.value;
+        if(qn) {
+          ((this.getSectionFormArray().at(secIdx).get('questions') as FormArray).at(qn - 1) as FormGroup).get('linkType')?.setValue(false);
+        }
+        
+      }
+    }
+  }
+
+  updateValidationType(event:any,section:number,question:number,answer:number) {
+    let questionInfo = ((((this.ChecklistForm.get('sections') as FormArray)
+      .at(section) as FormGroup)
+      .get('questions') as FormArray)
+      .at(question) as FormGroup).get('compliance')?.value;
+    let answers = (((((this.ChecklistForm.get('sections') as FormArray)
+      .at(section) as FormGroup)
+      .get('questions') as FormArray)
+      .at(question) as FormGroup).get('answers') as FormArray)?.value;
+    // if(!answers.some((ele:any) => ele.runAI) && questionInfo) {
+    //   const dialogRef = this.dialog.open(TraxpopupComponent,{centered: true, size: 'md'});
+    //   dialogRef.componentInstance.data = {
+    //     imagesrc: `<span><svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none">
+    //             <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 24.0012V28.0012M27.9988 32.0012H28.0088M26.2888 18.8612L17.8188 33.0012C17.6442 33.3036 17.5518 33.6465 17.5508 33.9957C17.5498 34.3449 17.6403 34.6883 17.8132 34.9917C17.9862 35.2951 18.2355 35.5479 18.5365 35.725C18.8375 35.9021 19.1796 35.9973 19.5288 36.0012H36.4688C36.818 35.9973 37.1601 35.9021 37.4611 35.725C37.7621 35.5479 38.0114 35.2951 38.1844 34.9917C38.3573 34.6883 38.4478 34.3449 38.4468 33.9957C38.4458 33.6465 38.3534 33.3036 38.1788 33.0012L29.7088 18.8612C29.5305 18.5673 29.2795 18.3243 28.98 18.1557C28.6805 17.987 28.3425 17.8984 27.9988 17.8984C27.6551 17.8984 27.3171 17.987 27.0176 18.1557C26.7181 18.3243 26.4671 18.5673 26.2888 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    //             </svg></span>`,
+    //     title: `Disabling Compliance Score`,
+    //     content: `By clicking and enable the validate response, the compliance score configured will be disabled since it works only for Capture Image with Run AI enabled. Are you sure to proceed?`,
+    //     buttontype: "compliance",
+    //   };
+    //   dialogRef.result.then((res) => {
+    //     if(res == 'confirm') {
+    //       ((((this.ChecklistForm.get('sections') as FormArray).at(section) as FormGroup).get('questions') as FormArray).at(question) as FormGroup)?.get('compliance')?.patchValue(false);
+    //       ((((this.ChecklistForm.get('sections') as FormArray).at(section) as FormGroup).get('questions') as FormArray).at(question) as FormGroup)?.get('compliance')?.disable({emitEvent:false});
+    //       ((((this.ChecklistForm.get('sections') as FormArray).at(section) as FormGroup).get('questions') as FormArray).at(question) as FormGroup)?.get('complianceScore')?.patchValue(0);
+    //     }
+    //   });
+    // }
+    // if(answers.some((ele:any) => ele.runAI) && !this.hasValidationEnabled(section, question)) {
+    //   ((((this.ChecklistForm.get('sections') as FormArray).at(section) as FormGroup).get('questions') as FormArray).at(question) as FormGroup)?.get('compliance')?.enable();
+    // }
+    const answerGroup = ((((((this.ChecklistForm.get('sections') as FormArray)
+      .at(section) as FormGroup)
+      .get('questions') as FormArray)
+      .at(question) as FormGroup).get('answers') as FormArray).at(answer) as FormGroup);
+    const validationTypeValue = answerGroup.get('validationType')?.value;
+    if(validationTypeValue === 'Descriptive Answer') {
+      answerGroup.get('descriptivetype')?.setValue('text');
+    }
+    ((((((this.ChecklistForm.get('sections') as FormArray)
+      .at(section) as FormGroup)
+      .get('questions') as FormArray)
+      .at(question) as FormGroup).get('answers') as FormArray).at(answer) as FormGroup).get('allowUploadfromGallery')?.setValue(false);
+    ((((((this.ChecklistForm.get('sections') as FormArray)
+      .at(section) as FormGroup)
+      .get('questions') as FormArray)
+      .at(question) as FormGroup).get('answers') as FormArray).at(answer) as FormGroup).get('runAI')?.setValue(false);
+    ((((((this.ChecklistForm.get('sections') as FormArray)
+      .at(section) as FormGroup)
+      .get('questions') as FormArray)
+      .at(question) as FormGroup).get('answers') as FormArray).at(answer) as FormGroup).get('runAIDescription')?.setValue('');
+    (((((((this.ChecklistForm.get('sections') as FormArray)
+      .at(section) as FormGroup)
+      .get('questions') as FormArray)
+      .at(question) as FormGroup).get('answers') as FormArray).at(answer) as FormGroup).get('runAIFeatures') as FormArray)?.clear();
+    (((((((this.ChecklistForm.get('sections') as FormArray)
+      .at(section) as FormGroup)
+      .get('questions') as FormArray)
+      .at(question) as FormGroup).get('answers') as FormArray).at(answer) as FormGroup).get('multiReferenceImage') as FormArray)?.clear();
+  }
+
+  setAnswerAsFormArray(sectionIndex: number, questionIndex: number,selectvalue: string) {
+    let question = ((((this.ChecklistForm.get('sections') as FormArray)
+      .at(sectionIndex) as FormGroup)
+      .get('questions') as FormArray)
+      .at(questionIndex) as FormGroup);
+    
+    if (selectvalue == 'yes/no') {
+      question.setControl('answers',
+        this.fb.array([
+          this.fb.group({
+            'answer': this.fb.control('Yes', [Validators.required,noWhitespaceValidator()]),
+            'answeroptionNumber': this.fb.control(1),
+            'sopFlag': this.fb.control(false, [Validators.required]),
+            // 'linkQuestion':this.fb.control(false,[Validators.required]),
+            // 'answerInputStyle': this.fb.control('radio',[Validators.required]),
+            'validation': this.fb.control(false, [Validators.required]),
+            'validationType': this.fb.control('Capture Image', this.allowedValuesValidator(["Capture Image", "Capture Multiple Image with description", "Descriptive Answer","Capture Video"])),
+            'linkedQuestion':this.fb.control(0, [Validators.required]),
+            'showLinked':this.fb.control(false, [Validators.required]),
+            "multiReferenceImage": this.fb.array([]),
+            'runAI': this.fb.control(false),
+            'allowUploadfromGallery': this.fb.control(false),
+            'descriptivetype':this.fb.control(''),
+            "referenceImage":this.fb.control(''),            
+            "runAIFeatures":this.fb.array([]),
+            'runAIDescription': this.fb.control(''),
+            'complianceScore':this.fb.control(0)
+          }),
+          this.fb.group({
+            'answer': this.fb.control('No', [Validators.required,noWhitespaceValidator()]),
+            'answeroptionNumber': this.fb.control(2),
+            'sopFlag': this.fb.control(false, [Validators.required]),
+            'validation': this.fb.control(false, [Validators.required]),
+            'validationType': this.fb.control('Capture Image', this.allowedValuesValidator(["Capture Image", "Capture Multiple Image with description", "Descriptive Answer","Capture Video"])),
+            'linkedQuestion':this.fb.control(0, [Validators.required]),
+            'showLinked':this.fb.control(false, [Validators.required]),
+            "multiReferenceImage": this.fb.array([]),
+            'runAI': this.fb.control(false),
+            'allowUploadfromGallery': this.fb.control(false),
+            'descriptivetype':this.fb.control(''),
+            "referenceImage":this.fb.control(''),            
+            "runAIFeatures":this.fb.array([]),
+            'runAIDescription': this.fb.control(''),
+            'complianceScore':this.fb.control(0)
+          })
+        ],uniqueStringValidator())
+      );
+    } else {
+      question.setControl('answers',
+        this.fb.array([
+          this.fb.group({
+            'answer': this.fb.control('', [Validators.required,noWhitespaceValidator()]),
+            'answeroptionNumber': this.fb.control(1),
+            'sopFlag': this.fb.control(false, [Validators.required]),
+            'validation': this.fb.control(false, [Validators.required]),
+            'validationType': this.fb.control('Capture Image', this.allowedValuesValidator(["Capture Image", "Capture Multiple Image with description", "Descriptive Answer","Capture Video"])),
+            ...(selectvalue == 'multiplechoicesingle' ? {"linkedQuestion":this.fb.control(0, [Validators.required]),'showLinked':this.fb.control(false, [Validators.required])} : {}),
+            "multiReferenceImage": this.fb.array([]),
+            'runAI': this.fb.control(false),
+            'allowUploadfromGallery': this.fb.control(false),
+            'descriptivetype':this.fb.control(''),
+            "referenceImage":this.fb.control(''),
+            "runAIFeatures":this.fb.array([]),
+            'runAIDescription': this.fb.control(''),
+            'complianceScore':this.fb.control(0)
+          }),
+          this.fb.group({
+            'answer': this.fb.control('', [Validators.required,noWhitespaceValidator()]),
+            'answeroptionNumber': this.fb.control(1),
+            'sopFlag': this.fb.control(false, [Validators.required]),
+            'validation': this.fb.control(false, [Validators.required]),
+            'validationType': this.fb.control('Capture Image', this.allowedValuesValidator(["Capture Image", "Capture Multiple Image with description", "Descriptive Answer","Capture Video"])),
+            ...(selectvalue == 'multiplechoicesingle' ? {"linkedQuestion":this.fb.control(0, [Validators.required]),'showLinked':this.fb.control(false, [Validators.required])} : {}),
+            "multiReferenceImage": this.fb.array([]),
+            'runAI': this.fb.control(false),
+            'allowUploadfromGallery': this.fb.control(false),
+            'descriptivetype':this.fb.control(''),
+            "referenceImage":this.fb.control(''),
+            "runAIFeatures":this.fb.array([]),
+            'runAIDescription': this.fb.control(''),
+            'complianceScore':this.fb.control(0)
+          })
+        ],uniqueStringValidator()),
+      );
+    }
+    this.ChecklistForm.updateValueAndValidity();
+  }
+
+  setAnswerAsFormGroup(sectionIndex: number, questionIndex: number, answerType: string) {
+    let question = ((((this.ChecklistForm.get('sections') as FormArray)
+      .at(sectionIndex) as FormGroup)
+      .get('questions') as FormArray)
+      .at(questionIndex) as FormGroup)
+    if (['image', 'descriptiveImage','multipleImage','image/video'].includes(answerType)) {
+      if(['image','image/video'].includes(answerType)) {
+        question.get('compliance')?.disable({ emitEvent: false });
+      }
+      ((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup)
+                            .get('questions') as FormArray).at(questionIndex) as FormGroup)
+                            .setControl('answers', 
+        this.fb.group({
+          "multiReferenceImage": this.fb.array([]),
+          "referenceImage":this.fb.control(''),
+          'runAI': this.fb.control(false),
+          'allowUploadfromGallery': this.fb.control(false),
+          ...(answerType == 'multipleImage' ? {'descriptivetype':this.fb.control('text')}:{}),
+          "runAIFeatures":this.fb.array([]),
+          'runAIDescription': this.fb.control(''),
+          ...(answerType == 'image/video' && {limit:this.fb.control(false),videoLimit:this.fb.control(1),imageLimit:this.fb.control(1)}),
+          ...(['image','image/video'].includes(answerType) && {matchedCount:this.fb.control(0),notMatchedCount:this.fb.control(0)})
+        }));
+    } else {
+      question.setControl('answers', this.fb.group({
+        'allowUploadfromGallery': this.fb.control(false),
+      })
+      )
+    }
+    this.ChecklistForm.updateValueAndValidity();
+  }
+
+  loadImageFromDevice(secIdx: number,qIdx: number,event: any,ansIdx:number=-1,ctrlName:string = '',imgIdx:number=-1) {
+    if (event.target.files != undefined && event.target.files.length) {
+    }
+    const input = event.target as HTMLInputElement;
+    let formData = new FormData();
+    let file: File = event.target.files[0];
+    formData.append('file', file, file.name);
+    formData.append('clientId',this.clientId)
+    this.sopService.imageupload(formData).pipe(takeUntil(this.detach)).subscribe((res: any) => {
+      input.value = '';
+      const sections = this.ChecklistForm.get('sections') as FormArray | null;
+      if (!sections) return null;
+    
+      const section = sections.at(secIdx) as FormGroup | null;
+      if (!section) return null;
+    
+      const questions = section.get('questions') as FormArray | null;
+      if (!questions) return null;
+    
+      const question = questions.at(qIdx) as FormGroup | null;
+
+      if (!question) return null;
+      if(ctrlName) {
+        let refImages;
+        if(ctrlName == "multiQuestionReferenceImage") {
+          refImages = question.get(ctrlName) as FormArray;
+        }
+        else {
+          let answers
+          if(ansIdx != -1) {
+            answers = ((question.get('answers') as FormArray).at(ansIdx) as FormGroup); 
+          }
+          else {
+            answers = question.get('answers') as FormGroup;
+          }
+          refImages = answers?.get("multiReferenceImage") as FormArray;
+        }
+        if(refImages) {
+          if(imgIdx != -1) {
+            (refImages?.at(imgIdx) as FormGroup)?.setValue({imageURL:res.data.imgUrl,runAI:false})
+          }
+          else {
+            refImages?.push(this.fb.group({imageURL:res.data.imgUrl,runAI:false}))
+          }
+        }
+      }
+      else{
+        this.getAnswerFormGroup_FormControl(secIdx,qIdx,"multiReferenceImage",ansIdx)?.setValue(res.data.imgUrl);
+      }
+      
+      this.ChecklistForm.updateValueAndValidity();
+      this.changedetector.detectChanges();      
+    })
+  }
+
+  clearReferenceImage(secIdx: number,qIdx: number,ansIdx:number=-1,imageIndex:number=-1,ctrlName:string="") {
+    // this.getAnswerFormGroup_FormControl(secIdx,qIdx,"referenceImage",ansIdx)?.setValue('');
+    // this.getAnswerFormGroup_FormControl(secIdx,qIdx,'runAI',ansIdx)?.setValue(false);
+    const sections = this.ChecklistForm.get('sections') as FormArray | null;
+      if (!sections) return null;
+    
+      const section = sections.at(secIdx) as FormGroup | null;
+      if (!section) return null;
+    
+      const questions = section.get('questions') as FormArray | null;
+      if (!questions) return null;
+    
+      const question = questions.at(qIdx) as FormGroup | null;
+      if (!question) return null;
+    if(imageIndex != -1 && ctrlName) {
+      let refImages;
+      if(ctrlName == "multiQuestionReferenceImage") {
+        refImages = question.get(ctrlName) as FormArray;
+      }
+      else {
+        let answers;
+        if(ansIdx != -1) {
+          answers = ((question.get('answers') as FormArray).at(ansIdx) as FormGroup)
+        }
+        else {
+          answers = question.get('answers') as FormGroup;
+        }
+        refImages = answers.get(ctrlName) as FormArray;
+      }
+        refImages.removeAt(imageIndex);
+
+    }
+    else {
+      (question.get("multiReferenceImage") as FormArray)?.clear();
+      (question.get("multiQuestionReferenceImage") as FormArray)?.clear();
+    }
+  }
+
+  getvalidation(sectionIndex: any, questionIndex: any, addmoreqnIndex: any, event: any) {
+    ((((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup).get('answers') as FormArray).at(addmoreqnIndex) as FormGroup).get('validation')?.setValue(event.target.checked);
+    if(!event.target.checked) {
+      this.runAIOff(sectionIndex, questionIndex, false, addmoreqnIndex);
+      (((((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup).get('answers') as FormArray).at(addmoreqnIndex) as FormGroup).get('multiReferenceImage') as FormArray).clear();
+      ((((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup).get('answers') as FormArray).at(addmoreqnIndex) as FormGroup).get('runAIDescription')?.setValue('');
+    }
+    // let answers = (((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup).get('answers') as FormArray).value;
+    // let compliance = ((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup)?.get('compliance')?.value;
+    // if(!answers.some((ele:any) => ele.runAI) && compliance) {
+    //   const dialogRef = this.dialog.open(TraxpopupComponent,{centered: true, size: 'md'});
+    //   dialogRef.componentInstance.data = {
+    //     imagesrc: `<span><svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none">
+    //             <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 24.0012V28.0012M27.9988 32.0012H28.0088M26.2888 18.8612L17.8188 33.0012C17.6442 33.3036 17.5518 33.6465 17.5508 33.9957C17.5498 34.3449 17.6403 34.6883 17.8132 34.9917C17.9862 35.2951 18.2355 35.5479 18.5365 35.725C18.8375 35.9021 19.1796 35.9973 19.5288 36.0012H36.4688C36.818 35.9973 37.1601 35.9021 37.4611 35.725C37.7621 35.5479 38.0114 35.2951 38.1844 34.9917C38.3573 34.6883 38.4478 34.3449 38.4468 33.9957C38.4458 33.6465 38.3534 33.3036 38.1788 33.0012L29.7088 18.8612C29.5305 18.5673 29.2795 18.3243 28.98 18.1557C28.6805 17.987 28.3425 17.8984 27.9988 17.8984C27.6551 17.8984 27.3171 17.987 27.0176 18.1557C26.7181 18.3243 26.4671 18.5673 26.2888 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    //             </svg></span>`,
+    //     title: `Disabling Compliance Score`,
+    //     content: `By clicking and enable the validate response, the compliance score configured will be disabled since it works only for Capture Image with Run AI enabled. Are you sure to proceed?`,
+    //     buttontype: "compliance",
+    //   };
+    //   dialogRef.result.then((res) => {
+    //     if(res == 'confirm') {
+    //       ((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup)?.get('compliance')?.patchValue(false);
+    //       ((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup)?.get('compliance')?.disable({emitEvent:false});
+    //       ((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup)?.get('complianceScore')?.patchValue(0);
+    //     }
+    //     else {
+    //       ((((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup).get('answers') as FormArray).at(addmoreqnIndex) as FormGroup).get('validation')?.setValue(false);
+    //     }
+    //   });
+
+    // }
+    // if(!answers.some((ele:any) => ele.runAI) && !compliance) {
+    //   if(event.target.checked) {
+    //     ((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup)?.get('compliance')?.disable({emitEvent:false})
+    //   }
+    //   else if(!answers.some((ele:any) => ele.validation)) {
+    //     ((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup)?.get('compliance')?.enable({emitEvent:false})
+    //   }
+    // }
+  }
+
+  addNewQuestion(sectionIndex: number) {
+
+    if (this.sectionIndex > -1) {
+      if (!(((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions'))) {
+        ((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).setControl('questions', this.fb.array([]));
+      }
+      let questions = (((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup).get('questions') as FormArray);
+
+      let questionsLength = questions.length;
+      questions.push(this.fb.group({
+        "qno": this.fb.control(questionsLength + 1,),
+        'qname': this.fb.control('', [Validators.required,noWhitespaceValidator()]),
+        'answerType': this.fb.control('descriptive',
+          this.allowedValuesValidator(["descriptive", "yes/no", "multiplechoicesingle", "multiplechoicemultiple","descriptiveImage", "image", "video",'multipleImage','date','linearscale','time','image/video','dropdown'])),
+        'runAI': this.fb.control(false, [Validators.required]),
+        'runAIDescription': this.fb.control(''),
+        'allowUploadfromGallery': this.fb.control(false, [Validators.required]),
+        'linkType': this.fb.control(false, [Validators.required]),
+        "multiQuestionReferenceImage":this.fb.array([]),
+        'descriptivetype':this.fb.control('text'),
+        'questionReferenceImage':this.fb.control(''),
+        "runAIFeatures":this.fb.array([]),        
+        "uniqueqno": this.fb.control(0),
+        "uniqueqid": this.fb.control(''),
+        "allowMultiple":this.fb.control(false),
+        'compliance':this.fb.control(false)
+      }));      
+      this.changedetector.detectChanges();
+      this.swalToast('New question added!');
+      setTimeout(()=> {
+        this.scrollToQuestion(sectionIndex,questionsLength);
+      },100);
+    }
+  }
+
+  deleteQuestion(sectionIndex: any, questionIndex: any) {
+    this.deletedList = [];
+    let question = this.getQuestionFormControl(sectionIndex, questionIndex, 'qname')?.value || '';
+    let qno = this.getQuestionFormControl(sectionIndex, questionIndex, 'qno')?.value;
+    question = question ? question : `Question ${this.getQuestionFormControl(sectionIndex, questionIndex, 'qno')?.value || ''}`;
+    question = question.length > 20 ? question.slice(0,20) + '...' : question;
+    const dialogRef = this.dialog.open(TraxpopupComponent,{centered: true, size: 'md'});
+    dialogRef.componentInstance.data = {
+      imagesrc: `<span><svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEE4E2"/><path d="M28 24V28M28 32H28.01M38 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="#D92D20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FEF3F2" stroke-width="8"/></svg></span>`,
+      title: `Delete '${question}'?`,
+      content: `Are you sure you want to delete <b>'${question}'</b>? This action cannot be undone.`,
+      buttontype: 'delete'
+    }
+    dialogRef.result.then((res) => {
+      if (res == 'delete') {
+        let linkedQuestion:any = (((this.getSectionFormArray().at(sectionIndex).get('questions') as FormArray).at(questionIndex) as FormGroup).get('answers') as FormArray);
+        let type:any = ((this.getSectionFormArray().at(sectionIndex).get('questions') as FormArray).at(questionIndex) as FormGroup).get('answerType')?.value;
+        if(!['descriptive','image', 'descriptiveImage','multipleImage','video','linearscale','time','date'].includes(type)) {
+          for(let i=0;i<linkedQuestion?.length;i++) {
+            let linkedQn = ((linkedQuestion.at(i) as FormGroup).get('linkedQuestion')?.value);
+            if(linkedQn) {
+              let no = linkedQn -1;
+              ((this.getSectionFormArray().at(sectionIndex).get('questions') as FormArray).at(no) as FormGroup).get('linkType')?.setValue(false);
+              if(linkedQn && parseInt(linkedQn) > questionIndex) {
+                this.subtractQuestionno(sectionIndex,linkedQn-1)
+              }
+            }
+          }
+        }
+        (this.getSectionFormControl(sectionIndex, 'questions') as FormArray).removeAt(questionIndex);
+        this.removedNestedQuestion(sectionIndex,qno);
+        this.updateQuestionQnos(sectionIndex);
+        this.swalToast(`${question} has been deleted!`);
+        this.changedetector.detectChanges();
+      }
+    });
+
+  }
+
+  subtractQuestionno(sectionIndex:number,questionIndex:any) {
+    let linkedQuestionAnswers = (((this.getSectionFormArray().at(sectionIndex).get('questions') as FormArray).at(questionIndex) as FormGroup).get('answers') as FormArray);
+    let no = ((this.getSectionFormArray().at(sectionIndex).get('questions') as FormArray).at(questionIndex) as FormGroup).get('qno')?.value;
+    this.deletedList.push(no);
+    for(let j=0;j<linkedQuestionAnswers?.length;j++) {
+      let linkedQn = ((linkedQuestionAnswers.at(j) as FormGroup).get('linkedQuestion')?.value);
+      if(linkedQn && parseInt(linkedQn) > questionIndex) {
+        ((linkedQuestionAnswers.at(j) as FormGroup).get('linkedQuestion'))?.setValue(linkedQn - 1);
+        this.subtractQuestionno(sectionIndex,linkedQn-1);
+      }
+    }
+  }
+
+  raiseflag(sectionIndex: number, questionIndex: number, ansIdx: number,value: boolean,linkIndex:number = -1,linkAnsIndex:number = -1) {
+    let question = ((((this.ChecklistForm.get('sections') as FormArray)?.at(sectionIndex) as FormGroup).get('questions') as FormArray).at(questionIndex) as FormGroup);
+    if(value == true) {
+      let answers = (question.get('answers') as FormArray).value;
+      if(linkIndex == -1) {
+        if(answers.filter((x:any)=> x.sopFlag == true).length == (answers.length -1)) {
+          ((question.get('answers') as FormArray).at(ansIdx) as FormGroup).addControl('showSOPFlagError',this.fb.control(true));
+          timer(5000).subscribe(() => {
+            ((question.get('answers') as FormArray).at(ansIdx) as FormGroup).removeControl('showSOPFlagError');
+          });
+          return;
+        }
+      }
+      else {
+        let answers = ((question.get('answers') as FormArray).at(ansIdx) as FormGroup);
+        let linkQuestion = ((answers.get('linkQuestionAnswers') as FormArray).at(linkIndex) as FormGroup);
+        let linkAnswers = (linkQuestion.get('answers') as FormArray).value
+        if(linkAnswers.filter((x:any)=> x.sopFlag == true).length == (linkAnswers.length -1)) {
+          ((linkQuestion.get('answers') as FormArray).at(linkAnsIndex) as FormGroup).addControl('showSOPFlagError',this.fb.control(true));
+          timer(5000).subscribe(() => {
+              ((linkQuestion.get('answers') as FormArray).at(linkAnsIndex) as FormGroup).removeControl('showSOPFlagError');
+            });
+            return;
+        }
+      }
+    }
+     if(linkIndex == -1)
+        ((((question.get('answers') as FormArray)?.at(ansIdx) as FormGroup)?.get('sopFlag') as FormControl))?.setValue(value); 
+    else   {
+       let answers = ((question.get('answers') as FormArray).at(ansIdx) as FormGroup);
+        let linkQuestion = ((answers.get('linkQuestionAnswers') as FormArray).at(linkIndex) as FormGroup);
+      ((((linkQuestion.get('answers') as FormArray)?.at(linkAnsIndex) as FormGroup)?.get('sopFlag') as FormControl))?.setValue(value);
+    }
+  }
+
+  addNestedQuestion(sectionIndex: number, questionIndex: number, ansIdx: number,value: boolean,linkedQuestionIndex:number=-1,linkedAnswer:number = -1) {
+     let answer = (((((this.ChecklistForm.get('sections') as FormArray)
+      .at(sectionIndex) as FormGroup)
+      .get('questions') as FormArray)
+      .at(questionIndex) as FormGroup)
+      .get('answers') as FormArray)
+      .at(ansIdx) as FormGroup
+
+      
+      
+    if(!answer?.get('linkQuestionAnswers')?.value.length) {
+      answer.setControl('linkQuestionAnswers',
+        this.fb.array([
+          this.fb.group({
+            "qno": this.fb.control(1),
+            'qname': this.fb.control('', [Validators.required,noWhitespaceValidator()]),
+            'answerType': this.fb.control('descriptive',
+              this.allowedValuesValidator(["descriptive", "yes/no", "multiplechoicesingle", "multiplechoicemultiple","descriptiveImage", "image", "video",'multipleImage','date','linearscale','time','image/video','dropdown'])),
+            'runAI': this.fb.control(false, [Validators.required]),
+            'runAIDescription': this.fb.control(''),
+            'allowUploadfromGallery': this.fb.control(false, [Validators.required]),
+            "multiQuestionReferenceImage":this.fb.array([]),
+            'descriptivetype':this.fb.control('text'),
+            'questionReferenceImage':this.fb.control(''),
+            'runAIFeatures':this.fb.array([]),            
+            "uniqueqno": this.fb.control(0),
+            "uniqueqid": this.fb.control(''),
+            "allowMultiple":this.fb.control(false),
+            "compliance":this.fb.control(false),
+          })
+        ])
+      )
+    }
+    else {
+      let nestedQuestion = answer.get('linkQuestionAnswers') as FormArray
+      nestedQuestion.push(this.fb.group({
+        "qno": this.fb.control(1),
+        'qname': this.fb.control('', [Validators.required,noWhitespaceValidator()]),
+        'answerType': this.fb.control('descriptive',
+          this.allowedValuesValidator(["descriptive", "yes/no", "multiplechoicesingle", "multiplechoicemultiple","descriptiveImage", "image", "video",'multipleImage','date','linearscale','time','image/video','dropdown'])),
+        'runAI': this.fb.control(false, [Validators.required]),
+        'runAIDescription': this.fb.control(''),
+        'allowUploadfromGallery': this.fb.control(false, [Validators.required]),
+        "multiQuestionReferenceImage":this.fb.array([]),
+        'descriptivetype':this.fb.control('text'),
+        'questionReferenceImage':this.fb.control(''),
+        'runAIFeatures':this.fb.array([]),        
+        "uniqueqno": this.fb.control(0),
+        "uniqueqid": this.fb.control(''),
+        "allowMultiple":this.fb.control(false),
+        "compliance":this.fb.control(false),
+      }));
+    }
+    this.ChecklistForm.updateValueAndValidity();
+  }
+ 
+  accordian(index: any) {
+    if (this.show == index) {
+      this.show = -1;
+      this.sectionIndex = -1;
+    } else {
+      this.show = index;
+      this.sectionIndex = index;
+    }
+  }
+
+  deleteSection(sectionIndex: any) {
+    let section = ((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex) as FormGroup);
+    let sectionLength:any = " " + (section.get('questions') as FormArray).length;
+    let sectionName:string = section.get('name')?.value;
+    sectionName = sectionName.length > 20 ? (sectionName.slice(0, 20) + "...") : sectionName;
+    let question_text = ''
+    if (sectionLength == 1)
+      question_text = 'Question'
+    else
+     question_text = 'Questions'
+    const popupcontent = {
+      displayprop: false,
+      imagesrc: `<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEE4E2"/><path d="M28 24V28M28 32H28.01M38 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="#D92D20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FEF3F2" stroke-width="8"/></svg>`,
+      title: `Delete '${sectionName} Section'?`,
+      content: `Are you sure you want to delete' <b>'${sectionName}'</b>? with <b>${sectionLength} ${question_text}</b> This action cannot be undone.`,
+      buttontype: 'delete'
+    }
+    const dialogRef = this.dialog.open(TraxpopupComponent,{centered: true, size: 'md'});
+    dialogRef.componentInstance.data = popupcontent
+    dialogRef.result.then((res) => {
+      if (res == 'delete') {
+        (this.ChecklistForm.get('sections') as FormArray).removeAt(sectionIndex)
+        this.changedetector.detectChanges();
+      }
+    });
+  }
+
+  AddMoreAns(sectionindex: any, questionIndex: any,type:string) {
+    let ansoption =
+      ((((this.ChecklistForm.get('sections') as FormArray)
+        .at(sectionindex) as FormGroup)
+        .get('questions') as FormArray)
+        .at(questionIndex)
+        .get('answers') as FormArray);
+    let ansoptionLength = ansoption.length;
+    if (ansoptionLength <= 99) {
+      ansoption.push(
+        this.fb.group({
+          'answer': this.fb.control(``, [Validators.required,noWhitespaceValidator()]),
+          'answeroptionNumber': this.fb.control(ansoptionLength + 1),
+          'sopFlag': this.fb.control(false, [Validators.required]),
+          'validation': this.fb.control(false, [Validators.required]),
+          'validationType': this.fb.control('Capture Image', this.allowedValuesValidator(["Capture Image", "Capture Multiple Image with description", "Descriptive Answer","Capture Video"])),
+          "multiReferenceImage": this.fb.array([]),
+          'allowUploadfromGallery': this.fb.control(false),
+          ...(type == 'multiplechoicesingle' ? {"linkedQuestion":this.fb.control(0, [Validators.required]),'showLinked':this.fb.control(false, [Validators.required])} : {}),
+          'runAI': this.fb.control(false),
+          'descriptivetype':this.fb.control(''),
+          ...(type == 'multipleImage' ? {'descriptivetype':this.fb.control('text')}:{}),
+          'referenceImage':this.fb.control(''),
+          'runAIFeatures':this.fb.array([]),
+          'runAIDescription': this.fb.control(''),
+          'complianceScore':this.fb.control(0)
+        })
+      );
+    }
+  }
+
+  deleteAnswer(sectionIndex: number, questionIndex: number, addmoreqnIndex: number,ansIndex:number = -1) {
+    if(ansIndex != -1) {
+      this.getFormArrayQuestionsAnswer(sectionIndex, questionIndex, 'answers',ansIndex).removeAt(addmoreqnIndex);    
+    }
+    else {
+      this.getFormArrayQuestionsAnswer(sectionIndex, questionIndex, 'answers',ansIndex).removeAt(addmoreqnIndex);    
+    }
+    this.ChecklistForm.updateValueAndValidity();
+  }
+
+  cloneQuestion(sectionindex: any, questionindex: any) {
+    let cloneQuestion = ((this.getSectionFormControl(sectionindex, 'questions') as FormArray).at(questionindex) as FormGroup).value;
+    let questionLength =  (this.getSectionFormControl(sectionindex, 'questions') as FormArray).value;
+    let question: any;
+    let answer: any;
+    if (cloneQuestion.answers) {
+      if (Array.isArray(cloneQuestion.answers) && cloneQuestion.answers.length) {
+        answer = [];
+        cloneQuestion.answers.forEach((k: any) => {
+          answer.push(
+            this.fb.group({
+              ...(!['image', 'descriptiveImage','multipleImage'].includes(cloneQuestion?.answerType) && cloneQuestion?.answerType != 'video' ? { 'answer': this.fb.control(k?.answer, [Validators.required]) } : {}),
+              ...(!['image', 'descriptiveImage','multipleImage'].includes(cloneQuestion?.answerType) && cloneQuestion?.answerType != 'video' ? { 'answeroptionNumber': this.fb.control(k?.answeroptionNumber + 1) } : {}),
+              ...(!['image', 'descriptiveImage','multipleImage'].includes(cloneQuestion?.answerType) && cloneQuestion?.answerType != 'video' ? { 'sopFlag': this.fb.control(k?.sopFlag ? k?.sopFlag : false, [Validators.required]) } : {}),
+              ...(!['image', 'descriptiveImage','multipleImage'].includes(cloneQuestion?.answerType) && cloneQuestion?.answerType != 'video' ? { 'validation': this.fb.control(k?.validation, [Validators.required]) } : {}),
+              ...(!['image', 'descriptiveImage','multipleImage'].includes(cloneQuestion?.answerType) && cloneQuestion?.answerType != 'video' ? { 'validationType': this.fb.control(k?.validationType, this.allowedValuesValidator(["Capture Image", "Capture Multiple Image with description", "Descriptive Answer", "Capture Video"])) } : {}),
+              ...(!['descriptive','image', 'descriptiveImage','multipleImage','date','image/video'].includes(cloneQuestion?.answerType) ? { "multiReferenceImage": this.fb.array(k?.multiReferenceImage) } : {}),
+              ...((!['descriptive','image', 'descriptiveImage','multipleImage','date','image/video'].includes(cloneQuestion?.answerType)) ? { 'allowUploadfromGallery': this.fb.control(k?.allowUploadfromGallery == true ? true : false) } : {}),
+              ...(!['descriptive','image', 'descriptiveImage','multipleImage','date','image/video'].includes(cloneQuestion?.answerType) ? { 'runAI': this.fb.control(k?.runAI ? k?.runAI : false) } : {}),
+              ...(['multiplechoicesingle','yes/no'].includes(cloneQuestion?.answerType) ? { 'showLinked': false } : {}),
+              ...(['multiplechoicesingle','yes/no'].includes(cloneQuestion?.answerType) ? { 'linkedQuestion': 0 } : {}),
+              ...(['multiplechoicesingle','yes/no'].includes(cloneQuestion?.answerType) ? { 'linkedQuestion': 0 } : {}),
+              descriptivetype:this.fb.control(k?.descriptivetype),
+              'referenceImage':this.fb.control(''),
+              'runAIFeatures':this.fb.array(k?.runAIFeatures || []),
+              'runAIDescription': this.fb.control(''),
+              'complianceScore':this.fb.control(0)
+            }));
+        });
+      } else if(typeof cloneQuestion.answers === 'object' && cloneQuestion.answers !== null) {
+        answer = this.fb.group({          
+          ...(['image', 'descriptiveImage','multipleImage','image/video'].includes(cloneQuestion?.answerType) ? { "multiReferenceImage": this.fb.array(cloneQuestion?.answers?.multiReferenceImage) } : {}),
+          ...((['image', 'descriptiveImage','multipleImage','image/video'].includes(cloneQuestion?.answerType) || cloneQuestion?.answerType == 'video') ? { 'allowUploadfromGallery': this.fb.control(cloneQuestion?.answers?.allowUploadfromGallery == true ? true : false) } : {}),
+          ...(['image', 'descriptiveImage','multipleImage','image/video'].includes(cloneQuestion?.answerType) ? { 'runAI': this.fb.control(cloneQuestion?.answers?.runAI ? cloneQuestion?.answers?.runAI : false) } : {}),
+          ...(['multipleImage'].includes(cloneQuestion?.answerType) ? { descriptivetype:this.fb.control(cloneQuestion?.answers?.descriptivetype) } : {}),
+          ...(['linearscale'].includes(cloneQuestion?.answerType) ? { 
+            'linearType':this.fb.control(cloneQuestion?.answers.linearType),'rangeStart':this.fb.control(cloneQuestion?.answers.rangeStart),'rangeEnd':this.fb.control(cloneQuestion?.answers.rangeEnd) } : {}),
+          ...(['date'].includes(cloneQuestion?.answerType) ? { 'historicDate':this.fb.control(cloneQuestion?.answers.historicDate),startDate:this.fb.control(this.dayjs().format('DD-MM-YYYY')),endDate:this.fb.control(this.dayjs().format('DD-MM-YYYY'))} : {}),
+          'referenceImage':this.fb.control(''),
+          'runAIFeatures':this.fb.array(cloneQuestion?.answers?.runAIFeatures || []),
+          'runAIDescription': this.fb.control(cloneQuestion?.answers?.runAIDescription || cloneQuestion?.runAIDescription || ''),
+           ...(['image/video'].includes(cloneQuestion?.answerType) && { 'limit':this.fb.control(cloneQuestion?.answers.limit),'imageLimit':this.fb.control(cloneQuestion?.answers.imageLimit),'videoLimit':this.fb.control(cloneQuestion?.answers.videoLimit)}),
+          ...(['date','linearscale','image','image/video'].includes(cloneQuestion?.answerType) && {matchedCount:this.fb.control(0),notMatchedCount:this.fb.control(0)}),
+          ...(cloneQuestion?.answerType == 'date' && {qnStartDate:this.fb.group({}),qnEndDate:this.fb.group({})})
+        });
+      }
+    }
+    // if(typeof cloneQuestion?.questionReferenceImage == 'string' && cloneQuestion?.questionReferenceImage != '') {
+    //   cloneQuestion.multiQuestionReferenceImage = [{imageURL:cloneQuestion?.questionReferenceImage,runAI:false}];
+    // }
+    question = this.fb.group({
+      "qno": this.fb.control(questionLength.length + 1),
+      'qname': this.fb.control(cloneQuestion?.qname, [Validators.required,noWhitespaceValidator()]),
+      'answerType': this.fb.control(cloneQuestion?.answerType, this.allowedValuesValidator(["descriptive", "yes/no", "multiplechoicesingle", "multiplechoicemultiple","descriptiveImage", "image", "video",'multipleImage','date','linearscale','time','image/video','dropdown'])),
+      ...(!['descriptive'].includes(cloneQuestion?.answerType) ? { 'answers': (['image','descriptiveImage', 'video','multipleImage','linearscale','time','image/video','date'].includes(cloneQuestion?.answerType)) ? answer : this.fb.array(answer,[uniqueStringValidator()]) } : {}),
+      'runAI': this.fb.control(cloneQuestion?.runAI, [Validators.required]),
+      'runAIDescription': this.fb.control(cloneQuestion?.runAIDescription || ''),
+      'allowUploadfromGallery': this.fb.control(cloneQuestion?.allowUploadfromGallery),
+      'linkType': this.fb.control(false),
+      'descriptivetype':this.fb.control(cloneQuestion?.descriptivetype),
+      "multiQuestionReferenceImage":this.fb.array(cloneQuestion?.multiQuestionReferenceImage),
+      'questionReferenceImage':this.fb.control(''),
+      'runAIFeatures':this.fb.array(cloneQuestion?.runAIFeatures || []),      
+      "uniqueqno": this.fb.control(0),
+      "uniqueqid": this.fb.control(''),
+      "allowMultiple":this.fb.control(false),
+      'compliance':this.fb.control(false)
+    });
+    const sourceQuestionGroup = ((this.getSectionFormControl(sectionindex, 'questions') as FormArray).at(questionindex) as FormGroup);
+    const sourceQuestionRunAI = sourceQuestionGroup.get('runAI')?.value === true;
+    const sourceComplianceEnabled = sourceQuestionGroup.get('compliance')?.enabled === true;
+    if (!(sourceQuestionRunAI || sourceComplianceEnabled)) {
+      question.get('compliance')?.disable({ emitEvent: false });
+    }
+    // this.updateClonedlinkedQuestionNo(sectionindex, cloneQuestion?.qno);
+    (this.getSectionFormControl(sectionindex, 'questions') as FormArray).insert(cloneQuestion?.qno,question);
+    this.ChecklistForm.updateValueAndValidity();
+    this.updateQuestionQnos(sectionindex);
+    this.swalToast(`Question ${cloneQuestion?.qno} has been duplicated!`);
+    this.changedetector.detectChanges();
+  }
+
+  updateClonedlinkedQuestionNo(secIdx:number,qidx:number) {
+    let questions = (this.getSectionFormArray().at(secIdx).get('questions') as FormArray);
+    for (let i = 0; i < questions.length; i++) {
+      let answers = (questions.at(i) as FormGroup)?.get('answers') as FormArray;
+      if(answers) {
+        for(let j=0;j<answers.length;j++) {
+          let linked = (answers.at(j) as FormGroup)?.get('showLinked')?.value;
+          if(linked) {
+            let questionNo = (answers.at(j) as FormGroup)?.get('linkedQuestion')?.value;
+            if(questionNo > qidx) {
+              (answers.at(j) as FormGroup)?.get('linkedQuestion')?.setValue(questionNo + 1);
+            }
+          }
+        }
+      }
+    }
+  }
+
+  saveChecklistQuestions(type: string) {
+      let checklist = this.ChecklistForm.value;
+      // console.log(checklist,'checklist')
+      if(!this.ChecklistForm.get('checklistName')?.valid) {
+        let err: string = 'Please enter checklist name!';
+        this.swalToast(err,'error');
+        return;
+      }      
+      
+      if (!this.ChecklistForm.valid) {
+        this.markFormControlsAsTouched(this.ChecklistForm,0);
+        this.scrollToErrors(this.ChecklistForm.get('sections') as FormArray);
+        return;
+      }
+      let sections = checklist.sections;
+      if(type == 'saveAsDraft') {
+        checklist.submitType = 'save';
+      } else {
+        checklist.submitType = 'configure';
+      }
+      if(!sections.length) {
+        let err: string = 'Please add atleast one section!';
+        this.swalToast(err,'error');
+        return;
+      }
+      for (let i = 0; i < sections.length; i++) {
+        if(type == 'configure' && !sections[i].questions.length) {
+          let err: string = 'Please add atleast one question in section!';
+          this.swalToast(err,'error');
+          return;
+        }
+        let findExists = sections.filter((ele:any,index:any) => {
+          if(index != i && sections[i].name.trim() == ele.name.trim())
+            return ele;
+        })
+        if(findExists.length) {
+          this.swalToast(`${sections[i].name} section name is Duplicated` ,'error');
+          return;
+        }
+        for (let j = 0; j < sections[i].questions.length; j++) {
+          let ansType = sections[i].questions[j].answerType;
+          sections[i].questions[j].qname = sections[i].questions[j].qname.trim().replaceAll(/\n/g, '')
+          let findExists = sections[i].questions.filter((ele:any,index:any) => {
+            if(index != j && sections[i].questions[j].qname.trim() == ele.qname.trim())
+              return ele;
+          })
+          if(findExists.length) {
+            this.swalToast(`${sections[i].questions[j].qname} question name is Duplicated` ,'error');
+            return;
+          }
+          if(ansType == 'linearscale') {
+            if(sections[i].questions[j].answers.rangeStart >= sections[i].questions[j].answers.rangeEnd){
+              let err: string = 'Min value must be less than max value.';
+              this.swalToast(err,'error');
+              return;
+            }
+            // if(sections[i].questions[j].answers.linearType != '' ){
+            //   if(sections[i].questions[j].answers.minValue > sections[i].questions[j].answers.maxValue) {
+            //     let err: string = 'Min value is greater than Max Value.';
+            //     this.swalToast(err,'error');
+            //     return;
+            //   }
+            // }
+            // if(sections[i].questions[j].answers.linearType == 'degree' && (sections[i].questions[j].answers.rangeStart < -273.15 || sections[i].questions[j].answers.rangeEnd < -273.15)) {
+            //   let err: string = "Min value shouldn't greater than -273.15";
+            //   this.swalToast(err,'error');
+            //   return;
+            // }
+          }
+          if(ansType == 'image/video') {
+            if(sections[i].questions[j].answers.limit && (!sections[i].questions[j].answers.imageLimit || !sections[i].questions[j].answers.videoLimit)){
+              let err: string = 'image & video limit is required';
+              this.swalToast(err,'error');
+              return;
+            }
+          }
+          if(ansType != 'descriptive') {
+            delete sections[i].questions[j].descriptivetype;
+          }
+
+          if(ansType == 'date') {
+            if(sections[i].questions[j].compliance && this.dayjs(sections[i].questions[j].answers.startDate,'DD-MM-YYYY') > this.dayjs(sections[i].questions[j].answers.endDate,'DD-MM-YYYY')){
+              let err: string = 'Start date is greater than end date';
+              this.swalToast(err,'error');
+              return;
+            }
+          }
+          if (["multiplechoicemultiple"].includes(ansType)) {
+            for (let k = 0; k < sections[i].questions[j].answers.length; k++) {
+              sections[i].questions[j].answers[k]['showLinked'] = false;
+              sections[i].questions[j].answers[k]['answer'] = sections[i].questions[j].answers[k]['answer'].trim();
+              sections[i].questions[j].answers[k]['linkedQuestion'] = 0;
+              sections[i].questions[j].answers[k]['complianceScore'] = parseInt(sections[i].questions[j].answers[k]['complianceScore']);
+            }
+            sections[i].questions[j].allowUploadfromGallery = false;
+          }
+          if (["multiplechoicesingle","yes/no"].includes(ansType)) {
+            for (let k = 0; k < sections[i].questions[j].answers.length; k++) {
+              sections[i].questions[j].answers[k]['answer'] = sections[i].questions[j].answers[k]['answer'].trim();
+              sections[i].questions[j].answers[k]['complianceScore'] = parseInt(sections[i].questions[j].answers[k]['complianceScore']);
+            }
+          }
+          if (typeof sections[i].questions[j].answers === 'object' &&
+            sections[i].questions[j].answers !== null &&
+            !Array.isArray(sections[i].questions[j].answers) || ['descriptive','date'].includes(ansType)) {
+            let item = {
+              "answer": '',
+              "answeroptionNumber": 1,
+              "sopFlag": false,
+              "validation": false,
+              "validationType": "",
+              "validationAnswer": "",
+              "multiReferenceImage": sections[i].questions[j].answers?.multiReferenceImage ? sections[i].questions[j].answers?.multiReferenceImage : [],
+              "showLinked":false,
+              "linkedQuestion":0,
+              ...(ansType == 'multipleImage' ? {'descriptivetype':sections[i].questions[j].answers?.descriptivetype}:{}),
+             ...(sections[i].questions[j].answerType == 'linearscale' ? {'rangeStart':sections[i].questions[j].answers?.rangeStart,'rangeEnd':sections[i].questions[j].answers?.rangeEnd,'linearType':sections[i].questions[j].answers?.linearType,'minValue':parseInt(sections[i].questions[j].answers?.minValue),'maxValue':parseInt(sections[i].questions[j].answers?.maxValue)}:{}),
+              ...(sections[i].questions[j].answerType == 'date' ? {'historicDate':sections[i].questions[j].answers?.historicDate,'startDate':sections[i].questions[j].answers?.startDate,'endDate':sections[i].questions[j].answers?.endDate}:{}),
+              runAI:sections[i]?.questions[j]?.answers?.runAI ?? false,
+              runAIFeatures:sections[i].questions[j]?.answers?.runAIFeatures ?? [],
+              runAIDescription: sections[i].questions[j]?.answers?.runAIDescription ? sections[i].questions[j]?.answers?.runAIDescription : "",
+              ...(ansType == 'image/video' ? {'limit':sections[i].questions[j].answers?.limit,'videoLimit':sections[i].questions[j].answers?.videoLimit,'imageLimit':sections[i].questions[j].answers?.imageLimit}:{}),
+              ...(['date','linearscale','image','image/video'].includes(sections[i].questions[j].answerType) && {'matchedCount':parseInt(sections[i].questions[j].answers?.matchedCount),'notMatchedCount':parseInt(sections[i].questions[j].answers?.notMatchedCount)})
+            };
+            sections[i].questions[j].allowUploadfromGallery = sections[i].questions[j].answers?.allowUploadfromGallery ? sections[i].questions[j].answers?.allowUploadfromGallery : false;
+            if(ansType == 'multipleImage') {
+              sections[i].questions[j].descriptivetype = sections[i].questions[j].answers?.descriptivetype ? sections[i].questions[j].answers?.descriptivetype : 'text';
+            }
+            if(['multipleImage','image/video'].includes(ansType)) {
+              sections[i].questions[j].multiQuestionReferenceImage = sections[i].questions[j].answers?.multiReferenceImage ? sections[i].questions[j].answers?.multiReferenceImage : [];
+            }
+            sections[i].questions[j].answers = [item];
+            // sections[i].questions[j].runAI = sections[i].questions[j].answers.runAI;
+            // sections[i].questions[j].runAIFeatures = sections[i].questions[j].answers.runAIFeatures;
+          }
+        }
+      }
+      checklist.sections = sections;
+      checklist.checklistName = checklist.checklistName.trim().charAt(0).toUpperCase() + checklist.checklistName.trim().slice(1);
+      checklist.clientId = this.clientId;
+      checklist.checklistName = checklist.checklistName.trim();
+      checklist.checklistDescription = checklist?.checklistDescription ? checklist?.checklistDescription?.trim() : '';
+      this.sopService.createChecklist(checklist).pipe(takeUntil(this.detach)).subscribe((res: any) => {
+        if(res) {
+          if (res?.code == 200) {
+            if(type=='configure') {
+              this.router.navigateByUrl(`/manage/trax/configure?checkListId=${res.data.checklistId}`);     
+            } else {
+              this.router.navigateByUrl('/manage/trax/checklist');
+            }
+          } else {
+            this.swalToast('Unable to create checklist!','error');
+          }
+        } else {
+          this.swalToast('Unable to create checklist!','error');
+        }
+      },(error: any) => {
+        let err = error?.error?.error?.message || 'Unable to create checklist!Server Error!';
+        this.swalToast(err,'error');
+      }
+    )
+  }
+
+  saveAsDraftPop(type: string) {
+      this.popupCount = this.popupCount + 1;
+      const dialogRef = this.dialog.open(TraxpopupComponent,{centered: true, size: 'md'});
+      dialogRef.componentInstance.data = {
+        imagesrc:  `<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEF0C7"/><path d="M27.9998 24.0012V28.0012M27.9998 32.0012H28.0098M26.2898 18.8612L17.8198 33.0012C17.6451 33.3036 17.5527 33.6465 17.5518 33.9957C17.5508 34.3449 17.6413 34.6883 17.8142 34.9917C17.9871 35.2951 18.2365 35.5479 18.5375 35.725C18.8385 35.9021 19.1806 35.9973 19.5298 36.0012H36.4698C36.819 35.9973 37.1611 35.9021 37.4621 35.725C37.7631 35.5479 38.0124 35.2951 38.1854 34.9917C38.3583 34.6883 38.4488 34.3449 38.4478 33.9957C38.4468 33.6465 38.3544 33.3036 38.1798 33.0012L29.7098 18.8612C29.5315 18.5673 29.2805 18.3243 28.981 18.1557C28.6814 17.987 28.3435 17.8984 27.9998 17.8984C27.656 17.8984 27.3181 17.987 27.0186 18.1557C26.7191 18.3243 26.468 18.5673 26.2898 18.8612Z" stroke="#DC6803" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FFFAEB" stroke-width="8"/></svg>`,
+        title:`Unsaved changes`,
+        content:`Do you want to save as draft?`,
+        buttontype:'draft'
+      }
+      dialogRef.result.then((res)=>{
+        if(!res) {
+          this.popupCount = 0;
+        }
+        if(res) {
+          if(type == 'create') {
+            this.saveChecklistQuestions('saveAsDraft');
+          } else {
+            this.updateChecklistQuestions('saveAsDraft');
+          }
+        }
+      });
+  }
+
+  updateChecklistQuestions(type: string) {
+    let sectionsarray: any = [];
+    let checklist: any;
+    
+    if(!this.ChecklistForm.get('checklistName')?.valid) {
+      let err: string = 'Please enter checklist name!';
+      this.swalToast(err,'error');
+      return;
+    }      
+    
+    // console.log(this.ChecklistForm);
+    // return;
+    checklist = this.ChecklistForm.getRawValue();
+    // console.log(this.ChecklistForm,'form')
+    if (!this.ChecklistForm.valid) {
+      this.markFormControlsAsTouched(this.ChecklistForm,0);
+      this.scrollToErrors(this.ChecklistForm.get('sections') as FormArray);
+      return;
+    }
+    sectionsarray = checklist.sections;
+    if(!this.ChecklistForm.get('checklistName')?.valid) {
+      let err: string = 'Please enter checklist name!';
+      this.swalToast(err,'error');
+      return;
+    }
+    if(type == 'saveAsDraft') {
+      checklist.submitType = 'save';
+    } else {
+      checklist.submitType = 'configure';
+    }
+    if(!sectionsarray.length) {
+      let err: string = 'Please add atleast one section!';
+      this.swalToast(err,'error');
+      return;
+    }
+    for (let i = 0; i < sectionsarray.length; i++) {
+      let sectionName = sectionsarray[i].name;
+      let findExists = sectionsarray.filter((ele:any,index:any) => {
+          if(index != i && sectionName.trim() == ele.name.trim())
+            return ele;
+      })
+      if(findExists.length) {
+        this.swalToast(`${sectionName} section name is Duplicated` ,'error');
+        return;
+      }
+      if(type == 'configure' && !sectionsarray[i].questions.length) {
+        let err: string = 'Please add atleast one question in section!';
+        this.swalToast(err,'error');
+        return;
+      }
+      for (let j = 0; j < sectionsarray[i].questions.length; j++) {
+        sectionsarray[i].questions[j].qname = sectionsarray[i].questions[j].qname.trim().replaceAll(/\n/g, '')
+        let findExists = sectionsarray[i].questions.filter((ele:any,index:any) => {
+          if(index != j && sectionsarray[i].questions[j].qname.trim() == ele.qname.trim())
+            return ele;
+        })
+        if(findExists.length) {
+          this.swalToast(`${sectionsarray[i].questions[j].qname} question name is Duplicated` ,'error');
+          return;
+        }
+        if(sectionsarray[i].questions[j].answerType == 'linearscale') {
+          if(sectionsarray[i].questions[j].answers.rangeStart >= sectionsarray[i].questions[j].answers.rangeEnd){
+              let err: string = 'Min value must be less than max value.';
+              this.swalToast(err,'error');
+              return;
+            }
+            // if(sectionsarray[i].questions[j].answers.linearType != '' ){
+            //   if(sectionsarray[i].questions[j].answers.minValue > sectionsarray[i].questions[j].answers.maxvalue) {
+            //     let err: string = 'Min value is greater than Max Value.';
+            //     this.swalToast(err,'error');
+            //     return;
+            //   }
+            // }
+            // if(sectionsarray[i].questions[j].answers.linearType == 'degree' && (sectionsarray[i].questions[j].answers.rangeStart < -273.15 || sectionsarray[i].questions[j].answers.rangeEnd < -273.15)) {
+            //   let err: string = "Min value shouldn't greater than -273.15";
+            //   this.swalToast(err,'error');
+            //   return;
+            // }
+        }
+        if(sectionsarray[i].questions[j].answerType == 'date') {
+            if(sectionsarray[i].questions[j].compliance && this.dayjs(sectionsarray[i].questions[j].answers.startDate,'DD-MM-YYYY') > this.dayjs(sectionsarray[i].questions[j].answers.endDate,'DD-MM-YYYY')){
+              let err: string = 'Start date is greater than end date';
+              this.swalToast(err,'error');
+              return;
+            }
+          }
+        if(sectionsarray[i].questions[j].answerType == 'image/video') {
+          if(sectionsarray[i].questions[j].answers.limit && (!sectionsarray[i].questions[j].answers.imageLimit || !sectionsarray[i].questions[j].answers.videoLimit)){
+            let err: string = 'image & video limit is required';
+            this.swalToast(err,'error');
+            return;
+          }
+        }
+        if(sectionsarray[i].questions[j].answerType != 'descriptive') {
+          delete sectionsarray[i].questions[j].descriptivetype;
+        }
+        if (["multiplechoicemultiple"].includes(sectionsarray[i].questions[j].answerType)) {
+          for (let k = 0; k < sectionsarray[i].questions[j].answers.length; k++) {
+            // sectionsarray[i].questions[j].answers[k]['answerInputStyle'] = sectionsarray[i].questions[j].answerType;
+            // sectionsarray[i].questions[j].answers[k]["multiReferenceImage"] = "";
+            // sectionsarray[i].questions[j].answers[k]['allowUploadfromGallery'] = false;
+            // sectionsarray[i].questions[j].answers[k]['validationAnswer'] = "";            
+            // sectionsarray[i].questions[j].answers[k]['runAI'] = false;
+            sectionsarray[i].questions[j].answers[k]['answer'] = sectionsarray[i].questions[j].answers[k]['answer'].trim();
+            sectionsarray[i].questions[j].answers[k]['showLinked'] = false;
+            sectionsarray[i].questions[j].answers[k]['linkedQuestion'] = 0;
+            sectionsarray[i].questions[j].answers[k]['complianceScore'] = parseInt(sectionsarray[i].questions[j].answers[k]['complianceScore']);
+          }
+          sectionsarray[i].questions[j].allowUploadfromGallery = false;
+        }
+        if (["multiplechoicesingle","yes/no"].includes(sectionsarray[i].questions[j].answerType)) {
+            for (let k = 0; k < sectionsarray[i].questions[j].answers.length; k++) {
+              sectionsarray[i].questions[j].answers[k]['answer'] = sectionsarray[i].questions[j].answers[k]['answer'].trim();
+              sectionsarray[i].questions[j].answers[k]['complianceScore'] = parseInt(sectionsarray[i].questions[j].answers[k]['complianceScore']);
+            }
+          }
+        if (typeof sectionsarray[i].questions[j].answers === 'object' &&
+          sectionsarray[i].questions[j].answers !== null &&
+          !Array.isArray(sectionsarray[i].questions[j].answers) || ['descriptive','date'].includes(sectionsarray[i].questions[j].answerType)) {
+            let item = {
+              "answer": '',
+              "answeroptionNumber": 1,
+              "sopFlag": false,
+              "validation": false,
+              "validationAnswer": "",
+              "validationType": "",
+              "multiReferenceImage": sectionsarray[i].questions[j].answers?.multiReferenceImage ? sectionsarray[i].questions[j].answers?.multiReferenceImage : [],
+              "showLinked":false,
+              "linkedQuestion":0,
+              referenceImage:'',
+              ...(sectionsarray[i].questions[j].answerType == 'multipleImage' ? {'descriptivetype':sectionsarray[i].questions[j].answers?.descriptivetype}:{}),
+              ...(sectionsarray[i].questions[j].answerType == 'linearscale' ? {'rangeStart':sectionsarray[i].questions[j].answers?.rangeStart,'rangeEnd':sectionsarray[i].questions[j].answers?.rangeEnd,'linearType':sectionsarray[i].questions[j].answers?.linearType,'minValue':parseInt(sectionsarray[i].questions[j].answers?.minValue),'maxValue':parseInt(sectionsarray[i].questions[j].answers?.maxValue)}:{}),
+              ...(sectionsarray[i].questions[j].answerType == 'date' ? {'historicDate':sectionsarray[i].questions[j].answers?.historicDate,'startDate':sectionsarray[i].questions[j].answers?.startDate,'endDate':sectionsarray[i].questions[j].answers?.endDate}:{}),
+              runAI:sectionsarray[i].questions[j]?.answers?.runAI ?? false,
+              runAIFeatures:sectionsarray[i].questions[j]?.answers?.runAIFeatures ?? [],
+              runAIDescription: sectionsarray[i].questions[j]?.answers?.runAIDescription ? sectionsarray[i].questions[j]?.answers?.runAIDescription : "",
+              ...(sectionsarray[i].questions[j].answerType == 'image/video' ? {'limit':sectionsarray[i].questions[j].answers?.limit,'videoLimit':sectionsarray[i].questions[j].answers?.videoLimit,'imageLimit':sectionsarray[i].questions[j].answers?.imageLimit}:{}),
+              ...(['date','linearscale','image','image/video'].includes(sectionsarray[i].questions[j].answerType) && {'matchedCount':parseInt(sectionsarray[i].questions[j].answers?.matchedCount),'notMatchedCount':parseInt(sectionsarray[i].questions[j].answers?.notMatchedCount)})
+
+              // "allowUploadfromGallery": sectionsarray[i].questions[j].answers?.allowUploadfromGallery ? sectionsarray[i].questions[j].answers?.allowUploadfromGallery : false,
+              // "answerInputStyle": sectionsarray[i].questions[j].answers?.answerInputStyle ? sectionsarray[i].questions[j].answers?.answerInputStyle : "",
+              // "runAI": sectionsarray[i].questions[j].answers.runAI ? sectionsarray[i].questions[j].answers.runAI : false,
+            };
+            sectionsarray[i].questions[j].allowUploadfromGallery = sectionsarray[i].questions[j].answers?.allowUploadfromGallery ? sectionsarray[i].questions[j].answers?.allowUploadfromGallery : false;
+            // sectionsarray[i].questions[j].runAI = sectionsarray[i].questions[j].answers.runAI;
+            // sectionsarray[i].questions[j].runAIFeatures = sectionsarray[i].questions[j].answers.runAIFeatures;
+            if(sectionsarray[i].questions[j].answerType == 'multipleImage') {
+              sectionsarray[i].questions[j].descriptivetype = sectionsarray[i].questions[j].answers?.descriptivetype ? sectionsarray[i].questions[j].answers?.descriptivetype : 'text';
+            }
+            if(['multipleImage','image/video'].includes(sectionsarray[i].questions[j].answerType)) {
+              sectionsarray[i].questions[j].multiQuestionReferenceImage = sectionsarray[i].questions[j].answers?.multiReferenceImage ? sectionsarray[i].questions[j].answers?.multiReferenceImage : [];
+            }
+            sectionsarray[i].questions[j].answers = [item];
+        }
+      }
+    }
+    checklist.sections = sectionsarray;
+    checklist.checklistName = checklist.checklistName.trim().charAt(0).toUpperCase() + checklist.checklistName.trim().slice(1);
+    checklist.checklistName = checklist.checklistName.trim();
+    checklist.checklistDescription = checklist?.checklistDescription ? checklist?.checklistDescription?.trim() : '';
+    checklist.clientId = this.clientId;
+    this.sopService.getUpdateChecklist(this.editvalue, checklist).pipe(takeUntil(this.detach)).subscribe((res: any) => {
+      if(res) {
+        if (res?.code == 200) {
+          if(type=='configure') {
+            this.router.navigateByUrl(`/manage/trax/configure?checkListId=${res.data.checklistId}&showEdit=true`);
+          } else {
+            this.router.navigateByUrl('/manage/trax/checklist');
+          }
+        } else {
+          this.swalToast('Unable to update checklist!','error');
+        }
+      } else {
+        this.swalToast('Unable to update checklist!','error');
+      }
+    }, (error) => {
+      let err = error?.error?.error?.message || 'Unable to create checklist!Server Error!';
+      this.swalToast(err,'error');
+    });
+  }
+
+  markFormControlsAsTouched(control: FormGroup | FormArray,sectionIndex?: number) {
+    control.markAsTouched();
+
+    if (control instanceof FormGroup) {
+      for (const controlName in control.controls) {
+        this.markFormControlsAsTouched(control.get(controlName) as FormGroup);
+      }
+    } else if (control instanceof FormArray) {
+      control.controls.forEach(formControl => {
+        this.markFormControlsAsTouched(formControl as FormGroup);
+      });
+    }
+  }
+
+  scrollToErrors(sections: FormArray) {
+    for(let i=0;i<sections.length;i++) {
+      let section = sections.at(i) as FormGroup;
+      if (section.invalid) {
+        let questions = section.get('questions') as FormArray;
+        for(let j=0;j<questions.length;j++) {
+          let question = questions.at(j) as FormGroup;
+          // console.log(question,'question');
+            
+            if (question.invalid) {
+              this.show = i;
+              this.scrollToQuestion(i, j);
+              this.swalToast('Please fill out all the fields!','error');
+              return;
+            }
+        }
+        return;
+      }
+    }
+  }
+
+  swalToast(err: string,type?:string,icon?: string) {
+    if(type == 'error') {
+      this.toast.getErrorToast(err);
+    }
+    else {
+      this.toast.getSuccessToast(err);
+    }
+    // Swal.fire({
+    //   toast: true,
+    //   ...( icon ? { iconHtml: icon } : {}),
+    //   // titleText: `Checklist Form Error`,
+    //   html: `<div class="row ">
+    //   <div class="col-12 mt-2">
+    //   <div class="toasttitile">${err}</div>
+    //   </div>
+     
+    //   </div>`,
+    //   position: 'bottom',
+    //   showConfirmButton: false,
+    //   showCloseButton: true,
+    //   timer: 6000,
+    //   timerProgressBar: true,
+    //   didOpen: (toast) => {
+    //     toast.addEventListener('mouseenter', Swal.stopTimer)
+    //     toast.addEventListener('mouseleave', Swal.resumeTimer)
+    //     $("#kt_create_account_form_account_type_personal")?.val('');
+    //     this.changedetector.detectChanges();
+    //   }
+    // });
+  }
+
+  RunAI(sIdx:number,qIdx: number,ansIdx:number=-1) {
+    let dialogRef: any;
+    let question: any = this.getQuestionFormControl(sIdx,qIdx,'qname')?.value;
+    if(this.getAnswerFormGroup_FormControl(sIdx,qIdx,'runAI',ansIdx)?.value == false) {
+      if(!question || !this.ChecklistForm.get('checklistName')?.value) {
+        let err: string = !question ? 'Please enter question to continue!' : 'Please enter Checklist Name to continue!';
+        this.swalToast(err,'error');        
+        this.runAIOff(sIdx, qIdx,false,ansIdx);
+        return;
+      } else {
+        const dialogRef = this.dialog.open(TraxpopupComponent,{centered: true, size: 'md'});
+        dialogRef.componentInstance.data = {
+          imagesrc: `<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#D1FADF"/><path d="M23.3564 19.3525C24.1748 18.7327 25.1738 18.3985 26.2004 18.4009C26.5549 18.393 26.9057 18.4746 27.2204 18.6382C27.535 18.8018 27.8033 19.0421 28.0004 19.3369C28.1975 19.0421 28.4658 18.8018 28.7804 18.6382C29.095 18.4746 29.4459 18.393 29.8004 18.4009C30.827 18.3985 31.826 18.7327 32.6444 19.3525C33.2744 19.8421 33.7604 20.5201 33.932 21.3397C34.3256 21.3697 34.6856 21.5329 34.988 21.7789C35.4464 22.1509 35.78 22.7089 35.99 23.2993C36.3188 24.2173 36.4076 25.3873 36.0668 26.3833C36.1532 26.4241 36.2384 26.4721 36.3212 26.5273C36.6512 26.7469 36.902 27.0613 37.0868 27.4321C37.4504 28.1581 37.6004 29.1709 37.6004 30.4009C37.6004 31.7701 37.0784 32.6893 36.416 33.2569C36.0497 33.571 35.6174 33.7986 35.1512 33.9229C35.0312 34.5925 34.6952 35.3677 34.1684 36.0253C33.4844 36.8833 32.4236 37.6009 31.0004 37.6009C29.8724 37.6009 28.9748 36.9769 28.3916 36.3649C28.2522 36.2188 28.1215 36.0645 28.0004 35.9029C27.8793 36.0645 27.7486 36.2188 27.6092 36.3649C27.026 36.9769 26.1296 37.6009 25.0004 37.6009C23.5772 37.6009 22.5176 36.8833 21.8324 36.0253C21.3401 35.414 21.0029 34.6927 20.8496 33.9229C20.3834 33.7986 19.9511 33.571 19.5848 33.2569C18.9224 32.6893 18.4004 31.7689 18.4004 30.4009C18.4004 29.1709 18.5516 28.1569 18.914 27.4321C19.0857 27.0685 19.3497 26.7561 19.6796 26.5261C19.7606 26.4725 19.8457 26.4251 19.934 26.3845C19.5932 25.3861 19.682 24.2173 20.0108 23.2993C20.2208 22.7089 20.5544 22.1509 21.0128 21.7789C21.3152 21.5329 21.6752 21.3709 22.0688 21.3397C22.2416 20.5201 22.7264 19.8421 23.3564 19.3525ZM27.4004 21.4009V21.3889L27.398 21.3289C27.3803 21.0161 27.3181 20.7074 27.2132 20.4121C27.1385 20.1892 27.0113 19.9876 26.8424 19.8241C26.6651 19.6698 26.4352 19.5898 26.2004 19.6009C25.4407 19.5983 24.7009 19.8435 24.0932 20.2993C23.5364 20.7325 23.2004 21.3193 23.2004 22.0009C23.2003 22.0959 23.1777 22.1896 23.1343 22.2741C23.091 22.3587 23.0282 22.4318 22.9511 22.4873C22.874 22.5428 22.7848 22.5793 22.6909 22.5936C22.5969 22.6079 22.5009 22.5997 22.4108 22.5697C22.1852 22.4953 21.9836 22.5373 21.7688 22.7101C21.5336 22.9021 21.3044 23.2429 21.14 23.7025C20.8052 24.6409 20.84 25.7773 21.2996 26.4685C21.3652 26.567 21.4003 26.6826 21.4004 26.8009H22.3004C23.0165 26.8009 23.7032 27.0854 24.2096 27.5917C24.7159 28.0981 25.0004 28.7848 25.0004 29.5009V29.9029C25.4007 30.0445 25.7381 30.323 25.953 30.6892C26.1678 31.0555 26.2463 31.4859 26.1745 31.9044C26.1027 32.3229 25.8852 32.7025 25.5606 32.9762C25.2359 33.2499 24.825 33.4 24.4004 33.4C23.9758 33.4 23.5648 33.2499 23.2402 32.9762C22.9156 32.7025 22.6981 32.3229 22.6263 31.9044C22.5545 31.4859 22.633 31.0555 22.8478 30.6892C23.0627 30.323 23.4001 30.0445 23.8004 29.9029V29.5009C23.8004 28.6729 23.1284 28.0009 22.3004 28.0009H20.2004C20.1287 28.0008 20.0575 27.9878 19.9904 27.9625L19.9868 27.9697C19.7492 28.4437 19.6004 29.2309 19.6004 30.4009C19.6004 31.4317 19.9784 32.0125 20.366 32.3449C20.7824 32.7025 21.2444 32.8009 21.4004 32.8009C21.5595 32.8009 21.7121 32.8641 21.8247 32.9767C21.9372 33.0892 22.0004 33.2418 22.0004 33.4009C22.0004 33.8425 22.2404 34.6141 22.7684 35.2765C23.2832 35.9185 24.0236 36.4009 25.0004 36.4009C25.6724 36.4009 26.2748 36.0253 26.7404 35.5369C26.9696 35.2969 27.1484 35.0485 27.2648 34.8445C27.3178 34.7541 27.3631 34.6593 27.4004 34.5613V25.0009H26.0984C25.9569 25.4012 25.6783 25.7387 25.3121 25.9535C24.9459 26.1683 24.5154 26.2468 24.097 26.175C23.6785 26.1032 23.2988 25.8858 23.0251 25.5611C22.7514 25.2365 22.6013 24.8255 22.6013 24.4009C22.6013 23.9763 22.7514 23.5654 23.0251 23.2407C23.2988 22.9161 23.6785 22.6986 24.097 22.6268C24.5154 22.555 24.9459 22.6335 25.3121 22.8483C25.6783 23.0632 25.9569 23.4006 26.0984 23.8009H27.4004V21.4009ZM28.6004 33.3997V34.5601C28.6377 34.6581 28.683 34.7528 28.736 34.8433C28.8536 35.0473 29.0312 35.2957 29.2592 35.5357C29.726 36.0241 30.3296 36.3997 31.0004 36.3997C31.9772 36.3997 32.7176 35.9173 33.2324 35.2753C33.7604 34.6129 34.0004 33.8413 34.0004 33.3997C34.0004 33.2406 34.0636 33.088 34.1761 32.9755C34.2886 32.8629 34.4413 32.7997 34.6004 32.7997C34.7564 32.7997 35.2184 32.7013 35.6348 32.3437C36.0224 32.0113 36.4004 31.4305 36.4004 30.3997C36.4004 29.2297 36.2504 28.4437 36.014 27.9685C35.9349 27.7916 35.8108 27.6385 35.654 27.5245C35.5189 27.4381 35.3606 27.395 35.2004 27.4009C35.0919 27.4009 34.9854 27.3714 34.8923 27.3156C34.7992 27.2598 34.723 27.1798 34.6717 27.0841C34.6205 26.9884 34.5962 26.8807 34.6014 26.7723C34.6066 26.6638 34.6411 26.5589 34.7012 26.4685C35.162 25.7773 35.1956 24.6409 34.8608 23.7025C34.6964 23.2429 34.4672 22.9009 34.232 22.7101C34.0172 22.5373 33.8156 22.4941 33.59 22.5697C33.4998 22.5997 33.4038 22.6079 33.3099 22.5936C33.216 22.5793 33.1268 22.5428 33.0497 22.4873C32.9726 22.4318 32.9098 22.3587 32.8664 22.2741C32.8231 22.1896 32.8005 22.0959 32.8004 22.0009C32.8004 21.3193 32.4644 20.7325 31.9064 20.2993C31.299 19.8438 30.5596 19.5986 29.8004 19.6009C29.5656 19.5898 29.3356 19.6698 29.1584 19.8241C28.9889 19.9874 28.8613 20.1891 28.7864 20.4121C28.6721 20.7256 28.6093 21.0554 28.6004 21.3889V32.2009H29.5004C30.3284 32.2009 31.0004 31.5289 31.0004 30.7009V28.4989C30.6001 28.3574 30.2627 28.0789 30.0478 27.7126C29.833 27.3464 29.7545 26.916 29.8263 26.4975C29.8981 26.079 30.1156 25.6993 30.4402 25.4257C30.7648 25.152 31.1758 25.0019 31.6004 25.0019C32.025 25.0019 32.4359 25.152 32.7606 25.4257C33.0852 25.6993 33.3027 26.079 33.3745 26.4975C33.4463 26.916 33.3678 27.3464 33.153 27.7126C32.9381 28.0789 32.6007 28.3574 32.2004 28.4989V30.7009C32.2004 31.417 31.9159 32.1038 31.4096 32.6101C30.9032 33.1165 30.2165 33.4009 29.5004 33.4009H28.6004V33.3997ZM23.8004 24.4009C23.8004 24.5601 23.8636 24.7127 23.9761 24.8252C24.0886 24.9377 24.2413 25.0009 24.4004 25.0009C24.5595 25.0009 24.7121 24.9377 24.8247 24.8252C24.9372 24.7127 25.0004 24.5601 25.0004 24.4009C25.0004 24.2418 24.9372 24.0892 24.8247 23.9767C24.7121 23.8641 24.5595 23.8009 24.4004 23.8009C24.2413 23.8009 24.0886 23.8641 23.9761 23.9767C23.8636 24.0892 23.8004 24.2418 23.8004 24.4009ZM31.6004 27.4009C31.7595 27.4009 31.9121 27.3377 32.0247 27.2252C32.1372 27.1127 32.2004 26.9601 32.2004 26.8009C32.2004 26.6418 32.1372 26.4892 32.0247 26.3767C31.9121 26.2641 31.7595 26.2009 31.6004 26.2009C31.4413 26.2009 31.2886 26.2641 31.1761 26.3767C31.0636 26.4892 31.0004 26.6418 31.0004 26.8009C31.0004 26.9601 31.0636 27.1127 31.1761 27.2252C31.2886 27.3377 31.4413 27.4009 31.6004 27.4009ZM24.4004 31.0009C24.2413 31.0009 24.0886 31.0641 23.9761 31.1767C23.8636 31.2892 23.8004 31.4418 23.8004 31.6009C23.8004 31.7601 23.8636 31.9127 23.9761 32.0252C24.0886 32.1377 24.2413 32.2009 24.4004 32.2009C24.5595 32.2009 24.7121 32.1377 24.8247 32.0252C24.9372 31.9127 25.0004 31.7601 25.0004 31.6009C25.0004 31.4418 24.9372 31.2892 24.8247 31.1767C24.7121 31.0641 24.5595 31.0009 24.4004 31.0009Z" fill="#039855"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#ECFDF3" stroke-width="8"/></svg>`,
+          title: `Run AI on image uploaded`,
+          content: `Use the power of AI to compare and detect anomalies between uploaded and reference image.`,
+          inputlabel1: 'Question',
+          inputtype1: 'text',
+          input1: 'true',
+          inputlabel2: 'Specify your request',
+          inputtype2: 'text',
+          resType: 'custom',
+          input2: 'true',
+          placeholder1: question,
+          placeholder2: 'Please compare the uploaded images a..',
+          buttontype: 'Request'
+        }
+        dialogRef.result.then((res: any) => {
+          if (res && res.status == 'confirm') {
+            let req: any = {
+              checklistName: this.ChecklistForm.get('checklistName')?.value,
+              questionName: question,
+              runAIDescription: res.data.requestText,
+              answerType: "image",
+              referenceImage: this.getAnswerFormGroup_FormControl(sIdx, qIdx, "multiReferenceImage",ansIdx)?.value || '',
+              clientId:this.clientId
+            }
+            this.sopService.runAIInsert(req).pipe(takeUntil(this.detach)).subscribe((apires: any) => {
+              if (apires) {
+                if (apires.code == 200) {
+                  if (!this.hasValidationEnabled(sIdx, qIdx)) {
+                    ((((this.ChecklistForm.get('sections') as FormArray)
+                    .at(sIdx) as FormGroup)
+                    .get('questions') as FormArray)
+                    .at(qIdx) as FormGroup).get('compliance')?.enable({ onlySelf: true })
+                  }
+                  console.log(((((this.ChecklistForm.get('sections') as FormArray)
+                  .at(sIdx) as FormGroup)
+                  .get('questions') as FormArray)
+                  .at(qIdx) as FormGroup).get('compliance'))
+                  this.getAnswerFormGroup_FormControl(sIdx, qIdx, 'runAI',ansIdx)?.patchValue(true);
+                  this.getQuestionFormControl(sIdx, qIdx, 'runAI',ansIdx)?.patchValue(true);
+                  this.getQuestionFormControl(sIdx, qIdx, 'runAIDescription',ansIdx)?.patchValue(res.data.requestText);
+                  this.swalToast(
+                    `<span style="padding-right: 36px;">${apires.data.message}</span>`,
+                    `<img src="../../../../assets/Icons/sop-runai-tosticon.svg" />`
+                  );
+                  // <a 
+                  //       href="/support/view-tickets" 
+                  //       target="_blank" 
+                  //       style="color: var(--primary-700, #009BF3);font-family: Roboto;font-size: 15px;font-weight: 700;text-decoration: underline;cursor: pointer;">
+                  //         View Ticket
+                  //   </a>
+                } else {
+                  this.runAIOff(sIdx, qIdx,true,ansIdx);
+                }
+              } else {
+                this.runAIOff(sIdx, qIdx,true,ansIdx);
+              }
+            }, (error) => {
+              this.runAIOff(sIdx, qIdx,true,ansIdx);
+            });
+          } else {
+            this.runAIOff(sIdx, qIdx,false,ansIdx);
+          }
+        });
+      }
+    } else {
+      const dialogRef = this.dialog.open(TraxpopupComponent,{centered: true, size: 'md'});
+      dialogRef.componentInstance.data = {
+        imagesrc: `<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#D1FADF"/><path d="M23.3564 19.3525C24.1748 18.7327 25.1738 18.3985 26.2004 18.4009C26.5549 18.393 26.9057 18.4746 27.2204 18.6382C27.535 18.8018 27.8033 19.0421 28.0004 19.3369C28.1975 19.0421 28.4658 18.8018 28.7804 18.6382C29.095 18.4746 29.4459 18.393 29.8004 18.4009C30.827 18.3985 31.826 18.7327 32.6444 19.3525C33.2744 19.8421 33.7604 20.5201 33.932 21.3397C34.3256 21.3697 34.6856 21.5329 34.988 21.7789C35.4464 22.1509 35.78 22.7089 35.99 23.2993C36.3188 24.2173 36.4076 25.3873 36.0668 26.3833C36.1532 26.4241 36.2384 26.4721 36.3212 26.5273C36.6512 26.7469 36.902 27.0613 37.0868 27.4321C37.4504 28.1581 37.6004 29.1709 37.6004 30.4009C37.6004 31.7701 37.0784 32.6893 36.416 33.2569C36.0497 33.571 35.6174 33.7986 35.1512 33.9229C35.0312 34.5925 34.6952 35.3677 34.1684 36.0253C33.4844 36.8833 32.4236 37.6009 31.0004 37.6009C29.8724 37.6009 28.9748 36.9769 28.3916 36.3649C28.2522 36.2188 28.1215 36.0645 28.0004 35.9029C27.8793 36.0645 27.7486 36.2188 27.6092 36.3649C27.026 36.9769 26.1296 37.6009 25.0004 37.6009C23.5772 37.6009 22.5176 36.8833 21.8324 36.0253C21.3401 35.414 21.0029 34.6927 20.8496 33.9229C20.3834 33.7986 19.9511 33.571 19.5848 33.2569C18.9224 32.6893 18.4004 31.7689 18.4004 30.4009C18.4004 29.1709 18.5516 28.1569 18.914 27.4321C19.0857 27.0685 19.3497 26.7561 19.6796 26.5261C19.7606 26.4725 19.8457 26.4251 19.934 26.3845C19.5932 25.3861 19.682 24.2173 20.0108 23.2993C20.2208 22.7089 20.5544 22.1509 21.0128 21.7789C21.3152 21.5329 21.6752 21.3709 22.0688 21.3397C22.2416 20.5201 22.7264 19.8421 23.3564 19.3525ZM27.4004 21.4009V21.3889L27.398 21.3289C27.3803 21.0161 27.3181 20.7074 27.2132 20.4121C27.1385 20.1892 27.0113 19.9876 26.8424 19.8241C26.6651 19.6698 26.4352 19.5898 26.2004 19.6009C25.4407 19.5983 24.7009 19.8435 24.0932 20.2993C23.5364 20.7325 23.2004 21.3193 23.2004 22.0009C23.2003 22.0959 23.1777 22.1896 23.1343 22.2741C23.091 22.3587 23.0282 22.4318 22.9511 22.4873C22.874 22.5428 22.7848 22.5793 22.6909 22.5936C22.5969 22.6079 22.5009 22.5997 22.4108 22.5697C22.1852 22.4953 21.9836 22.5373 21.7688 22.7101C21.5336 22.9021 21.3044 23.2429 21.14 23.7025C20.8052 24.6409 20.84 25.7773 21.2996 26.4685C21.3652 26.567 21.4003 26.6826 21.4004 26.8009H22.3004C23.0165 26.8009 23.7032 27.0854 24.2096 27.5917C24.7159 28.0981 25.0004 28.7848 25.0004 29.5009V29.9029C25.4007 30.0445 25.7381 30.323 25.953 30.6892C26.1678 31.0555 26.2463 31.4859 26.1745 31.9044C26.1027 32.3229 25.8852 32.7025 25.5606 32.9762C25.2359 33.2499 24.825 33.4 24.4004 33.4C23.9758 33.4 23.5648 33.2499 23.2402 32.9762C22.9156 32.7025 22.6981 32.3229 22.6263 31.9044C22.5545 31.4859 22.633 31.0555 22.8478 30.6892C23.0627 30.323 23.4001 30.0445 23.8004 29.9029V29.5009C23.8004 28.6729 23.1284 28.0009 22.3004 28.0009H20.2004C20.1287 28.0008 20.0575 27.9878 19.9904 27.9625L19.9868 27.9697C19.7492 28.4437 19.6004 29.2309 19.6004 30.4009C19.6004 31.4317 19.9784 32.0125 20.366 32.3449C20.7824 32.7025 21.2444 32.8009 21.4004 32.8009C21.5595 32.8009 21.7121 32.8641 21.8247 32.9767C21.9372 33.0892 22.0004 33.2418 22.0004 33.4009C22.0004 33.8425 22.2404 34.6141 22.7684 35.2765C23.2832 35.9185 24.0236 36.4009 25.0004 36.4009C25.6724 36.4009 26.2748 36.0253 26.7404 35.5369C26.9696 35.2969 27.1484 35.0485 27.2648 34.8445C27.3178 34.7541 27.3631 34.6593 27.4004 34.5613V25.0009H26.0984C25.9569 25.4012 25.6783 25.7387 25.3121 25.9535C24.9459 26.1683 24.5154 26.2468 24.097 26.175C23.6785 26.1032 23.2988 25.8858 23.0251 25.5611C22.7514 25.2365 22.6013 24.8255 22.6013 24.4009C22.6013 23.9763 22.7514 23.5654 23.0251 23.2407C23.2988 22.9161 23.6785 22.6986 24.097 22.6268C24.5154 22.555 24.9459 22.6335 25.3121 22.8483C25.6783 23.0632 25.9569 23.4006 26.0984 23.8009H27.4004V21.4009ZM28.6004 33.3997V34.5601C28.6377 34.6581 28.683 34.7528 28.736 34.8433C28.8536 35.0473 29.0312 35.2957 29.2592 35.5357C29.726 36.0241 30.3296 36.3997 31.0004 36.3997C31.9772 36.3997 32.7176 35.9173 33.2324 35.2753C33.7604 34.6129 34.0004 33.8413 34.0004 33.3997C34.0004 33.2406 34.0636 33.088 34.1761 32.9755C34.2886 32.8629 34.4413 32.7997 34.6004 32.7997C34.7564 32.7997 35.2184 32.7013 35.6348 32.3437C36.0224 32.0113 36.4004 31.4305 36.4004 30.3997C36.4004 29.2297 36.2504 28.4437 36.014 27.9685C35.9349 27.7916 35.8108 27.6385 35.654 27.5245C35.5189 27.4381 35.3606 27.395 35.2004 27.4009C35.0919 27.4009 34.9854 27.3714 34.8923 27.3156C34.7992 27.2598 34.723 27.1798 34.6717 27.0841C34.6205 26.9884 34.5962 26.8807 34.6014 26.7723C34.6066 26.6638 34.6411 26.5589 34.7012 26.4685C35.162 25.7773 35.1956 24.6409 34.8608 23.7025C34.6964 23.2429 34.4672 22.9009 34.232 22.7101C34.0172 22.5373 33.8156 22.4941 33.59 22.5697C33.4998 22.5997 33.4038 22.6079 33.3099 22.5936C33.216 22.5793 33.1268 22.5428 33.0497 22.4873C32.9726 22.4318 32.9098 22.3587 32.8664 22.2741C32.8231 22.1896 32.8005 22.0959 32.8004 22.0009C32.8004 21.3193 32.4644 20.7325 31.9064 20.2993C31.299 19.8438 30.5596 19.5986 29.8004 19.6009C29.5656 19.5898 29.3356 19.6698 29.1584 19.8241C28.9889 19.9874 28.8613 20.1891 28.7864 20.4121C28.6721 20.7256 28.6093 21.0554 28.6004 21.3889V32.2009H29.5004C30.3284 32.2009 31.0004 31.5289 31.0004 30.7009V28.4989C30.6001 28.3574 30.2627 28.0789 30.0478 27.7126C29.833 27.3464 29.7545 26.916 29.8263 26.4975C29.8981 26.079 30.1156 25.6993 30.4402 25.4257C30.7648 25.152 31.1758 25.0019 31.6004 25.0019C32.025 25.0019 32.4359 25.152 32.7606 25.4257C33.0852 25.6993 33.3027 26.079 33.3745 26.4975C33.4463 26.916 33.3678 27.3464 33.153 27.7126C32.9381 28.0789 32.6007 28.3574 32.2004 28.4989V30.7009C32.2004 31.417 31.9159 32.1038 31.4096 32.6101C30.9032 33.1165 30.2165 33.4009 29.5004 33.4009H28.6004V33.3997ZM23.8004 24.4009C23.8004 24.5601 23.8636 24.7127 23.9761 24.8252C24.0886 24.9377 24.2413 25.0009 24.4004 25.0009C24.5595 25.0009 24.7121 24.9377 24.8247 24.8252C24.9372 24.7127 25.0004 24.5601 25.0004 24.4009C25.0004 24.2418 24.9372 24.0892 24.8247 23.9767C24.7121 23.8641 24.5595 23.8009 24.4004 23.8009C24.2413 23.8009 24.0886 23.8641 23.9761 23.9767C23.8636 24.0892 23.8004 24.2418 23.8004 24.4009ZM31.6004 27.4009C31.7595 27.4009 31.9121 27.3377 32.0247 27.2252C32.1372 27.1127 32.2004 26.9601 32.2004 26.8009C32.2004 26.6418 32.1372 26.4892 32.0247 26.3767C31.9121 26.2641 31.7595 26.2009 31.6004 26.2009C31.4413 26.2009 31.2886 26.2641 31.1761 26.3767C31.0636 26.4892 31.0004 26.6418 31.0004 26.8009C31.0004 26.9601 31.0636 27.1127 31.1761 27.2252C31.2886 27.3377 31.4413 27.4009 31.6004 27.4009ZM24.4004 31.0009C24.2413 31.0009 24.0886 31.0641 23.9761 31.1767C23.8636 31.2892 23.8004 31.4418 23.8004 31.6009C23.8004 31.7601 23.8636 31.9127 23.9761 32.0252C24.0886 32.1377 24.2413 32.2009 24.4004 32.2009C24.5595 32.2009 24.7121 32.1377 24.8247 32.0252C24.9372 31.9127 25.0004 31.7601 25.0004 31.6009C25.0004 31.4418 24.9372 31.2892 24.8247 31.1767C24.7121 31.0641 24.5595 31.0009 24.4004 31.0009Z" fill="#039855"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#ECFDF3" stroke-width="8"/></svg>`,
+        title: `Don't run AI on image uploaded`,
+        content: `Do you wish to not run AI in the image?`,
+        buttontype: 'confirm'
+      }
+      dialogRef.result.then((res: any) => {
+        if (res) {
+          this.runAIOff(sIdx,qIdx,false,ansIdx);
+        } else {
+          this.getAnswerFormGroup_FormControl(sIdx, qIdx, 'runAI')?.patchValue(true);
+          this.getQuestionFormControl(sIdx, qIdx, 'runAI')?.patchValue(true);
+        }
+      });
+    }
+  }
+
+  runAIOff(sIdx: number, qIdx: number, showError?: boolean,ansIdx:number=-1) {
+    const answerFormGroup = this.getAnswerFormGroup_FormControl(sIdx, qIdx, 'runAI',ansIdx);
+    const sectionQuestion = ((((this.ChecklistForm.get('sections') as FormArray).at(sIdx) as FormGroup).get('questions') as FormArray).at(qIdx) as FormGroup);
+    if (answerFormGroup) {
+      answerFormGroup.patchValue(false);
+    }
+
+    const answersControl = sectionQuestion.get('answers');
+    let answers: FormGroup | null = null;
+    if (ansIdx !== -1 && answersControl instanceof FormArray) {
+      answers = answersControl.at(ansIdx) as FormGroup;
+    } else if (answersControl instanceof FormGroup) {
+      answers = answersControl;
+    }
+    (answers?.get('runAIFeatures') as FormArray)?.clear();
+
+    const questionControl = this.getQuestionFormControl(sIdx, qIdx, 'runAI',ansIdx);
+    if (questionControl) {
+      questionControl.patchValue(false);
+    }
+
+    (answers?.get('runAIDescription') as FormControl)?.setValue('');
+
+    this.unlockQuestionAfterRunAIOff(sIdx, qIdx, ansIdx);
+
+    if (showError) {
+      this.swalToast('Unable to process runAI request! Try again after some time!','error');
+    }
+  }
+
+  unlockQuestionAfterRunAIOff(sIdx: number, qIdx: number, ansIdx: number = -1) {
+    const question = ((((this.ChecklistForm.get('sections') as FormArray)
+      .at(sIdx) as FormGroup)
+      .get('questions') as FormArray)
+      .at(qIdx) as FormGroup);
+
+    const answers = question.get('answers');
+
+    if (answers instanceof FormArray) {
+      const stillLocked = answers.controls.some((a, idx) =>
+        idx !== ansIdx && (a as FormGroup).get('runAI')?.value === true);
+      if (stillLocked) return;
+    }
+
+    question.get('disableRunAI')?.setValue(false, { emitEvent: false });
+
+    ['qname', 'answerType', 'runAI', 'allowUploadfromGallery', 'descriptivetype']
+      .forEach(name => question.get(name)?.enable({ emitEvent: false }));
+
+    if (answers instanceof FormArray) {
+      answers.controls.forEach(ans => {
+        if (ans instanceof FormGroup) {
+          ['answer', 'validation', 'validationType', 'allowUploadfromGallery', 'runAI']
+            .forEach(name => ans.get(name)?.enable({ emitEvent: false }));
+        }
+      });
+    } else if (answers instanceof FormGroup) {
+      ['allowUploadfromGallery', 'runAI']
+        .forEach(name => answers.get(name)?.enable({ emitEvent: false }));
+    }
+
+    this.changedetector.detectChanges();
+  }
+
+
+  getSectionFormArray() {
+    return (this.ChecklistForm.get('sections') as FormArray);
+  }
+
+  getFormControl(formControl: string) {
+    return (this.ChecklistForm.get(formControl) as FormControl);
+  }
+
+  getSectionFormControl(sectionIndex: number, formControlName: string) {
+    return (
+      (this.ChecklistForm.get('sections') as FormArray)
+        .at(sectionIndex) as FormGroup)
+      .get(formControlName);
+  }
+
+  getQuestionFormControl(sectionIndex: number, questionIndex: number, formControlName: string,ansIdx:number = -1) {
+    const sections = this.ChecklistForm.get('sections') as FormArray | null;
+    if (!sections) return null;
+  
+    const section = sections.at(sectionIndex) as FormGroup | null;
+    if (!section) return null;
+  
+    const questions = section.get('questions') as FormArray | null;
+    if (!questions) return null;
+  
+    let question = questions.at(questionIndex) as FormGroup | null;
+    if (!question) return null;
+
+    if(ansIdx != -1) {
+      let answerList = question.get('answers') as FormArray | null;
+      if(!answerList) return null;
+      question = answerList.at(ansIdx) as FormGroup | null;
+      if(!question) return null;
+    }
+  
+    const control = question.get(formControlName) as FormControl | null;
+    return control;
+  }
+  
+
+  getFormArrayQuestions(sectionIndex: number) {
+    return ((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex).get('questions') as FormArray);
+  }
+
+  // individual question
+  getQuestionsFormGroup(sectionIndex: number, questionIndex: number) {
+    return (((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex).get('questions') as FormArray).at(questionIndex) as FormGroup);
+  }
+
+  getFormArrayQuestionsAnswer(sectionIndex: number, questionIndex: number, formArrayName: string,ansIndex:number = -1,linkquestionIndex:number = -1) {
+    let section = ((this.ChecklistForm.get('sections') as FormArray)?.at(sectionIndex) as FormGroup);
+    let questions = ((section.get('questions') as FormArray)?.at(questionIndex) as FormGroup);
+    if(ansIndex == -1) {
+      return (questions.get(formArrayName) as FormArray);
+    }
+    else {
+      let answers = ((questions.get('answers') as FormArray)?.at(ansIndex) as FormGroup);
+      let linkedIndex = ((answers.get('linkQuestionAnswers') as FormArray).at(linkquestionIndex) as FormGroup);
+      return (linkedIndex.get('answers') as FormArray)
+    }
+  }
+
+  getFormArrayLinkedQuestions(sectionIndex: number, questionIndex: number,answerIndex:number) {
+    let section = ((this.ChecklistForm.get('sections') as FormArray)?.at(sectionIndex) as FormGroup);
+    let questions = ((section.get('questions') as FormArray)?.at(questionIndex) as FormGroup);
+    let answer = (questions.get('answers') as FormArray)?.at(answerIndex) as FormGroup;
+    return (answer.get('linkQuestionAnswers') as FormArray)
+  }
+
+  getQuestionsFormArrayValues(sectionIndex: number): any[] {
+    return ((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex).get('questions') as FormArray).getRawValue() || [];
+  }
+
+  getAnswerFormGroup_FormControl(sectionIndex: number, questionIndex: number, formControlName: string,ansIdx:number= -1) {
+    const sections = this.ChecklistForm.get('sections') as FormArray | null;
+    if (!sections) return null;
+  
+    const section = sections.at(sectionIndex) as FormGroup | null;
+    if (!section) return null;
+  
+    const questions = section.get('questions') as FormArray | null;
+    if (!questions) return null;
+  
+    const question = questions.at(questionIndex) as FormGroup | null;
+    if (!question) return null;
+
+    if(formControlName == "multiQuestionReferenceImage") {
+      const control = question.get(formControlName) as FormArray | null;
+      return control;
+    }
+    else {
+      let answers = question.get('answers') as FormGroup | null;
+      if (!answers) return null;
+  
+      if(ansIdx != -1) {
+  
+        let answerList = question.get('answers') as FormArray | null;
+        if(!answerList) return null;
+        answers = answerList.at(ansIdx) as FormGroup | null;
+        if (!answers) return null;
+      }
+      const control = answers.get(formControlName) as FormControl | null;
+      return control;
+    }
+  
+  }
+
+  removedNestedQuestion(sectionindex: number,qno:any) {
+    let questions = (this.getSectionFormArray().at(sectionindex).get('questions') as FormArray);
+    for (let i = 0; i < questions.length; i++) {
+      let answers = (questions.at(i) as FormGroup)?.get('answers') as FormArray;
+      if(answers) {
+        for(let j=0;j<answers.length;j++) {
+          let linked = (answers.at(j) as FormGroup)?.get('showLinked')?.value;
+          if(linked) {
+            let questionNo = (answers.at(j) as FormGroup)?.get('linkedQuestion')?.value;
+            if(questionNo == qno) {
+              (answers.at(j) as FormGroup)?.get('linkedQuestion')?.setValue(0);
+              (answers.at(j) as FormGroup)?.get('showLinked')?.setValue(false);
+            }
+          }
+        }
+      }
+    }
+  }
+
+  updateQuestionQnos(sectionindex: number) {
+    let questions = (this.getSectionFormArray().at(sectionindex).get('questions') as FormArray);
+    let updatedList:any = [];
+    for (let i = 0; i < questions.length; i++) {
+      let qno = (questions.at(i) as FormGroup)?.get('qno')?.value;
+      if(!this.deletedList.includes(qno)) {
+        let questionArray = questions?.value;
+        for(let qn = 0; qn < questionArray.length ;qn++) {
+          if(!updatedList.includes(qn)) {
+            let item = questionArray[qn];
+            if (!['descriptive', 'image', 'descriptiveImage', 'multipleImage', 'video','linearscale','time','date'].includes(item.answerType)) {
+              for(let ans = 0; ans < item.answers.length ; ans++) {
+                if (item.answers[ans].linkedQuestion == qno) {
+                  updatedList.push(qn);
+                  (((questions.at(qn) as FormGroup)?.get('answers') as FormArray).at(ans) as FormGroup).get('linkedQuestion')?.setValue(i+1);
+                }
+              }
+            }
+          }
+        }
+      }
+      (questions.at(i) as FormGroup)?.get('qno')?.setValue(i+1);
+    }
+    this.ChecklistForm.updateValueAndValidity();
+  }
+
+  // updateQuestionQnos(sectionindex: number) {
+  //   let questions = (this.getSectionFormArray().at(sectionindex).get('questions') as FormArray);
+  //   let questionArray = questions?.value;
+  //   for (let i = 0; i < questions.length; i++) {
+  //     let qno = (questions.at(i) as FormGroup)?.get('qno')?.value;
+  //     if(!this.deletedList.includes(qno)) {
+  //       for(let qn = 0; qn < questionArray.length ;qn++) {
+  //         let item = questionArray[qn];
+  //         if (!['descriptive', 'image', 'descriptiveImage', 'multipleImage', 'video','linearscale','time','date'].includes(item.answerType)) {
+  //           let findIndex = item.answers.map((item:any, index:any) => (item.linkedQuestion == qno ? index : -1)).filter((index:any) => index !== -1);
+  //           if(findIndex.length) {
+  //             findIndex.forEach((idx:number) => {
+  //               item.answers[idx].checked = true;
+  //               (((questions.at(qn) as FormGroup)?.get('answers') as FormArray).at(idx) as FormGroup).get('linkedQuestion')?.setValue(i+1);
+  //             })
+  //           }
+  //           // let findAnsIdx = item.answers.findIndex((ele:any) => ele.linkedQuestion == qno && !item.checked);
+  //           // if(findAnsIdx != -1) {
+  //           // }
+  //         }
+  //       }
+  //     }
+  //     (questions.at(i) as FormGroup)?.get('qno')?.setValue(i+1);
+  //   }
+  //   this.ChecklistForm.updateValueAndValidity();
+  // }
+
+  getQuestionsAnswerFormGroup(sectionIndex: number, questionIndex: number,ansIndex:number) {
+    return (((((this.ChecklistForm.get('sections') as FormArray).at(sectionIndex).get('questions') as FormArray).at(questionIndex) as FormGroup).get('answers') as FormArray).at(ansIndex) as FormGroup);
+  }
+
+  setActiveQuestion(secIdx: number, questionIndex: number, activestatus: number,answerIndex:number = -1) {
+    if(activestatus == 1) {
+      if(answerIndex != -1) {
+        this.getQuestionsAnswerFormGroup(secIdx,questionIndex,answerIndex).addControl('active',this.fb.control(true));
+      }
+      this.getQuestionsFormGroup(secIdx,questionIndex).addControl('active',this.fb.control(true));
+    } else {
+      if(answerIndex != -1) {
+        this.getQuestionsAnswerFormGroup(secIdx,questionIndex,answerIndex).removeControl('active');
+      }
+      this.getQuestionsFormGroup(secIdx,questionIndex).removeControl('active');
+    }
+  }
+
+  allowAddAnswer(answers: any[]) {
+    return answers.length < 100;
+  }
+
+  getQuestionList(secIdx:number,qntIdx:number,ansIdx:number) {
+    const questionDetails = ((this.ChecklistForm.get('sections') as FormArray).at(secIdx).get('questions') as FormArray).getRawValue() || [];
+    if (!questionDetails.length) return [];
+
+    const currentQno = qntIdx + 1;
+    const singleAnswerTypes = ['video','image','descriptiveImage','multipleImage','linearscale','time','date','image/video'];
+
+    // Build forward link map: source qno -> Set of target qnos.
+    // Also remember the current cell's selection so it stays visible in its own dropdown.
+    const linkMap = new Map<number, Set<number>>();
+    let currentSelection: number | null = null;
+    for (const q of questionDetails) {
+      if (!q?.answers) continue;
+      const answersArray = singleAnswerTypes.includes(q.answerType) ? [q.answers] : q.answers;
+      answersArray.forEach((a: any, idx: number) => {
+        const linked = a?.linkedQuestion ? parseInt(a.linkedQuestion) : 0;
+        if (!linked) return;
+        if (!linkMap.has(q.qno)) linkMap.set(q.qno, new Set());
+        linkMap.get(q.qno)!.add(linked);
+        if (q.qno === currentQno && idx === ansIdx) currentSelection = linked;
+      });
+    }
+
+    // Already-linked targets — union of every recorded link's target.
+    const alreadyLinked = new Set<number>();
+    linkMap.forEach(targets => targets.forEach(t => alreadyLinked.add(t)));
+
+    // Upstream — every qno whose chain transitively reaches currentQno (would cycle).
+    const upstream = new Set<number>();
+    const collectUpstream = (target: number) => {
+      linkMap.forEach((targets, src) => {
+        if (targets.has(target) && !upstream.has(src)) {
+          upstream.add(src);
+          collectUpstream(src);
+        }
+      });
+    };
+    collectUpstream(currentQno);
+
+    const questionList: number[] = [];
+    for (const q of questionDetails) {
+      const qno = q?.qno;
+      if (!qno || qno === currentQno) continue;
+      if (qno === currentSelection) {
+        if (!questionList.includes(qno)) questionList.push(qno);
+        continue;
+      }
+      if (alreadyLinked.has(qno)) continue;
+      if (upstream.has(qno)) continue;
+      if (!questionList.includes(qno)) questionList.push(qno);
+    }
+    return questionList;
+  }
+
+  updateLinked(secIdx:number,qnIdx:number,ansIdx:number) {
+    let linkValue = ((((((this.ChecklistForm.get('sections') as FormArray).at(secIdx) as FormGroup).get('questions') as FormArray).at(qnIdx) as FormGroup).get('answers') as FormArray).at(ansIdx) as FormGroup).get('showLinked')?.value;
+    if(linkValue) {
+      let linkedQuestion = (((((this.ChecklistForm.get('sections') as FormArray).at(secIdx).get('questions') as FormArray).at(qnIdx) as FormGroup).get('answers') as FormArray).at(ansIdx) as FormGroup).get('linkedQuestion')?.value;
+      if(linkedQuestion) {
+        (((this.ChecklistForm.get('sections') as FormArray).at(secIdx).get('questions') as FormArray).at(linkedQuestion - 1) as FormGroup).get('linkType')?.setValue(false);
+      }
+      ((((((this.ChecklistForm.get('sections') as FormArray).at(secIdx) as FormGroup).get('questions') as FormArray).at(qnIdx) as FormGroup).get('answers') as FormArray).at(ansIdx) as FormGroup).get('linkedQuestion')?.setValue(0);
+    }
+
+    if(!linkValue) {
+      ((((((this.ChecklistForm.get('sections') as FormArray).at(secIdx) as FormGroup).get('questions') as FormArray).at(qnIdx) as FormGroup).get('answers') as FormArray).at(ansIdx) as FormGroup).get('validation')?.setValue(false);
+    }
+    const answerGroup = ((((((this.ChecklistForm.get('sections') as FormArray).at(secIdx) as FormGroup).get('questions') as FormArray).at(qnIdx) as FormGroup).get('answers') as FormArray).at(ansIdx) as FormGroup);
+    (answerGroup.get('multiReferenceImage') as FormArray)?.clear();
+    answerGroup.get('referenceImage')?.setValue('');
+    answerGroup.get('runAI')?.setValue(false);
+    (answerGroup.get('runAIFeatures') as FormArray)?.clear();
+    answerGroup.get('runAIDescription')?.setValue('');
+
+    ((((((this.ChecklistForm.get('sections') as FormArray).at(secIdx) as FormGroup).get('questions') as FormArray).at(qnIdx) as FormGroup).get('answers') as FormArray).at(ansIdx) as FormGroup).get('showLinked')?.setValue(!linkValue)
+  }
+
+  updateQuestionType(secIdx:number,qnIdx:number,ansIdx:number,event:any) {
+    let linkedQuestion = (((((this.ChecklistForm.get('sections') as FormArray).at(secIdx).get('questions') as FormArray).at(qnIdx) as FormGroup).get('answers') as FormArray).at(ansIdx) as FormGroup).get('linkedQuestion')?.value;
+    if(linkedQuestion) {
+      (((this.ChecklistForm.get('sections') as FormArray).at(secIdx).get('questions') as FormArray).at(linkedQuestion - 1) as FormGroup).get('linkType')?.setValue(false);
+    }
+    if(event.target.value) {
+      let index = parseInt(event.target.value) - 1;
+      (((this.ChecklistForm.get('sections') as FormArray).at(secIdx).get('questions') as FormArray).at(index) as FormGroup).get('linkType')?.setValue(true);
+      (((((this.ChecklistForm.get('sections') as FormArray).at(secIdx).get('questions') as FormArray).at(qnIdx) as FormGroup).get('answers') as FormArray).at(ansIdx) as FormGroup).get('linkedQuestion')?.setValue(event.target.value);
+    }
+    else {
+      (((((this.ChecklistForm.get('sections') as FormArray).at(secIdx).get('questions') as FormArray).at(qnIdx) as FormGroup).get('answers') as FormArray).at(ansIdx) as FormGroup).get('linkedQuestion')?.setValue(0);
+      (((((this.ChecklistForm.get('sections') as FormArray).at(secIdx).get('questions') as FormArray).at(qnIdx) as FormGroup).get('answers') as FormArray).at(ansIdx) as FormGroup).get('showLinked')?.setValue(false);
+    }
+  }
+
+  selectOption(qno:any,ansLinked:any) {
+    return qno == ansLinked ? true : false;
+  }
+
+  getQuestionName(secIdx:number,qIdx:number) {
+    return ((this.getSectionFormArray().at(secIdx).get('questions') as FormArray).at(qIdx-1) as FormGroup).get('qname')?.value;
+  }
+
+RunAINew(sIdx:number,qIdx: number,ansIdx:number=-1,event: any) {
+  console.log("event =>", event.target.checked)
+  // if(event.target.checked){
+    let qName: any = this.getQuestionFormControl(sIdx,qIdx,'qname')?.value; 
+    let runAIFeatures: any = [];
+    let runAIDescription: any = '';
+    let sectionQuestion = ((((this.ChecklistForm.get('sections') as FormArray).at(sIdx) as FormGroup).get('questions') as FormArray).at(qIdx) as FormGroup);
+    if(ansIdx != -1) {
+      runAIFeatures= this.getAnswerFormGroup_FormControl(sIdx,qIdx,'runAIFeatures',ansIdx)?.value; 
+      runAIDescription= this.getAnswerFormGroup_FormControl(sIdx,qIdx,'runAIDescription',ansIdx)?.value;
+    } 
+    else {
+      runAIFeatures= ((sectionQuestion.get("answers") as FormGroup).get("runAIFeatures") as FormArray)?.value; 
+      runAIDescription= ((sectionQuestion.get("answers") as FormGroup).get("runAIDescription") as FormArray)?.value;
+    }
+    let questionImages;
+    if(ansIdx != -1) {
+      let answers = ((sectionQuestion.get('answers') as FormArray).at(ansIdx) as FormGroup);
+      questionImages = (answers.get('multiReferenceImage') as FormArray)?.value;
+    } else {
+      if(['image','multipleImage','descriptiveImage','image/video'].includes(this.getQuestionFormControl(sIdx,qIdx,'answerType')?.value)) {
+        questionImages = (sectionQuestion.get('answers') as FormGroup).get('multiReferenceImage')?.value;
+      }
+      else {
+        questionImages = (sectionQuestion.get('answers') as FormGroup).get('multiQuestionReferenceImage')?.value;
+      }
+    }
+  
+  if(event.target.checked){  
+    if (this.getAnswerFormGroup_FormControl(sIdx, qIdx, "runAI", ansIdx)?.value == false) {
+      if (!qName || !this.ChecklistForm.get("checklistName")?.value) {
+        let err: string = !qName
+          ? "Please enter question to continue!"
+          : "Please enter Checklist Name to continue!";
+        this.swalToast(err, "error");
+        this.runAIOff(sIdx, qIdx, false, ansIdx);
+        return;
+      }
+      const dialogRef = this.dialog.open(TraxRunAIPopupComponent, {
+        centered: true,
+        size: "md",
+        backdrop: "static"
+      });
+      dialogRef.componentInstance.data = {
+        imagesrc: `<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#D1FADF"/><path d="M23.3564 19.3525C24.1748 18.7327 25.1738 18.3985 26.2004 18.4009C26.5549 18.393 26.9057 18.4746 27.2204 18.6382C27.535 18.8018 27.8033 19.0421 28.0004 19.3369C28.1975 19.0421 28.4658 18.8018 28.7804 18.6382C29.095 18.4746 29.4459 18.393 29.8004 18.4009C30.827 18.3985 31.826 18.7327 32.6444 19.3525C33.2744 19.8421 33.7604 20.5201 33.932 21.3397C34.3256 21.3697 34.6856 21.5329 34.988 21.7789C35.4464 22.1509 35.78 22.7089 35.99 23.2993C36.3188 24.2173 36.4076 25.3873 36.0668 26.3833C36.1532 26.4241 36.2384 26.4721 36.3212 26.5273C36.6512 26.7469 36.902 27.0613 37.0868 27.4321C37.4504 28.1581 37.6004 29.1709 37.6004 30.4009C37.6004 31.7701 37.0784 32.6893 36.416 33.2569C36.0497 33.571 35.6174 33.7986 35.1512 33.9229C35.0312 34.5925 34.6952 35.3677 34.1684 36.0253C33.4844 36.8833 32.4236 37.6009 31.0004 37.6009C29.8724 37.6009 28.9748 36.9769 28.3916 36.3649C28.2522 36.2188 28.1215 36.0645 28.0004 35.9029C27.8793 36.0645 27.7486 36.2188 27.6092 36.3649C27.026 36.9769 26.1296 37.6009 25.0004 37.6009C23.5772 37.6009 22.5176 36.8833 21.8324 36.0253C21.3401 35.414 21.0029 34.6927 20.8496 33.9229C20.3834 33.7986 19.9511 33.571 19.5848 33.2569C18.9224 32.6893 18.4004 31.7689 18.4004 30.4009C18.4004 29.1709 18.5516 28.1569 18.914 27.4321C19.0857 27.0685 19.3497 26.7561 19.6796 26.5261C19.7606 26.4725 19.8457 26.4251 19.934 26.3845C19.5932 25.3861 19.682 24.2173 20.0108 23.2993C20.2208 22.7089 20.5544 22.1509 21.0128 21.7789C21.3152 21.5329 21.6752 21.3709 22.0688 21.3397C22.2416 20.5201 22.7264 19.8421 23.3564 19.3525ZM27.4004 21.4009V21.3889L27.398 21.3289C27.3803 21.0161 27.3181 20.7074 27.2132 20.4121C27.1385 20.1892 27.0113 19.9876 26.8424 19.8241C26.6651 19.6698 26.4352 19.5898 26.2004 19.6009C25.4407 19.5983 24.7009 19.8435 24.0932 20.2993C23.5364 20.7325 23.2004 21.3193 23.2004 22.0009C23.2003 22.0959 23.1777 22.1896 23.1343 22.2741C23.091 22.3587 23.0282 22.4318 22.9511 22.4873C22.874 22.5428 22.7848 22.5793 22.6909 22.5936C22.5969 22.6079 22.5009 22.5997 22.4108 22.5697C22.1852 22.4953 21.9836 22.5373 21.7688 22.7101C21.5336 22.9021 21.3044 23.2429 21.14 23.7025C20.8052 24.6409 20.84 25.7773 21.2996 26.4685C21.3652 26.567 21.4003 26.6826 21.4004 26.8009H22.3004C23.0165 26.8009 23.7032 27.0854 24.2096 27.5917C24.7159 28.0981 25.0004 28.7848 25.0004 29.5009V29.9029C25.4007 30.0445 25.7381 30.323 25.953 30.6892C26.1678 31.0555 26.2463 31.4859 26.1745 31.9044C26.1027 32.3229 25.8852 32.7025 25.5606 32.9762C25.2359 33.2499 24.825 33.4 24.4004 33.4C23.9758 33.4 23.5648 33.2499 23.2402 32.9762C22.9156 32.7025 22.6981 32.3229 22.6263 31.9044C22.5545 31.4859 22.633 31.0555 22.8478 30.6892C23.0627 30.323 23.4001 30.0445 23.8004 29.9029V29.5009C23.8004 28.6729 23.1284 28.0009 22.3004 28.0009H20.2004C20.1287 28.0008 20.0575 27.9878 19.9904 27.9625L19.9868 27.9697C19.7492 28.4437 19.6004 29.2309 19.6004 30.4009C19.6004 31.4317 19.9784 32.0125 20.366 32.3449C20.7824 32.7025 21.2444 32.8009 21.4004 32.8009C21.5595 32.8009 21.7121 32.8641 21.8247 32.9767C21.9372 33.0892 22.0004 33.2418 22.0004 33.4009C22.0004 33.8425 22.2404 34.6141 22.7684 35.2765C23.2832 35.9185 24.0236 36.4009 25.0004 36.4009C25.6724 36.4009 26.2748 36.0253 26.7404 35.5369C26.9696 35.2969 27.1484 35.0485 27.2648 34.8445C27.3178 34.7541 27.3631 34.6593 27.4004 34.5613V25.0009H26.0984C25.9569 25.4012 25.6783 25.7387 25.3121 25.9535C24.9459 26.1683 24.5154 26.2468 24.097 26.175C23.6785 26.1032 23.2988 25.8858 23.0251 25.5611C22.7514 25.2365 22.6013 24.8255 22.6013 24.4009C22.6013 23.9763 22.7514 23.5654 23.0251 23.2407C23.2988 22.9161 23.6785 22.6986 24.097 22.6268C24.5154 22.555 24.9459 22.6335 25.3121 22.8483C25.6783 23.0632 25.9569 23.4006 26.0984 23.8009H27.4004V21.4009ZM28.6004 33.3997V34.5601C28.6377 34.6581 28.683 34.7528 28.736 34.8433C28.8536 35.0473 29.0312 35.2957 29.2592 35.5357C29.726 36.0241 30.3296 36.3997 31.0004 36.3997C31.9772 36.3997 32.7176 35.9173 33.2324 35.2753C33.7604 34.6129 34.0004 33.8413 34.0004 33.3997C34.0004 33.2406 34.0636 33.088 34.1761 32.9755C34.2886 32.8629 34.4413 32.7997 34.6004 32.7997C34.7564 32.7997 35.2184 32.7013 35.6348 32.3437C36.0224 32.0113 36.4004 31.4305 36.4004 30.3997C36.4004 29.2297 36.2504 28.4437 36.014 27.9685C35.9349 27.7916 35.8108 27.6385 35.654 27.5245C35.5189 27.4381 35.3606 27.395 35.2004 27.4009C35.0919 27.4009 34.9854 27.3714 34.8923 27.3156C34.7992 27.2598 34.723 27.1798 34.6717 27.0841C34.6205 26.9884 34.5962 26.8807 34.6014 26.7723C34.6066 26.6638 34.6411 26.5589 34.7012 26.4685C35.162 25.7773 35.1956 24.6409 34.8608 23.7025C34.6964 23.2429 34.4672 22.9009 34.232 22.7101C34.0172 22.5373 33.8156 22.4941 33.59 22.5697C33.4998 22.5997 33.4038 22.6079 33.3099 22.5936C33.216 22.5793 33.1268 22.5428 33.0497 22.4873C32.9726 22.4318 32.9098 22.3587 32.8664 22.2741C32.8231 22.1896 32.8005 22.0959 32.8004 22.0009C32.8004 21.3193 32.4644 20.7325 31.9064 20.2993C31.299 19.8438 30.5596 19.5986 29.8004 19.6009C29.5656 19.5898 29.3356 19.6698 29.1584 19.8241C28.9889 19.9874 28.8613 20.1891 28.7864 20.4121C28.6721 20.7256 28.6093 21.0554 28.6004 21.3889V32.2009H29.5004C30.3284 32.2009 31.0004 31.5289 31.0004 30.7009V28.4989C30.6001 28.3574 30.2627 28.0789 30.0478 27.7126C29.833 27.3464 29.7545 26.916 29.8263 26.4975C29.8981 26.079 30.1156 25.6993 30.4402 25.4257C30.7648 25.152 31.1758 25.0019 31.6004 25.0019C32.025 25.0019 32.4359 25.152 32.7606 25.4257C33.0852 25.6993 33.3027 26.079 33.3745 26.4975C33.4463 26.916 33.3678 27.3464 33.153 27.7126C32.9381 28.0789 32.6007 28.3574 32.2004 28.4989V30.7009C32.2004 31.417 31.9159 32.1038 31.4096 32.6101C30.9032 33.1165 30.2165 33.4009 29.5004 33.4009H28.6004V33.3997ZM23.8004 24.4009C23.8004 24.5601 23.8636 24.7127 23.9761 24.8252C24.0886 24.9377 24.2413 25.0009 24.4004 25.0009C24.5595 25.0009 24.7121 24.9377 24.8247 24.8252C24.9372 24.7127 25.0004 24.5601 25.0004 24.4009C25.0004 24.2418 24.9372 24.0892 24.8247 23.9767C24.7121 23.8641 24.5595 23.8009 24.4004 23.8009C24.2413 23.8009 24.0886 23.8641 23.9761 23.9767C23.8636 24.0892 23.8004 24.2418 23.8004 24.4009ZM31.6004 27.4009C31.7595 27.4009 31.9121 27.3377 32.0247 27.2252C32.1372 27.1127 32.2004 26.9601 32.2004 26.8009C32.2004 26.6418 32.1372 26.4892 32.0247 26.3767C31.9121 26.2641 31.7595 26.2009 31.6004 26.2009C31.4413 26.2009 31.2886 26.2641 31.1761 26.3767C31.0636 26.4892 31.0004 26.6418 31.0004 26.8009C31.0004 26.9601 31.0636 27.1127 31.1761 27.2252C31.2886 27.3377 31.4413 27.4009 31.6004 27.4009ZM24.4004 31.0009C24.2413 31.0009 24.0886 31.0641 23.9761 31.1767C23.8636 31.2892 23.8004 31.4418 23.8004 31.6009C23.8004 31.7601 23.8636 31.9127 23.9761 32.0252C24.0886 32.1377 24.2413 32.2009 24.4004 32.2009C24.5595 32.2009 24.7121 32.1377 24.8247 32.0252C24.9372 31.9127 25.0004 31.7601 25.0004 31.6009C25.0004 31.4418 24.9372 31.2892 24.8247 31.1767C24.7121 31.0641 24.5595 31.0009 24.4004 31.0009Z" fill="#039855"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#ECFDF3" stroke-width="8"/></svg>`,
+        title: `Run AI on image uploaded`,
+        content: `Use the power of AI to compare and detect anomalies between uploaded and reference image.`,
+        questionName: qName,
+        images: questionImages,
+        environment: this.environment.TraxAnswerCDN,
+        runAIFeatures: runAIFeatures,
+        runAIDescription: runAIDescription,
+        clientId:this.clientId
+      };
+      dialogRef.result.then((res: any) => {
+        if (res != "cancel") {
+          let images: any;
+          let features: any;
+          if (ansIdx != -1) {
+            images = (
+              (sectionQuestion.get("answers") as FormArray).at(
+                ansIdx
+              ) as FormGroup
+            )?.get("multiReferenceImage") as FormArray;
+            features = (
+              (sectionQuestion.get("answers") as FormArray).at(
+                ansIdx
+              ) as FormGroup
+            )?.get("runAIFeatures") as FormArray;
+             ((sectionQuestion.get("answers") as FormArray).at(ansIdx) as FormGroup).get("runAIDescription")?.setValue(res.runAIDescription);
+          } else {
+            images = (sectionQuestion.get("answers") as FormGroup).get(
+              "multiReferenceImage"
+            );
+            features = (sectionQuestion.get("answers") as FormGroup).get("runAIFeatures") as FormArray;
+            (sectionQuestion.get("answers") as FormGroup).get("runAIDescription")?.setValue(res.runAIDescription);
+          }
+          images.clear();
+          res.images.forEach((img: any) => {
+            images.push(
+              this.fb.group({
+                imageURL: img.imageURL,
+                runAI: img.runAI,
+              })
+            );
+          });
+          features.clear();
+          res.runAIFeatures.forEach((ele: any) => {
+            features.push(
+              this.fb.group({
+                featureName: this.fb.control(ele.featureName),
+                lableName: this.fb.control(ele.lableName),
+              })
+            );
+          });
+          this.insertFeatures(res.runAIFeatures);
+          if (!this.hasValidationEnabled(sIdx, qIdx)) {
+            ((((this.ChecklistForm.get('sections') as FormArray)
+          .at(sIdx) as FormGroup)
+          .get('questions') as FormArray)
+          .at(qIdx) as FormGroup).get('compliance')?.enable()
+          }
+          const runAICtrl = this.getAnswerFormGroup_FormControl(sIdx, qIdx, 'runAI', ansIdx);
+          if (runAICtrl && runAICtrl.value !== true) {
+            runAICtrl.setValue(true, { emitEvent: false });
+          }
+          this.changedetector.detectChanges();
+          this.toast.getSuccessToast('RunAI enabled successfully');
+        }
+        else {
+          this.runAIOff(sIdx, qIdx, false, ansIdx);
+        }
+      }, () => {
+        this.runAIOff(sIdx, qIdx, false, ansIdx);
+      });
+    }
+    else {
+      this.runAIOff(sIdx, qIdx, false, ansIdx);
+      this.toast.getSuccessToast('RunAI disabled successfully');
+      return;
+    }
+  }else{
+    const dialogRef = this.dialog.open(TraxpopupComponent,{centered: true, size: 'md', backdrop: "static"});
+    dialogRef.componentInstance.data = {
+      imagesrc: `<span><svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><rect x="4" y="4" width="48" height="48" rx="24" fill="#FEE4E2"/><path d="M28 24V28M28 32H28.01M38 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="#D92D20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><rect x="4" y="4" width="48" height="48" rx="24" stroke="#FEF3F2" stroke-width="8"/></svg></span>`,
+      title: `Run AI Remove`,
+      content: `Are you sure you want to Remove Run AI?`,
+      buttontype: 'remove'
+    }
+    const restoreRunAI = () => {
+      const control = this.getAnswerFormGroup_FormControl(sIdx, qIdx, "runAI", ansIdx);
+      if (control) {
+        control.setValue(true, { emitEvent: true }); // reset to ON
+      }
+    };
+    dialogRef.result.then((res) => {
+      // console.log("res =>", res)
+      if (res == 'delete') {
+        if(['image','image/video'].includes(this.getQuestionFormControl(sIdx,qIdx,'answerType')?.value)){
+         let question = ((((this.ChecklistForm.get('sections') as FormArray)
+      .at(sIdx) as FormGroup)
+      .get('questions') as FormArray)
+      .at(qIdx) as FormGroup)
+        question.get('compliance')?.disable({emitEvent:false})
+        question.get('compliance')?.patchValue(false);}
+        this.runAIOff(sIdx, qIdx, false, ansIdx);
+        this.toast.getSuccessToast('RunAI disabled successfully');
+      }else{
+        restoreRunAI();
+      }
+    }, () => {
+      // Dismissed (ESC / programmatic dismiss) — restore the toggle so it doesn't drift to false with stale features.
+      restoreRunAI();
+    });
+    return;
+    }
+  }
+
+  insertFeatures(data:any) {
+    let params = {
+      clientId: this.clientId,
+      runAIFeatures: data,
+    };
+
+    this.sopService.updateRunAIFeatures(params).pipe(takeUntil(this.detach)).subscribe((res:any) => {
+      if(res && res.code == 200){}
+    })
+  }
+
+   
+  onPopup(image:string){
+    let imageRef = this.dialog.open(TraxpopupComponent, { centered: true, size: "md" });
+    imageRef.componentInstance.data = {type:'image',image:this.environment.TraxAnswerCDN+image};
+    imageRef.result.then(() => {});
+  }
+  
+  dateRange(event:any,type:string,secIdx:number,qnIdx:number) {
+    if(event.startDate ) {
+      if(type == 'start') {
+        (((((this.ChecklistForm.get('sections') as FormArray)
+          .at(secIdx) as FormGroup)
+          .get('questions') as FormArray)
+          .at(qnIdx) as FormGroup).get('answers') as FormGroup).get('startDate')?.setValue(event.startDate.format('DD-MM-YYYY'));
+      }
+      else {
+        (((((this.ChecklistForm.get('sections') as FormArray)
+          .at(secIdx) as FormGroup)
+          .get('questions') as FormArray)
+          .at(qnIdx) as FormGroup).get('answers') as FormGroup).get('endDate')?.setValue(event.startDate.format('DD-MM-YYYY'));
+      }
+    }
+  }
+
+  /** Returns true when Configure Compliance Score should be disabled.
+   * Disabled when validate response is enabled, EXCEPT when:
+   *  - validationType is "Capture Image" and Run AI is enabled, OR
+   *  - validationType is "Capture Multiple Image with description" and Run AI is enabled and at least one reference image is added. */
+  hasValidationEnabled(sectionIndex: number, questionIndex: number): boolean {
+    const answers = this.getFormArrayQuestionsAnswer(sectionIndex, questionIndex, 'answers')?.value;
+    if (!Array.isArray(answers)) return false;
+    return false;
+    // return answers.some((a: any) => {
+    //   if (!a.validation) return false;
+    //   if (a.validationType === 'Capture Image' && a.runAI) return false;
+    //   if (
+    //     a.validationType === 'Capture Multiple Image with description' &&
+    //     a.runAI &&
+    //     Array.isArray(a.multiReferenceImage) &&
+    //     a.multiReferenceImage.length > 0
+    //   ) return false;
+    //   return true;
+    // });
+  }
+
+  getComplianceToast(secIdx:number,qnIdx:number,event:any) {
+    if(event.target.checked) {
+      let question = ((((this.ChecklistForm.get('sections') as FormArray)
+           .at(secIdx) as FormGroup)
+           .get('questions') as FormArray)
+           .at(qnIdx) as FormGroup).get('answerType')?.value;
+
+      let answers = ((((this.ChecklistForm.get('sections') as FormArray)
+           .at(secIdx) as FormGroup)
+           .get('questions') as FormArray)
+           .at(qnIdx) as FormGroup).get('answers')?.value;
+
+      if(['multiplechoicemultiple','multiplechoicesingle','yes/no'].includes(question) && answers.some((ele:any) => ele.runAI)) {
+        this.toast.getWarningToast('Compliance score has been enabled for Run AI');
+      }
+    }
+  }
+
+  bulkUploadQuestion() {
+    const dialogRef = this.dialog.open(ChecklistPopupComponent, {
+      centered: true,
+      size: "lg",
+    });
+    dialogRef.componentInstance.checklistData = {
+      checkListName: this.ChecklistForm.value.checklistName,
+      checkListDescription: this.ChecklistForm.value.checklistDescription,
+      clientId: this.clientId,
+      checklistId: this.editvalue,
+    };
+    dialogRef.result.then((res) => {
+      if (res == "reload") {
+        this.checklistLoading = true;
+        this.sopService
+          .getconfig({ checkListId: this.editvalue, clientId: this.clientId })
+          .pipe(takeUntil(this.detach))
+          .subscribe(
+            (res: any) => {
+              if (res) {
+                if (res.code == 200) {
+                  this.getobject = res.data.checkListDetails;
+                  this.formChecklistQuestions();
+                } else {
+                  this.checklistLoading = false;
+                }
+              } else {
+                this.checklistLoading = false;
+              }
+            },
+            (error) => {
+              this.checklistLoading = false;
+            },
+          );
+      }
+    });
+  }
+
+  updateNumber(event: any, secIdx: number, qnIdx: number) {
+    const linearType = event?.target?.value as 'percentage' | 'number' | 'degree';
+    const answers = ((((this.ChecklistForm.get('sections') as FormArray)
+      .at(secIdx) as FormGroup)
+      .get('questions') as FormArray)
+      .at(qnIdx) as FormGroup).get('answers') as FormGroup;
+
+    const defaults: Record<string, { rangeStart: number; rangeEnd: number }> = {
+      percentage: { rangeStart: 0, rangeEnd: 100 },
+      number: { rangeStart: 0, rangeEnd: 100 },
+      degree: { rangeStart: 0, rangeEnd: 100 }, // default 0; user can enter down to -273.15
+    };
+    const { rangeStart, rangeEnd } = defaults[linearType] ?? defaults.number;
+
+    answers.get('rangeStart')?.setValue(rangeStart);
+    answers.get('rangeEnd')?.setValue(rangeEnd);
+
+    const minValue = answers.get('minValue')?.value;
+    const maxValue = answers.get('maxValue')?.value;
+    if (minValue != null && minValue !== '' && Number(minValue) < rangeStart) {
+      answers.get('minValue')?.setValue(rangeStart);
+    } else if (minValue != null && minValue !== '' && Number(minValue) > rangeEnd) {
+      answers.get('minValue')?.setValue(rangeEnd);
+    }
+    if (maxValue != null && maxValue !== '' && Number(maxValue) < rangeStart) {
+      answers.get('maxValue')?.setValue(rangeStart);
+    } else if (maxValue != null && maxValue !== '' && Number(maxValue) > rangeEnd) {
+      answers.get('maxValue')?.setValue(rangeEnd);
+    }
+  }
+
+  onRangeValueInput(event: Event, secIdx: number, qnIdx: number, controlName: 'minValue' | 'maxValue') {
+    const linearType = this.getAnswerFormGroup_FormControl(secIdx, qnIdx, 'linearType')?.value;
+    if (linearType !== 'degree') return;
+
+    const input = event.target as HTMLInputElement;
+    const filtered = input.value.replace(/[^\d.-]/g, '').replace(/(?!^)-/g, '').replace(/(\..*)\./g, '$1');
+    if (filtered !== input.value) {
+      input.value = filtered;
+      const answers = ((((this.ChecklistForm.get('sections') as FormArray)
+        .at(secIdx) as FormGroup)
+        .get('questions') as FormArray)
+        .at(qnIdx) as FormGroup).get('answers') as FormGroup;
+      const val = filtered === '' || filtered === '-' ? filtered : Number(filtered);
+      answers.get(controlName)?.setValue(val, { emitEvent: false });
+    }
+  }
+
+  clampRangeInput(secIdx: number, qnIdx: number, controlName: 'minValue' | 'maxValue') {
+    const answers = ((((this.ChecklistForm.get('sections') as FormArray)
+      .at(secIdx) as FormGroup)
+      .get('questions') as FormArray)
+      .at(qnIdx) as FormGroup).get('answers') as FormGroup;
+
+    const rangeStart = answers.get('rangeStart')?.value;
+    const rangeEnd = answers.get('rangeEnd')?.value;
+
+    if (rangeStart == null || rangeEnd == null) return;
+
+    const control = answers.get(controlName);
+    const value = control?.value;
+
+    if (value === '' || value === '-' || (typeof value === 'number' && Number.isNaN(value))) {
+      control?.setValue(rangeStart);
+    } else if (value != null) {
+      const numValue = Number(value);
+      if (!Number.isNaN(numValue)) {
+        if (numValue < rangeStart) {
+          control?.setValue(rangeStart);
+        } else if (numValue > rangeEnd) {
+          control?.setValue(rangeEnd);
+        }
+      } else {
+        control?.setValue(rangeStart);
+      }
+    }
+  }
+
+  updateLimit(event:any,secIdx:number,qnIdx:number) {
+    (((((this.ChecklistForm.get('sections') as FormArray)
+          .at(secIdx) as FormGroup)
+          .get('questions') as FormArray)
+          .at(qnIdx) as FormGroup).get('answers') as FormGroup).get('imageLimit')?.setValue(0);
+    (((((this.ChecklistForm.get('sections') as FormArray)
+          .at(secIdx) as FormGroup)
+          .get('questions') as FormArray)
+          .at(qnIdx) as FormGroup).get('answers') as FormGroup).get('videoLimit')?.setValue(0);
+  }
+}