@extends('admin.layout.main')
@section('content')
	
	<div class = "right_col" role = "main" >
		<div class = "" >
			<div class = "page-title" >
				<div class = "title_left" >
					<h3 >Dashboard </h3 >
				</div >
			</div >
			<div class = "clearfix" ></div >
			<div class = "row" >
				<div class = "col-md-6 col-lg-6 col-sm-12 col-xs-12" >
					<div class = "x_panel" >
						<div class = "x_title" >
							<h2 >Graph</h2 >
							<ul class = "nav navbar-right panel_toolbox" >
								<li ><a class = "collapse-link" ><i class = "fa fa-chevron-up" ></i ></a ></li >
							</ul >
							<div class = "clearfix" ></div >
						</div >
						<div class="x_content">
							<canvas id="myChart" style="width: 300px; height: 150px;"></canvas>
						</div>
					</div >
				</div >
			</div >
		</div >
	</div >
	<!-- /page content -->

@endsection

@section('script')
	<script>
		
		$(document).ready(function(){
//		    generateChart();
		});

        //		function generateChart () {
        //            var ctx  = document.getElementById("myChart").getContext('2d');
        //            var data = {
        //                datasets: [ {
        //                    data           : [ 120, 50, 140, 180, 100 ],
        //                    backgroundColor: [
        //                        "#455C73",
        //                        "#9B59B6",
        //                        "#BDC3C7",
        //                        "#26B99A",
        //                        "#3498DB"
        //                    ],
        //                    label          : 'My dataset' // for legend
        //                } ],
        //                labels  : [
        //                    "Dark Gray",
        //                    "Purple",
        //                    "Gray",
        //                    "Green",
        //                    "Blue"
        //                ]
        //            };
        //
        //            var pieChart = new Chart ( ctx, {
        //                data   : data,
        //                type   : 'pie',
        //                otpions: {
        //                    legend: false
        //                }
        //            });
        //
        //        }
		
	</script>
@endsection