<div class="modal-header">
    <button type="button" class="close closebtn" data-ng-click="cancel()" aria-hidden="true">&times;</button>
    <h1 class="modal-title">{{'Choose term' | translate}}</h1>
</div>
<div class="modal-body">
    <div class="wizdom-controls">
        <div class="row wizdom-controls-row" ng-show="!loading && !errorState">
            <div class="col-xs-12 col-md-12">
                <div style="background-color:#f9f9f9;border:1px solid #f2f2f2;padding:10px;">
                    <treecontrol style="width:100%;" class="tree-light"
                                 tree-model="termsTreeData"
                                 options="treeOptions"
                                 selected-nodes="selectedTerms"
                                 selected-node="selectedTerm"
                                 expanded-nodes="expandedNodes"
                                 on-selection="nodeSelected(node, selected, $parentNode)">

                        <span>
                            <span aria-hidden="true"><i class="glyphicon glyphicon glyphicon-book"></i></span>
                            {{node.name}}
                        </span>
                    </treecontrol>
                </div>

            </div>
        </div>
    </div>
    <div wizdom365-spinner="" loading="loading"></div>
    <div ng-show="!loading && errorState"><p>{{"Error occured. Please contact your IT administrator." | translate}}</p></div>
</div>
<div class="modal-footer">
    <button class="btn btn-success" ng-click="save()">{{'Ok' | translate}}</button>
    <button class="btn btn-default" ng-click="cancel()">{{'Cancel' | translate}}</button>
</div>