// LINE CHART

      var lineCtx = document.getElementById('chart-line-2').getContext('2d');

      var dataLine = {
        labels: ["Mon", "Tue", "Wen", "Thu", "Fri", "Sat", "Sun"],
        datasets: [
          {
            label: "E-Statement Statistics",
            fill: true,
            backgroundColor: "rgba(76,175,80,0.6)",
            borderColor: "rgba(76,175,80,0.8)",
          
            borderDashOffset: 0.0,
                  borderWidth: 5,
            pointBorderColor: "#4caf50",
            pointBackgroundColor: "#fff",
            pointHoverRadius: 5,
            pointHoverBackgroundColor: "#FFF",
            pointHoverBorderColor: "#4caf50",
            pointHoverBorderWidth: 2,
			 shadowOffsetX: 0,

      shadowOffsetY: 0,

      shadowBlur: 0,

 
            pointRadius: 1,
            pointHitRadius: 15,
            data: [4,15, 10, 5,9,16, 12],
            spanGaps: false
          }
        ]
      };

      new Chart(lineCtx, {
        type: 'line',
        data: dataLine,
		   
        options: {
			 animation: {
        duration: 1000,
		easing:'linear'
    },
			legend: {
            display: false,
           
        },
			
          scales: {
            xAxes: [{
				display: false,
				ticks: {
						 beginAtZero:true,
						 padding:15,	
    
        },
				 gridLines : {
					  drawTicks:false,
					  drawBorder: false,
                 zeroLineColor: 'rgba(153,171,181,0)',
                        color: 'rgba(153,171,181,0)',
                       
                        drawBorder: true,
					 beginAtZero:true,
					 
			    
            }
				
			}],
			     yAxes: [{
					 	display: false,
					 ticks: {
						
            max: 20,
            min: 0,
            stepSize: 4,
			padding:15,			
						     
        },
					  gridLines : {
						  drawBorder: false,
                drawTicks:false,
					 beginAtZero:true,
						  zeroLineColor: '#FFF',
                        color: '#FFF',
						  drawBorder: false,
            }
				 }]
          }
        }
      });
//Project Slider
    $('.project-slider').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
	dots:false,
	autoplay:true,
	autoplayTimeout:5000,
    autoplayHoverPause:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:1
        }
    }
})
//projeck workload
new Chart(document.getElementById('projectworkload'),{
	type:'doughnut',
	data:{
		labels:
		['Deposit','withdrawal','Transfer'],
	datasets:
		[{'label':'Transaction chart',
	data:
		[300,50,100],

	backgroundColor:
		['#28a745',
		'#dc3545',
		'#ffc107'],
		}]
		
},
     
	options: {
		
            responsive: true,
			legend: { position:'right'},
		
    maintainAspectRatio: false,
        }
});


$(document).ready(function(){
	// Tasklist check
         $('input[name="task"]').click(function(){

            if($(this).prop("checked") == true){

                    $(this).parents('.task-box').addClass('task-complete');

            }

            else if($(this).prop("checked") == false){

                 $(this).parents('.task-box').removeClass('task-complete');

            }

        });
  //Counter
$('.counter').counterUp({
        delay: 50,
        time: 2000
    });
});

