@extends('landing.master')
@section('main')

<style>
.nice-select .list{
	width:100%;
}
.nice-select{
	    background: #fff;
}

</style>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script>
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawVisualization);

      function drawVisualization() {
        // Some raw data (not necessarily accurate)
        var data = google.visualization.arrayToDataTable([
          ['Taluka Name', 'Granted School', 'Non Granted School', 'Self Finance School'],
          ['Ambegaon',  165,      338,         234],
          ['Baramati',  135,      345,        299],
          ['Bhor',  157,      234,        234],
          ['Daund',  139,      123,        234],
          ['Haveli',  136,      223,         453],
          ['Indapur',  123,      234,         122],
          ['Indapur',  123,      234,         122],
          ['Junnar',  123,      234,         122]
        ]);

        var options = {
          title : 'Taluka Wise School Summary',
          vAxis: {title: 'Total School'},
          hAxis: {title: 'Taluka Name'},
          seriesType: 'bars',
          series: {5: {type: 'line'}}
        };

        var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
</script>



<section class="page-title" style="background-image: url(https://education.maharashtra.gov.in/sanch/images/h1.jpg);">
            <div class="auto-container">
                <div class="content-box clearfix">
                    <div class="title centred">
                        <h6>Schoolwise Analysis</h6>
                        <h1>School Dashboard</h1>
                    </div>
                    <ul class="bread-crumb clearfix">
                        <li><a href="index.php">Home</a></li>
                       
                        <li>School Dashboard</li>
                    </ul>
                </div>
            </div>
        </section>
		
		<section class="sidebar-page-container">
            <div class="auto-container">
                <div class="row clearfix">
				<div class="col-lg-4 col-md-12 col-sm-12 sidebar-side">
                        <div class="blog-sidebar">
                            
                            <div class="sidebar-widget search-widget">
                                <div class="widget-title">
                                    <h4>Academic Year Wise Summary</h4>
                                </div>
                                <form action="blog.html" method="post" class="search-form">
                                    <div class="form-group">
                                      <select>
									    <option>Select Academic Year</option>
									  <option>2016-2017</option>
									  <option>2017-2018</option>
									  <option>2018-2019</option>
									   <option>2029-2020</option>
									    <option>2020-2021</option>
										 <option>2021-2022</option>
									  </select>
                                    </div>
                                </form>
								<br/>
                            </div>
							
							<div class="sidebar-widget search-widget">
                                <div class="widget-title">
                                    <h4>School Type Wise Summary</h4>
                                </div>
                                <form action="blog.html" method="post" class="search-form">
                                    <div class="form-group">
                                      <select>
									    <option>Select School Type</option>
									  <option>Granted</option>
									  <option>Non Granted</option>
									  <option>Self Finance</option>
									 
									  </select>
                                    </div>
                                </form>
								<br/>
                            </div>
							
							
                            <div class="sidebar-widget category-widget">
                                <div class="widget-title">
                                    <h4>Taluka Wise Summary</h4>
                                </div>
                                <div class="widget-content">
                                    <ul class="category-list clearfix">
                                        <li><a href="#">Ambegaon <span>(240)</span></a></li>
                                        <li><a href="#">Baramati <span>(500)</span></a></li>
                                        <li><a href="#">Bhor <span>(200)</span></a></li>
                                        <li><a href="#">Daund <span>(110)</span></a></li>
                                        <li><a href="#l">Haveli <span>(345)</span></a></li>
                                        <li><a href="#">Indapur <span>(234)</span></a></li>
										 <li><a href="#">Junnar <span>(456)</span></a></li>
										  <li><a href="#">Khed <span>(234)</span></a></li>
										   <li><a href="#">Maval <span>(345)</span></a></li>
										   <li><a href="#">Mulshi <span>(678)</span></a></li>
										   <li><a href="#">Pune City <span>(234)</span></a></li>
										   <li><a href="#">Purandar <span>(232)</span></a></li>
										   <li><a href="#">Shirur <span>(456)</span></a></li>
										   <li><a href="#">Velhe <span>(234)</span></a></li>
										   
                                    </ul>
                                </div>
                            </div>
                            
                            
                            
                        </div>
                    </div>
                    <div class="col-lg-8 col-md-12 col-sm-12 content-side">
                        <div class="blog-details-content">
                            <div class="inner-box">
                                <div class="content-one">
                                    <div class="author-box">
                                       <div id="chart_div" style="width: 900px; height: 700px;"></div>
   
                                      
                                    </div>
                                   
                                </div>
                               
                            </div>
                            
                           
                            
                          
                           
                        </div>
                    </div>
                    
                </div>
            </div>
        </section>

        @endsection