 <!-- Main Footer -->
<?php /*?>      <footer class="main-footer">
        <!-- To the right -->
        <div class="pull-right hidden-xs">
          DECON BILLING PORTAL
        </div>
        <!-- Default to the left -->
        <strong>Copyright &copy; 2016 <a href="#">Decon Telecom Solution Pvt. Ltd.</a></strong> All rights reserved.
      </footer><?php */?>

<?php /*?>      <!-- Control Sidebar -->
      <aside class="control-sidebar control-sidebar-dark">
        <!-- Create the tabs -->
        <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
          <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
          <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
          <!-- Home tab content -->
          <div class="tab-pane active" id="control-sidebar-home-tab">
            <h3 class="control-sidebar-heading">Recent Activity</h3>
            <ul class="control-sidebar-menu">
              <li>
                <a href="javascript::;">
                  <i class="menu-icon fa fa-birthday-cake bg-red"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
                    <p>Will be 23 on April 24th</p>
                  </div>
                </a>
              </li>
            </ul><!-- /.control-sidebar-menu -->

            <h3 class="control-sidebar-heading">Tasks Progress</h3>
            <ul class="control-sidebar-menu">
              <li>
                <a href="javascript::;">
                  <h4 class="control-sidebar-subheading">
                    Custom Template Design
                    <span class="label label-danger pull-right">70%</span>
                  </h4>
                  <div class="progress progress-xxs">
                    <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
                  </div>
                </a>
              </li>
            </ul><!-- /.control-sidebar-menu -->

          </div><!-- /.tab-pane -->
          <!-- Stats tab content -->
          <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
          <!-- Settings tab content -->
          <div class="tab-pane" id="control-sidebar-settings-tab">
            <form method="post">
              <h3 class="control-sidebar-heading">General Settings</h3>
              <div class="form-group">
                <label class="control-sidebar-subheading">
                  Report panel usage
                  <input type="checkbox" class="pull-right" checked>
                </label>
                <p>
                  Some information about this general settings option
                </p>
              </div><!-- /.form-group -->
            </form>
          </div><!-- /.tab-pane -->
        </div>
      </aside><!-- /.control-sidebar -->
<?php */?>      <!-- Add the sidebar's background. This div must be placed
           immediately after the control sidebar -->
      <div class="control-sidebar-bg"></div>
    </div><!-- ./wrapper -->


  <!--   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>-->
      <script src="<?=base_url('assets/adminlte/plugins/jQuery/jQuery-2.1.4.min.js');?>"></script>
      <script  src="<?=base_url('assets/adminlte/dist/js/jQuery.fixTableHeader.min.js');?>"></script>
      <!-- <script src="<?=base_url('assets/adminlte/msdropdown/jquery.dd.js');?>"></script>-->
    <script src="<?=base_url('assets/adminlte/bootstrap/js/bootstrap.min.js');?>"></script>
    <script src="<?=base_url('assets/adminlte/plugins/select2/select2.full.min.js');?>"></script>
    <script src="<?=base_url('assets/adminlte/plugins/input-mask/jquery.inputmask.js');?>"></script>
    <script src="<?=base_url('assets/adminlte/plugins/input-mask/jquery.inputmask.date.extensions.js');?>"></script>
    <script src="<?=base_url('assets/adminlte/plugins/input-mask/jquery.inputmask.extensions.js');?>"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>

    <script src="<?=base_url('assets/adminlte/plugins/daterangepicker/daterangepicker.js');?>"></script>
    <script src="<?=base_url('assets/adminlte/plugins/datepicker/bootstrap-datepicker.js');?>"></script>
    <script src="<?=base_url('assets/adminlte/plugins/colorpicker/bootstrap-colorpicker.min.js');?>"></script>
    <script src="<?=base_url('assets/adminlte/plugins/timepicker/bootstrap-timepicker.min.js');?>"></script>
    <!--<script src="<?=base_url('assets/adminlte/plugins/slimScroll/jquery.slimscroll.min.js');?>"></script>-->
    <script src="<?=base_url('assets/adminlte/plugins/iCheck/icheck.min.js');?>"></script>
    <script src="<?=base_url('assets/adminlte/plugins/fastclick/fastclick.min.js');?>"></script>
    <script src="<?=base_url('assets/adminlte/dist/js/app.min.js');?>"></script>
    <script src="<?=base_url('assets/adminlte/plugins/sparkline/jquery.sparkline.min.js');?>"></script>
    <script src="<?=base_url('assets/adminlte/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js');?>"></script>
    <script src="<?=base_url('assets/adminlte/plugins/slimScroll/jquery.slimscroll.min.js');?>"></script>
    <script src="<?=base_url('assets/adminlte/plugins/chartjs/Chart.min.js');?>"></script>
    <!--  <script src="<?=base_url('assets/adminlte/dist/js/pages/dashboard2.js');?>"></script>-->
    <script src="<?=base_url('assets/adminlte/dist/js/demo.js');?>"></script>


<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
<script src="https://code.highcharts.com/modules/annotations.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>


<script type="text/javascript">
//Radialize the colors
// $(function () {
//     $('#contas').highcharts({
//     chart: {
//         type: 'pie',
//         options3d: {
//             enabled: true,
//             alpha: 45,
//             beta: 0
//         }
//     },
//     title: {
//         text: 'Browser market shares at a specific website, 2014'
//     },
//     tooltip: {
//         pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
//     },
//     plotOptions: {
//         pie: {
//             allowPointSelect: true,
//             cursor: 'pointer',
//             depth: 35,
//             dataLabels: {
//                 enabled: true,
//                 format: '{point.name}'
//             }
//         }
//     },
//     series: [{
//         type: 'pie',
//         name: 'Browser share',
//         data: [
//             ['Firefox', 45.0],
//             ['IE', 26.8],
//             {
//                 name: 'Chrome',
//                 y: 12.8,
//                 sliced: true,
//                 selected: true
//             },
//             ['Safari', 8.5],
//             ['Opera', 6.2],
//             ['Others', 0.7]
//         ]
//     }]
//     });
// });
</script>

<script>

var seriesOptions = [],
    seriesCounter = 0,
    names = ['MSFT', 'AAPL', 'GOOG'];

/**
 * Create the chart when all data is loaded
 * @returns {undefined}
 */
function createChart() {

    Highcharts.stockChart('contas', {

        rangeSelector: {
            selected: 4
        },

        yAxis: {
            labels: {
                formatter: function () {
                    return (this.value > 0 ? ' + ' : '') + this.value + '%';
                }
            },
            plotLines: [{
                value: 0,
                width: 2,
                color: 'silver'
            }]
        },

        plotOptions: {
            series: {
                compare: 'percent',
                showInNavigator: true
            }
        },

        tooltip: {
            pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.change}%)<br/>',
            valueDecimals: 2,
            split: true
        },

        series: seriesOptions
    });
}

$.each(names, function (i, name) {
  //alert(name);
    // $.getJSON('https://www.highcharts.com/samples/data/' + name.toLowerCase() + '-c.json',    function (data) {
    //
    //     seriesOptions[i] = {
    //         name: name,
    //         data: data
    //     };
    //     // As we're loading the data asynchronously, we don't know what order it will arrive. So
    //     // we keep a counter and create the chart when all the data is loaded.
    //     seriesCounter += 1;
    //
    //     if (seriesCounter === names.length) {
    //         createChart();
    //     }
    // });
});
</script>
<script type="text/javascript">
//Radialize the colors
$(function () {
    $('#pier').highcharts({
    chart: {
        type: 'pie',
        options3d: {
            enabled: true,
            alpha: 45,
            beta: 0
        }
    },
    title: {
        text: 'Browser market shares at a specific website, 2014'
    },
    tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            depth: 35,
            dataLabels: {
                enabled: true,
                format: '{point.name}'
            }
        }
    },
    series: [{
        type: 'pie',
        name: 'Browser share',
        data: [
            ['Firefox', 45.0],
            ['IE', 26.8],
            {
                name: 'Chrome',
                y: 12.8,
                sliced: true,
                selected: true
            },
            ['Safari', 8.5],
            ['Opera', 6.2],
            ['Others', 0.7]
        ]
    }]
    });
});
</script>

<!-- <script>
function checkemail2(courseid){
	   //alert('done');
    if(courseid){
        $.ajax({
			type: 'post',
			url: "<?php //echo site_url('Web/check_teacher2')?>",
			data: {
				course:courseid,
			},
			success: function (response) {
			  $( '#email_status2' ).html(response);
			  if(response=="OK"){
			   return true;
			  }
			  else{
			   return false;
			  }
			}
        });
    }
	else{
	 $( '#email_status2' ).html("");
		return false;
	}
}
</script>-->
<script type="text/javascript">
$(function () {
    $('#cont').highcharts({
        chart: {
            type: 'column',
            options3d: {
                enabled: true,
                alpha: 0,
                beta: 0,
                viewDistance: 10,
                depth: 100
            }
        },

        title: {
            text: 'Total Course Classes, grouped by Class Over,LEFT,Running'
        },

        xAxis: {
            categories: <?php echo json_encode($this->courses_tel); ?>
        },

        yAxis: {
            allowDecimals: false,
            min: 0,
            title: {
                text: 'No of Classes'
            }
        },

        tooltip: {
            headerFormat: '<b>{point.key}</b><br>',
            pointFormat: '<span style="color:{series.color}">\u25CF</span> {series.name}: {point.y} / {point.stackTotal}'
        },

        plotOptions: {
            column: {
                stacking: 'normal',
                depth: 40
            }
        },

        series: [{
           	name: ' Total Classes',
		   	data: [5, 3, 4, 7, 2],
          //  data: <?php echo json_encode($this->total_course_classes_); ?>,
            stack: 'Total Classes'
        },{
           	name: ' Classes Over',
		   	data: [5, 3, 4, 7, 2],
          //  data: <?php echo json_encode($this->total_course_classes_over_till); ?>,
            stack: 'Classes Over'
        }, {
            name: 'Classes Still Left',
              	data: [5, 3, 4, 7, 2],
          //  data: <?php echo json_encode($this->total_course_classes_remain_till); ?>,
            stack: 'Classes Still Left'
        }, {
            name: 'CLasses Running',
              	data: [5, 3, 4, 7, 2],
          //  data: <?php echo json_encode($this->total_course_classes_runn_till); ?>,
            stack: 'CLasses Running'
        }]
    });
});
</script>



 <script type="text/javascript">
            var element = document.getElementById('renderpage'),
            autoRender;

        function reRender() {
            element.style.display = 'none';
            element.style.display = 'block';
            //console.log("re-rendered");
        }

        autoRender = setInterval(reRender, 5000)
</script>
