<div class="questnPart">
    <div class="questNo">
        <span class="questionTitle">Question {{ currQuesNo + 1 }}</span>
    </div>
    <div class="questn-content">
        <span class="questn-content-descr">{{ currentQuestion.quesText }}</span>
    </div>
</div>
<div class="optionPart">
    <div class="optionTitle">
        <span>Options</span>
    </div>

    <!-- For Single Selection (Radio button)  -->
    <div class="ansPart" *ngIf="currentQuestion.answType === '0'">
        <mat-radio-group [(ngModel)]="selOpt">
            <mat-radio-button *ngFor="let opt of currentQuestion.answMetadata;" 
                [value]='opt.ANSW_TEXT' 
                (change)="singleValueSelected(opt.ANSW_TEXT);"
                style="display: block;padding-bottom:15px;font-size: 1.4em; " ngDefaultControl>
                {{opt.ANSW_TEXT}}
            </mat-radio-button>
        </mat-radio-group>
    </div>
    <!-- For Multiple Selection (CheckBox) -->
    <div class="ansPart" *ngIf="currentQuestion.answType === '1'">
        <bb-checkbox *ngFor="let opt of currentQuestion.answMetadata;" 
            [value]='opt.ANSW_TEXT' 
            #quesChkbox
            [checked] = "multiTestData.indexOf(opt.ANSW_TEXT) != -1 "
            (bbChange)="multiValueSelected($event, opt.ANSW_TEXT)"
            style="display: block;padding-bottom:15px;font-size: 1.4em; "  ngDefaultControl>
            {{opt.ANSW_TEXT}}
        </bb-checkbox>
    </div>
    <!-- For Single Selection (Pophelp) -->
    <!--  <div  class="ansPart" *ngIf="currentQuestion.ANSW_TYPE === '2'" >
      <mat-form-field class="sel-form-field" >
        <mat-select    [(ngModel)]="currentQuestion['SELECTED_ANS_']"   placeholder="Select" >
           <mat-option  class = "bb-option-descr"  *ngFor="let opt of currentQuestion.answMetadata; let i = index" (click)="singleValueSelected(i);" [value]="opt">{{opt}}</mat-option>
        </mat-select>
    </mat-form-field>
    </div>  -->
   <!-- Text-box -->
    <!--  <div  class="ansPart" *ngIf="currentQuestion.ANSW_TYPE === '3'" >
        <bb-textbox 
                     [(ngModel)]="currentQuestion['SELECTED_ANS_']"
                     [value]="opt"
                     [placeholder]="Answer" 
                     [uxDesign]="'UX3'" 
                     [required]="filterMandatory"				
                     (change) = "singleValueSelected(i);">
        </bb-textbox> 
    </div> -->
</div>
