<div class="modal-header">
    <button type="button" class="close closebtn" data-ng-click="cancel()" aria-hidden="true">&times;</button>
    <h1 class="modal-title">{{data.title}}</h1>
</div>
<div class="modal-body">
    <div ng-show="data.type == 'chart'">
        <div ng-hide="data.data.length">
            {{'No responses has been submitted yet' | translate}}
        </div>
        <div ng-show="data.data.length">
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>{{'Answer' | translate}}</th>
                    <th>{{'Responses' | translate}}</th>
                </tr>
                </thead>
                <tr ng-repeat="option in data.data">
                    <td>{{option.label}}</td>
                    <td>{{option.value}}</td>
                </tr>
            </table>
        </div>
            <!--<div wizdom365-gf-donutchart donut-data="data.data"> </div>-->
        </div>
    <div ng-show="data.type == 'text'">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>{{'Answer' |translate}}</th>
                </tr>
            </thead>
            <tr ng-repeat="i in data.values track by $index">
                <td>{{i}}</td>
            </tr>
            <tr ng-hide="data.values.length">
                <td>{{'No responses has been submitted yet' | translate}}</td>
            </tr>
        </table>
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-default wiz-btn-padding" ng-click="cancel();">{{'Close' | translate}}</button>
</div>