000

@extends('dashboard.layouts.app')
@section('title','Dashboard')
@section('style')
{{ Html::style("//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css")}}

@endsection

@section('content')

<div class="main-content">
	<div class="main-content-inner">
		<div class="breadcrumbs ace-save-state" id="breadcrumbs">
			<ul class="breadcrumb">
				<li>
					<i class="ace-icon fa fa-home home-icon"></i>
					<a href="#">Home</a>
				</li>
				<li class="active">Dashboard</li>
			</ul>

</div>

<div class="page-content">
		
			<div class="page-header">
				<h1>
					Dashboard
					<small>
						<i class="ace-icon fa fa-angle-double-right"></i>
						overview &amp; stats
					</small>
				</h1>
				
			</div>

</div>

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

@section('script')

{{ Html::script("https://code.jquery.com/ui/1.12.1/jquery-ui.js")}}
{{ Html::script("assets/js/jquery-ui.custom.min.js")}}
{{ Html::script("assets/js/jquery.ui.touch-punch.min.js")}}
{{ Html::script("assets/js/jquery.easypiechart.min.js")}}
{{ Html::script("assets/js/jquery.sparkline.index.min.js")}}
{{ Html::script("assets/js/jquery.flot.min.js")}}
{{ Html::script("assets/js/jquery.flot.pie.min.js")}}
{{ Html::script("assets/js/jquery.flot.resize.min.js")}}

{{ Html::script("assets/js/ace-elements.min.js")}}
{{ Html::script("assets/js/ace.min.js")}}

<script>
// window.onload = function(){startConfetti()};
// var maxParticleCount = 300; //set max confetti count
// var particleSpeed = 1; //set the particle animation speed
// var startConfetti; //call to start confetti animation
// var stopConfetti; //call to stop adding confetti
// var toggleConfetti; //call to start or stop the confetti animation depending on whether it's already running
// var removeConfetti; //call to stop the confetti animation and remove all confetti immediately
// (function() {
// 	startConfetti = startConfettiInner;
// 	stopConfetti = stopConfettiInner;
// 	toggleConfetti = toggleConfettiInner;
// 	removeConfetti = removeConfettiInner;
// 	var colors = ["DodgerBlue", "OliveDrab", "Gold", "Pink", "SlateBlue", "LightBlue", "Violet", "PaleGreen", "SteelBlue", "SandyBrown", "Chocolate", "Crimson"]
// 	var streamingConfetti = false;
// 	var animationTimer = null;
// 	var particles = [];
// 	var waveAngle = 0;
	
// 	function resetParticle(particle, width, height) {
// 		particle.color = colors[(Math.random() * colors.length) | 0];
// 		particle.x = Math.random() * width;
// 		particle.y = Math.random() * height - height;
// 		particle.diameter = Math.random() * 10 + 5;
// 		particle.tilt = Math.random() * 10 - 10;
// 		particle.tiltAngleIncrement = Math.random() * 0.07 + 0.05;
// 		particle.tiltAngle = 0;
// 		return particle;
// 	}
// 	function startConfettiInner() {
// 		var width = window.innerWidth;
// 		var height = window.innerHeight;
// 		window.requestAnimFrame = (function() {
// 			return window.requestAnimationFrame ||
// 				window.webkitRequestAnimationFrame ||
// 				window.mozRequestAnimationFrame ||
// 				window.oRequestAnimationFrame ||
// 				window.msRequestAnimationFrame ||
// 				function (callback) {
// 					return window.setTimeout(callback, 1.6666667);
// 				};
// 		})();
// 		var canvas = document.getElementById("confetti-canvas");
// 		if (canvas === null) {
// 			canvas = document.createElement("canvas");
// 			canvas.setAttribute("id", "confetti-canvas");
// 			canvas.setAttribute("style", "display:block;z-index:999999;pointer-events:none;position: absolute;top: 0;width: 100%;");
// 			document.body.appendChild(canvas);
// 			canvas.width = width;
// 			canvas.height = height;
// 			window.addEventListener("resize", function() {
// 				canvas.width = window.innerWidth;
// 				canvas.height = window.innerHeight;
// 			}, true);
// 		}
// 		var context = canvas.getContext("2d");
// 		while (particles.length < maxParticleCount)
// 			particles.push(resetParticle({}, width, height));
// 		streamingConfetti = true;
// 		if (animationTimer === null) {
// 			(function runAnimation() {
// 				context.clearRect(0, 0, window.innerWidth, window.innerHeight);
// 				if (particles.length === 0)
// 					animationTimer = null;
// 				else {
// 					updateParticles();
// 					drawParticles(context);
// 					animationTimer = requestAnimFrame(runAnimation);
// 				}
// 			})();
// 		}
// 	}
// 	setTimeout(stopConfettiInner,3000);
// 	function stopConfettiInner() {
// 		streamingConfetti = false;
// 	}
// 	function removeConfettiInner() {
// 		stopConfetti();
// 		particles = [];
// 	}
// 	function toggleConfettiInner() {
// 		if (streamingConfetti)
// 			stopConfettiInner();
// 		else
// 			startConfettiInner();
// 	}
// 	function drawParticles(context) {
// 		var particle;
// 		var x;
// 		for (var i = 0; i < particles.length; i++) {
// 			particle = particles[i];
// 			context.beginPath();
// 			context.lineWidth = particle.diameter;
// 			context.strokeStyle = particle.color;
// 			x = particle.x + particle.tilt;
// 			context.moveTo(x + particle.diameter / 2, particle.y);
// 			context.lineTo(x, particle.y + particle.tilt + particle.diameter / 2);
// 			context.stroke();
// 		}
// 	}
// 	function updateParticles() {
// 		var width = window.innerWidth;
// 		var height = window.innerHeight;
// 		var particle;
// 		waveAngle += 0.01;
// 		for (var i = 0; i < particles.length; i++) {
// 			particle = particles[i];
// 			if (!streamingConfetti && particle.y < -15)
// 				particle.y = height + 100;
// 			else {
// 				particle.tiltAngle += particle.tiltAngleIncrement;
// 				particle.x += Math.sin(waveAngle);
// 				particle.y += (Math.cos(waveAngle) + particle.diameter + particleSpeed) * 0.5;
// 				particle.tilt = Math.sin(particle.tiltAngle) * 15;
// 			}
// 			if (particle.x > width + 20 || particle.x < -20 || particle.y > height) {
// 				if (streamingConfetti && particles.length <= maxParticleCount)
// 					resetParticle(particle, width, height);
// 				else {
// 					particles.splice(i, 1);
// 					i--;
// 				}
// 			}
// 		}
// 	}
// })();
</script>

@endsection
@endsection