<div >
    <div class="p-col-12 form-control form-control-sm">
        <!--<input  type="text"
               [(ngModel)]="requisitionName" pInputText style="width: 90%; height: 28px;" readonly>-->
        <button icon="plus" kendoButton [primary]="true" (click)="OpenForm();" style="height:100%;margin-bottom:2px;float:right">Add Questions</button>
    </div>
</div>

    

<kendo-dialog *ngIf="showPopUp" (close)="closeForm()" style="height: 70%; width: 70%; position: fixed; top: 50%;left: 50%;transform: translate(-50%, -50%);">
        <app-loading-panel> </app-loading-panel>
        <kendo-dialog-titlebar>
            Search Question
        </kendo-dialog-titlebar>

        <div class="p-col-12">
                <div class="p-col-12 p-lg-12">
                    <div class="p-grid">
                        <div class="p-col-12 p-lg-2">
                            <label for="txtAssetCategory">Question Category</label>
                        </div>
                        <div class="p-col-12  p-lg-4">
                            <kendo-dropdownlist class="form-control form-control-sm input-sm" style="width:100%"
                                                id="questionCategory" [data]="questionCategoryList"
                                                [defaultItem]="{ description: 'Select Question Category', id: null }" [textField]="'description'"
                                                [valueField]="'id'" [valuePrimitive]="true" [(ngModel)]="categoryID">
                            </kendo-dropdownlist>

                        </div>
                        <div class="p-col-1">
                            <button class="k-button k-primary" style="float:right;" (click)="search()">Find</button>
                        </div>
                    </div>
                    <!--<div class="p-grid">
                        <div class="p-col-12 p-lg-2">
                            <label for="txtCategory">Status</label>
                        </div>
                        <div class="p-col-12  p-lg-4">
                            <kendo-dropdownlist
                                            [data]="statusList"
                                            [defaultItem]="{ name: 'Select Status..', value: null }"
                                            [textField]="'name'"
                                            [valueField]="'value'"
                                            [valuePrimitive]="true"
                                            [(ngModel)]="status"
                                            class="form-control form-control-sm input-sm">
                        </kendo-dropdownlist>
                        </div>
                    </div>-->
                    </div>
            </div>

        <!--<div class="row">
            <div class="p-col-12">-->
                <!--<div class="p-col-12">
                    <b></b>
                </div>-->
                <!--<div class="p-col-12">
                    <button class="k-button k-primary" style="float:right;" (click)="search()">Find</button>
                </div>
            </div>
        </div>-->

        <div class="row">
            <div class="p-col-12">
                <kendo-grid [data]="searchItems"
                            style="height: 323px;"
                            [sortable]="true"
                            [groupable]="true"
                            [reorderable]="true"
                            [resizable]="true"
                            [selectedKeys]="taggedSelection"
                            [selectable]="selectableSettings"
                            [kendoGridSelectBy]="'id'">
                    <kendo-grid-checkbox-column showSelectAll="true" [width]="25" [headerClass]="{'text-center': true}" [class]="{'text-center': true}"></kendo-grid-checkbox-column>
                    <kendo-grid-column field="questionBody" title="Question" width="200"></kendo-grid-column>
                    <kendo-grid-column field="noOfOptions" title="No of Options" width="150"></kendo-grid-column>
                    <kendo-grid-column field="categoryString" title="Category" width="150"></kendo-grid-column>
                </kendo-grid>
            </div>
        </div>
        <kendo-dialog-actions>
            <div class="p-grid" style="margin:15px;">
                <div class="p-col-11">
                    <button class="k-button k-primary" (click)="onSelect($event)" style="float:right;">Select</button>
                </div>
                <div class="p-col-1">
                    <button class="k-button  k-primary" (click)="onCancel($event)" style="float:right;backgrodcolor:red">Cancel</button>
                </div>
            </div>
            <!--<button class="k-button k-primary" (click)="onSelect($event)">Select</button>
            <button class="k-button" (click)="onCancel($event)">Cancel</button>-->
        </kendo-dialog-actions>
</kendo-dialog>