<script type="text/ng-template" id="showChartPopup.html">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"  ng-click="modalWindow.close('showChartPopup')"><i class="bi bi-x"></i></button>
        <h2>
            <span ng-show="reportLabel">{{reportLabel}}</span>
            <span ng-hide="reportLabel">Report chart</span>
        </h2>
    </div>
    <div class="modal-body">

        <div id="reportChart" style="margin-top:-5px">

            <div high-charts id="chart1" config="chartConfig" style="margin-top:35px;"></div>

            <div ng-hide="chartConfig.changetime" class="btn-group chart_dropdown" data-toggle="buttons-radio" ng-init="chartConfig.chart.type = chartConfig.chart.type || 'pie'">
                <button type="button" class="btn btn-large" ng-class="{'active':chartConfig.chart.type==='pie'}" ng-click="chartConfig.chart.type='pie'">Pie
                <button type="button" class="btn btn-large" ng-class="{'active':chartConfig.chart.type==='column'}" ng-click="chartConfig.chart.type='column'">Column
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn btn-large" data-dismiss="modal" ng-click="hostSearch =''; modalWindow.close('showHostsPopup')" >Close</button>
        <button class="btn btn-large" ng-click="exportChart('print')">Print</button>
        <button class="btn btn-large btn-primary" ng-click="exportChart('img')">Download</button>
    </div>

</script>
