
<?php $__env->startSection('content'); ?> 
	 <div class="qv rc sm sp">
        <div class="qw">
          	<?php if(Session::has('Name')): ?>
	          	<h3 class="ald"> 
					<i class="fa fa-dashboard fa-2x"></i> डॅशबोर्ड   <br/>
				</h3>				 
				<span style="margin-top:-7px;margin-left:45px;">Welcome, <?php echo e(Session::get('Name')); ?>

			<?php endif; ?>
        </div>
      </div> 
      <div class="row">
      	<div class="col-lg-12">
      		<div class="col-lg-3" >
      			<div class="by amt" >
			 		<div class="gc">
						<div class="gn">
							<div class="qv rc sm sp" id="user">
								<div class="qw">
									<div class="row"  >
										<div class="col-lg-4" >
									       <i class="fa fa-user-secret fa-5x " aria-hidden="true"></i>
										</div>				
										<div class="col-lg-2">
										</div>	
										<div class="col-lg-6" style="textalign:center;">
											  <h2 style="margin-top:-4px;">  <?php
											  if(isset($AppUsers))
											  {
											  	echo $AppUsers;
											  }
											  ?></h2>
											 <small> कार्यकर्ते </small>
										</div>
									</div>
								 <!--  <h5 class="ald">Android App Users </h5> -->
								</div>
							</div>
						 </div>
					</div>
				</div>
      		</div>
      		<div class="col-lg-3">
      			<div class="by amt">
			 		<div class="gc">
						<div class="gn">
							<div class="qv rc sm sp" id="Voters">
								<div class="qw">
								   <div class="row">
										<div class="col-lg-4">
									       <i class="fa fa-users fa-5x" aria-hidden="true"></i>
										</div>				
										<div class="col-lg-2">
										</div>	
										<div class="col-lg-6" style="textalign:center;">
											<h2 style="margin-top:-4px;">
											  <?php
											  if (isset($Voters))
											  {
											  	echo $Voters;
											  }
											  ?> </h2>
											 <small> मतदार </small>
										</div>
									</div>
								          
								</div>
							</div>
						 </div>
					</div>
				</div>
      		</div>   
      		<div class="col-lg-3">
      			<div class="by amt">
			 		<div class="gc">
						<div class="gn" >
							<div class="qv rc sm sp" id="MobileNumbers">
								<div class="qw">
								   <div class="row">
										<div class="col-lg-4">
									       <i class="fa fa-mobile-phone fa-5x" aria-hidden="true" ></i>
										</div>				
										<div class="col-lg-2">
										</div>	
										<div class="col-lg-6" style="textalign:center;">
											  <h4 style="margin-top:-4px;">
											  	<?php
												  if (isset($MobileNumbers))
												  {
												  	echo $MobileNumbers;
												  }
												?> 
											   </h4>
											 <small> मतदार मोबाईल नंबर्स </small>
										</div>
									</div>

								</div>
							</div>
						 </div>
					</div>
				</div>
      		</div> 
      		<div class="col-lg-3">
      			<div class="by amt">
			 		<div class="gc">
						<div class="gn">
							<div class="qv rc sm sp" id="WhatsApp">
								<div class="qw">
								        <div class="row">
										<div class="col-lg-4">
									       <i class="fa fa-whatsapp fa-5x" aria-hidden="true" ></i>
										</div>				
										<div class="col-lg-2">
										</div>	
										<div class="col-lg-6" style="textalign:center;">
											  <h4 style="margin-top:-4px;"> <?php
												  if (isset($WhatsAppNumbers))
												  {
												  	echo $WhatsAppNumbers;
												  }
												?>  </h4>
											 <small> मतदार व्हॉट्सअप नंबर्स </small>
										</div>
									</div>   
								</div>
							</div>
						 </div>
					</div>
				</div>
      		</div>    		
      	</div>
      </div>
	  
        <div class="qv rc sm sp">
	        <div class="qw">
				<ul class="nav nav-tabs nav-justified">
					<li class="active"><a data-toggle="tab" href="#Bar"><strong> बार ग्राफ </strong></a></li>
					<li><a data-toggle="tab" onclick="LoadPies()" href="#Pie"><strong> पाई चार्ट </strong></a></li>
				</ul>
				<div class="tab-content">
				   <div id="Bar" class="tab-pane fade in active">
					    <h4>  </h4>
					    <div id="chart3"></div>
					    <p/>
					    <hr/>
					    <p/>
					    <h4> बार ग्राफ - कार्याकर्त्यानुसार मतदार</h4>
					    <p/>
					    <hr/>
					    <p/>
					    <select id="AppUserId" name="AppUserId" onchange="GetAppUserStastics()" class="form-control" >
					        <option value=""> कार्यकर्ता निवडा  </option>
					        <?php foreach($AndroidAppUsers as $AppUser): ?>
					        	<option value="<?php echo e($AppUser->AppUserID); ?>"> <?php echo e($AppUser->Name); ?>  </option>
					        <?php endforeach; ?>
					    </select>
					    <p/>
						<div id="chart4"></div>

					    <p/>
					    <hr/>
					    <p/>

					</div>
					<div id="Pie" class="tab-pane fade">
						<div class="col-lg-12">
							<div class="col-lg-6">
							    <div class="by amt" style="width:195%;">
								 	<div class="gc">
									    <div class="gz">
									      	<div class="ca qo anx ">
									        	<div class="qf b aml"> <!--  style="width:223%;margin-left:-60px;"  -->
									        		<strong> मोबाईल नंबर्स </strong>
													<div id="chart2"></div>
									        	</div>
										    </div>
										</div>
									</div>
								</div>			
							</div>

							<div class="col-lg-6">
							    <div class="by amt" style="width:195%;">
								 	<div class="gc">
									    <div class="gz">
									      	<div class="ca qo anx ">
									        	<div class="qf b aml"> <!--  style="width:223%;margin-left:-60px;"  -->
									        		 <strong> व्हॉट्सअप नंबर्स </strong>
													<div id="WhatsAppPie"></div>
									        	</div>
										    </div>
										</div>
									</div>
								</div>
							</div>

							<div class="col-lg-6">
							    <div class="by amt" style="width:195%;">
								 	<div class="gc">
									    <div class="gz">
									      	<div class="ca qo anx ">
									        	<div class="qf b aml"> <!--  style="width:223%;margin-left:-60px;"  -->
									        		<strong> इमेल </strong>
													<div id="Email"></div>
									        	</div>
										    </div>
										</div>
									</div>
								</div>			
							</div>
							<!-- Gender -->
							<div class="col-lg-6">
							    <div class="by amt" style="width:195%;">
								 	<div class="gc">
									    <div class="gz">
									      	<div class="ca qo anx ">
									        	<div class="qf b aml"> <!--  style="width:223%;margin-left:-60px;"  -->
													<strong> लिंग </strong>
					    							<div id="Gender"></div>
									        	</div>
										    </div>
										</div>
									</div>
								</div>			
							</div>

							<div class="col-lg-6">
							    <div class="by amt" style="width:195%;">
								 	<div class="gc">
									    <div class="gz">
									      	<div class="ca qo anx ">
									        	<div class="qf b aml"> <!--  style="width:223%;margin-left:-60px;"  -->
												<strong>  मतदार अंदाज </strong>
													<div id="VotingAnalysis"></div>
									        	</div>
										    </div>
										</div>
									</div>
								</div>			
							</div>

							<div class="col-lg-6">
							    <div class="by amt" style="width:195%;">
								 	<div class="gc">
									    <div class="gz">
									      	<div class="ca qo anx ">
									        	<div class="qf b aml"> <!--  style="width:223%;margin-left:-60px;"  -->
												<strong> राजकीयदृष्ट्या प्रभावी </strong>
													<div id="IsPoliticallyStrong"></div>
									        	</div>
										    </div>
										</div>
									</div>
								</div>			
							</div>

							<div class="col-lg-6">
							    <div class="by amt" style="width:195%;">
								 	<div class="gc">
									    <div class="gz">
									      	<div class="ca qo anx ">
									        	<div class="qf b aml"> <!--  style="width:223%;margin-left:-60px;"  -->
													<strong> मतदान केले? </strong>
					    							<div id="IsVoted"></div>
									        	</div>
										    </div>
										</div>
									</div>
								</div>			
							</div>

							<div class="col-lg-6">
							    <div class="by amt" style="width:195%;">
								 	<div class="gc">
									    <div class="gz">
									      	<div class="ca qo anx ">
									        	<div class="qf b aml"> <!--  style="width:223%;margin-left:-60px;"  -->
													<strong> शिक्षण </strong>
													<div id="Educated"></div>
									        	</div>
										    </div>
										</div>
									</div>
								</div>
							</div>

							<div class="col-lg-6">
							    <div class="by amt" style="width:195%;">
								 	<div class="gc">
									    <div class="gz">
									      	<div class="ca qo anx ">
									        	<div class="qf b aml"> <!--  style="width:223%;margin-left:-60px;"  -->
									        		<strong> प्रोफेशन </strong>
													<div id="Profession"></div>
									        	</div>
										    </div>
										</div>
									</div>
								</div>			
							</div>

							<div class="col-lg-6">
							    <div class="by amt" style="width:195%;">
								 	<div class="gc">
									    <div class="gz">
									      	<div class="ca qo anx ">
									        	<div class="qf b aml"> <!--  style="width:223%;margin-left:-60px;"  -->
													<strong>  जात </strong>
					    							<div id="Cast"></div>
									        	</div>
										    </div>
										</div>
									</div>
								</div>			
							</div>

						</div>
				  	</div>
				</div>

	        </div>
      	</div>
<script>

$(document).ready(function(){

 $("#AppUserId").select2();

	$('.count').each(function () {
	    $(this).prop('Counter',0).animate({
	        Counter: $(this).text()
	    }, {
	        duration: 4000,
	        easing: 'swing',
	        step: function (now) {
	            $(this).text(Math.ceil(now));
	        }
	    });
	});

    var line1 =[];// [['MobileNumbers', 440000],['WhatsAppNumbers', 116000],['Emails', 200000],['PoliticalStrong', 510000],['IsPolitical', 400000]];	
	jQuery.jqplot.config.enablePlugins = true;
	  $.ajax({
              dataType: "json",
              type: "GET",
              url: "LoadBar",
              success: function(result){
                    // add success function here!
//                    alert("Mobile Numbers : "+result.MobileNumber);
                 line1=  [['मोबाईल नंबर्स', result.MobileNumber],['व्हॉट्सअप नंबर्स', result.WhatsAppNumber],['इमेल', result.Email],['राजकीयदृष्ट्या प्रभावी', result.IsPoliticallyStrong]
                 ,['प्रोफेशन', result.Profession],['शिक्षण', result.Education],['मतदान केलेले', result.IsVoted],['जात', result.Cast]];
			    $('#chart3').jqplot([line1], {
			        title:' बार ग्राफ - संपूर्ण मतदार रिपोर्ट ',
			         // Turns on animatino for all series in this plot.
			        animate: true,
			        // Will animate plot on calls to plot1.replot({resetAxes:true})
			        animateReplot: true,
			        seriesDefaults:{
			            renderer:$.jqplot.BarRenderer,
			            rendererOptions: {
			                // Set the varyBarColor option to true to use different colors for each bar.
			                // The default series colors are used.
			                varyBarColor: true
			            }
			        },
			        axes:{
			           
			            xaxis:{
			         		 renderer:$.jqplot.CategoryAxisRenderer 
			       		 },
				        yaxis:{
				         
				        },
					    highlighter: {
							show: true, 
				            showLabel: true, 
				            tooltipAxes: 'y',
				            sizeAdjust: 7.5 , tooltipLocation : 'ne'
					      },
					    cursor: {
					        show: true,
				            zoom: true,
				            looseZoom: true,
				            showTooltip: false
					      }
			        }
			    });
                // Demo Pie Chart	

                  $('#chart4').jqplot([line1], {
			        title:' बार ग्राफ - कार्याकर्त्यानुसार मतदार ',
			         // Turns on animatino for all series in this plot.
			        animate: true,
			        // Will animate plot on calls to plot1.replot({resetAxes:true})
			        animateReplot: true,
			        seriesDefaults:{
			            renderer:$.jqplot.BarRenderer,
			            rendererOptions: {
			                // Set the varyBarColor option to true to use different colors for each bar.
			                // The default series colors are used.
			                varyBarColor: true
			            }
			        },
			        axes:{
			           
			            xaxis:{
			         		 renderer:$.jqplot.CategoryAxisRenderer 
			       		 },
				        yaxis:{
				         
				        },
					    highlighter: {
							show: true, 
				            showLabel: true, 
				            tooltipAxes: 'y',
				            sizeAdjust: 7.5 , tooltipLocation : 'ne'
					      },
					    cursor: {
					        show: true,
				            zoom: true,
				            looseZoom: true,
				            showTooltip: false
					      }
			        }
			    });
		
               }
            });
});

	// Load All Pie Charts

	function LoadPies()
	{
		jQuery.jqplot.config.enablePlugins = true;
		$.ajax({
            dataType: "json",
            type: "GET",
            url: "LoadPie",
            success: function(result){
            	 line1=  [['सर्व',result.TotalVotersCount],['MobileNumbers', result.MobileNumber],['WhatsAppNumbers', result.WhatsAppNumber],['Emails', result.Email],
                 ['PoliticalStrong', result.IsPoliticallyStrong]
                 ,['Profession', result.Profession],['Education', result.Education],['IsVoted', result.IsVoted],['Cast', result.Cast],['Male', result.Male],['Female', result.Female]];
				 $('.jqplot-highlighter-tooltip').addClass('ui-corner-all');
				 // View
		    	 jQuery.jqplot.config.enablePlugins = true;
			 	 toolTip1 = ['सर्व मतदार ',' मोबाईल नंबर्स '];

 				var Mobiles=[['सर्व मतदार',result.TotalVotersCount],['सर्व मोबाईल नंबर्स', result.MobileNumber]];	//result.MobileNumber

				var plot1 = jQuery.jqplot('chart2', 
				        [Mobiles],
				        {
				            title: 'मतदार मोबाईल नंबर्स  ',
				            seriesDefaults: {
				                shadow: false, 
				                renderer: jQuery.jqplot.PieRenderer, 
				                rendererOptions: { padding: 2, sliceMargin: 2, showDataLabels: true }
				            },
				            legend: {
				                show: true,
				                location: 'e',
				                renderer: $.jqplot.EnhancedPieLegendRenderer,
				                rendererOptions: {
				                    numberColumns: 1,
				                    toolTips: toolTip1
				                }
				            },
				        }
				    );

				// Var Whatsapp
 				var WhatsApp=[['सर्व मतदार',result.TotalVotersCount],['व्हॉट्सअप नंबर्स', result.WhatsAppNumber]];	//result.WhatsAppNumber

				var plot2 = jQuery.jqplot('WhatsAppPie', 
				        [WhatsApp],
				        {
				            title: 'मतदार व्हॉट्सअप नंबर्स ',
				            seriesDefaults: {
				                shadow: false, 
				                renderer: jQuery.jqplot.PieRenderer, 
				                rendererOptions: { padding: 2, sliceMargin: 2, showDataLabels: true }
				            },
				            legend: {
				                show: true,
				                location: 'e',
				                renderer: $.jqplot.EnhancedPieLegendRenderer,
				                rendererOptions: {
				                    numberColumns: 1,
				                    toolTips: toolTip1
				                }
				            },
				        }
				    );				
				// Email
 				var Email=[['सर्व मतदार ',result.TotalVotersCount],['इमेल', result.Email]];	//result.Email

				var plot3 = jQuery.jqplot('Email', 
				        [Email],
				        {
				            title: ' मतदार इमेल ',
				            seriesDefaults: {
				                shadow: false, 
				                renderer: jQuery.jqplot.PieRenderer, 
				                rendererOptions: { padding: 2, sliceMargin: 2, showDataLabels: true }
				            },
				            legend: {
				                show: true,
				                location: 'e',
				                renderer: $.jqplot.EnhancedPieLegendRenderer,
				                rendererOptions: {
				                    numberColumns: 1,
				                    toolTips: toolTip1
				                }
				            },
				        }
				    );								

				var IsPoliticallyStrong=[['सर्व मतदार',result.TotalVotersCount],['राजकीयदृष्ट्या प्रभावी', result.IsPoliticallyStrong]];	//result.IsPoliticallyStrong

				var plot3 = jQuery.jqplot('IsPoliticallyStrong', 
				        [IsPoliticallyStrong],
				        {
				            title: ' राजकीयदृष्ट्या प्रभावी मतदार ',
				            seriesDefaults: {
				                shadow: false, 
				                renderer: jQuery.jqplot.PieRenderer, 
				                rendererOptions: { padding: 2, sliceMargin: 2, showDataLabels: true }
				            },
				            legend: {
				                show: true,
				                location: 'e',
				                renderer: $.jqplot.EnhancedPieLegendRenderer,
				                rendererOptions: {
				                    numberColumns: 1,
				                    toolTips: toolTip1
				                }
				            },
				        }
				    );	

				var IsVoted=[['सर्व मतदार',result.TotalVotersCount],['मतदान केले ?', result.IsPoliticallyStrong]];	//result.IsPoliticallyStrong

				var plot3 = jQuery.jqplot('IsVoted', 
				        [IsVoted],
				        {
				            title: ' मतदान केलेले / न केलेले मतदार ',
				            seriesDefaults: {
				                shadow: false, 
				                renderer: jQuery.jqplot.PieRenderer, 
				                rendererOptions: { padding: 2, sliceMargin: 2, showDataLabels: true }
				            },
				            legend: {
				                show: true,
				                location: 'e',
				                renderer: $.jqplot.EnhancedPieLegendRenderer,
				                rendererOptions: {
				                    numberColumns: 1,
				                    toolTips: toolTip1
				                }
				            },
				        }
				    );	

				var Gender=[['पुरुष',result.Male],[' स्त्री ', result.Female]];

				var plot3 = jQuery.jqplot('Gender', 
				        [Gender],
				        {
				            title: ' स्त्री - पुरुष मतदार ',
				            seriesDefaults: {
				                shadow: false, 
				                renderer: jQuery.jqplot.PieRenderer, 
				                rendererOptions: { padding: 2, sliceMargin: 2, showDataLabels: true }
				            },
				            legend: {
				                show: true,
				                location: 'e',
				                renderer: $.jqplot.EnhancedPieLegendRenderer,
				                rendererOptions: {
				                    numberColumns: 1,
				                    toolTips: toolTip1
				                }
				            },
				        }
				    );

				// VotingAnalysis
				$.ajax({
		            dataType: "json",
		            type: "GET",
		            url: "LoadVotingAnalysisPie",
		            success: function(result){
						//alert( obj.name === "John" );
						var sampleData = [], item;
						 $.each(result, function (key, value) {
						   sampleData.push([value.VotingAnalysis, parseFloat(value.Total)]); //.replace(/,/g, "")
						 });

		            	var VotingAnalysis = jQuery.jqplot('VotingAnalysis', 
				        [sampleData],
				        {
				            title: 'मतदान अंदाजानुसार मतदार',
				            seriesColors:['#6dc066','#F5F5F5', '#ff0000', '#FFFF00'],
				            seriesDefaults: {
				                shadow: false, 
				                renderer: jQuery.jqplot.PieRenderer, 
				                rendererOptions: { padding: 2, sliceMargin: 2, showDataLabels: true }
				            },
				            legend: {
				                show: true,
				                location: 'e',
				                renderer: $.jqplot.EnhancedPieLegendRenderer,
				                rendererOptions: {
				                    numberColumns: 1,
				                    toolTips: toolTip1
				                }
				            }
				        }
				   	 );
		            }
		        });

				// Request To Cast
				$.ajax({
		            dataType: "json",
		            type: "GET",
		            url: "LoadEducationPie",
		            success: function(result){
						//alert( obj.name === "John" );
						var sampleData = [], item;
						 $.each(result, function (key, value) {
						   sampleData.push([value.Education, parseFloat(value.Total)]); //.replace(/,/g, "")
						 });

		            	var Education = jQuery.jqplot('Educated',
				        [sampleData],
				        {
				            title: ' शिक्षणानुसार मतदार ',
				            seriesDefaults: {
				                shadow: false, 
				                renderer: jQuery.jqplot.PieRenderer, 
				                rendererOptions: { padding: 2, sliceMargin: 2, showDataLabels: true }
				            },
				            legend: {
				                show: true,
				                location: 'e',
				                renderer: $.jqplot.EnhancedPieLegendRenderer,
				                rendererOptions: {
				                    numberColumns: 1,
				                    toolTips: toolTip1
				                }
				            },
				        }
				   	 );
		            }
		        });

				//Profession
				$.ajax({
		            dataType: "json",
		            type: "GET",
		            url: "LoadProfessionPie",
		            success: function(result){

						var sampleData = [], item;
						 $.each(result, function (key, value) {
						   sampleData.push([value.Profession, parseFloat(value.Total)]); //.replace(/,/g, "")
						 });
		            	var Profession = jQuery.jqplot('Profession', 
				        [sampleData],
				        {
				            title: ' प्रोफेशननुसार मतदार ',
				            seriesDefaults: {
				                shadow: false, 
				                renderer: jQuery.jqplot.PieRenderer, 
				                rendererOptions: { padding: 2, sliceMargin: 2, showDataLabels: true }
				            },
				            legend: {
				                show: true,
				                location: 'e',
				                renderer: $.jqplot.EnhancedPieLegendRenderer,
				                rendererOptions: {
				                    numberColumns: 1,
				                    toolTips: toolTip1
				                }
				            },
				        }
				   	 );

		            }
		        });
/*
$(document).ready(function(){
  var data = [
    ['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14], 
    ['Out of home', 169],['Commuting', 7], ['Orientation', 9]
  ];
   
  var plot4 = $.jqplot('Profession', [data], {
    seriesDefaults: {
      // make this a donut chart.
      renderer:$.jqplot.DonutRenderer,
      rendererOptions:{
        // Donut's can be cut into slices like pies.
        sliceMargin: 3,
        // Pies and donuts can start at any arbitrary angle.
        startAngle: -90,
        showDataLabels: true,
        // By default, data labels show the percentage of the donut/pie.
        // You can show the data 'value' or data 'label' instead.
        dataLabels: 'value',
        // "totalLabel=true" uses the centre of the donut for the total amount
        totalLabel: true
      }
    }
  });
});*/
				// Cast
				var Casts=[];
				$.ajax({
		            dataType: "json",
		            type: "GET",
		            url: "LoadCastPie",
		            success: function(result){
					 // Now push required data into a JSON array object
					 var sampleData = [], item;
					 $.each(result, function (key, value) {
					   sampleData.push([value.Cast, parseFloat(value.Total)]); //.replace(/,/g, "")
					 });

		        	// Display Result
			        var plot3 = jQuery.jqplot('Cast', 
				        [sampleData],
				        {
				            title: ' जातनिहाय मतदार ',
				            seriesDefaults: {
				                shadow: false, 
				                renderer: jQuery.jqplot.PieRenderer, 
				                rendererOptions: { padding: 2, sliceMargin: 2, showDataLabels: true }
				            },
				            legend: {
				                show: true,
				                location: 'e',
				                renderer: $.jqplot.EnhancedPieLegendRenderer,
				                rendererOptions: {
				                    numberColumns: 6,
				                    toolTips: toolTip1
				                }
				            },
				        }
				    );
		          }
        		});

            }
        });
	}

	// Load Charts By Android App Users
	function GetAppUserStastics()
	{
		$('#chart4').children().remove();
		var AppUserId=$("#AppUserId").val();
        //$('#chart4').jqplot.destroy();

		var line1 =[];// [['MobileNumbers', 440000],['WhatsAppNumbers', 116000],['Emails', 200000],['PoliticalStrong', 510000],['IsPolitical', 400000]];	
		jQuery.jqplot.config.enablePlugins = true;
		  $.ajax({
              dataType: "json",
              type: "GET",
              url: "LoadAndroidAppUsersBar?AppUserId="+AppUserId,
              success: function(result){
                // add success function here!
				// alert("Mobile Numbers : "+result.MobileNumber);
                 line1=  [['मोबाईल नंबर्स', result.MobileNumber],['व्हॉट्सअप नंबर्स', result.WhatsAppNumber],['इमेल', result.Email],['राजकीयदृष्ट्या प्रभावी', result.IsPoliticallyStrong],
                 ['प्रोफेशन', result.Profession],['शिक्षणा', result.Education],['मतदान केले?', result.IsVoted],['जात', result.Cast]];
			    $('#chart4').jqplot([line1], {
			        title:'बार ग्राफ - कार्याकर्त्यानुसार मतदार',
			         // Turns on animatino for all series in this plot.
			        animate: true,
			        // Will animate plot on calls to plot1.replot({resetAxes:true})
			        animateReplot: true,
			        seriesDefaults:{
			            renderer:$.jqplot.BarRenderer,
			            rendererOptions: {
			                // Set the varyBarColor option to true to use different colors for each bar.
			                // The default series colors are used.
			                varyBarColor: true
			            }
			        },
			        axes:{
			            xaxis:{
			         		 renderer:$.jqplot.CategoryAxisRenderer 
			       		 },
				        yaxis:{
				        },
					    highlighter: {
							show: true, 
				            showLabel: true, 
				            tooltipAxes: 'y',
				            sizeAdjust: 7.5 , tooltipLocation : 'ne'
					      },
					    cursor: {
					        show: true,
				            zoom: true,
				            looseZoom: true,
				            showTooltip: false
					      }
			        }
			    });
               }
            });
	}
</script>

<!-- Don't touch this! -->
<script class="include" type="text/javascript" src="<?php echo e(asset('theme/assets/charts/jquery.jqplot.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('theme/assets/charts/shCore.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('theme/assets/charts/shBrushJScript.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('theme/assets/charts/shBrushXml.min.js')); ?>"></script>
<!-- End Don't touch this! -->

<!-- Additional plugins go here -->

<script language="javascript" type="text/javascript" src="<?php echo e(asset('theme/assets/charts/jqplot.categoryAxisRenderer.js')); ?>"></script>
<script language="javascript" type="text/javascript" src="<?php echo e(asset('theme/assets/charts/jqplot.barRenderer.js')); ?>"></script>
<script language="javascript" type="text/javascript" src="<?php echo e(asset('theme/assets/charts/jqplot.pieRenderer.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('theme/assets/charts/jqplot.donutRenderer.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('theme/assets/charts/pointLabels.min.js')); ?>"></script><!--
<script type="text/javascript" src="<?php echo e(asset('theme/assets/charts/jqplot.highlighter.js')); ?>"></script> -->

<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin.layouts.mainview', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>