#I LOVE YOU EVERDAY#

/* global awsmJobsAdminOverview, postboxes, Chart */

'use strict';

jQuery(document).ready(function($) {
	var awsmJobsOverview = window.awsmJobsOverview = window.awsmJobsOverview || {};

/*================ Meta-boxes ================*/

// Activate toggle state.
	postboxes.add_postbox_toggles(awsmJobsAdminOverview.screen_id);

/*================ Charts ================*/

var chartAreaPlugin = {
		id: 'chartAreaCustomizer',
		beforeDraw: function(chart, args, options) {
			if (options.chartArea && options.chartArea.primaryBgColor) {
				var primaryColor = options.chartArea.primaryBgColor;
				var secondaryColor = options.chartArea.secondaryBgColor || primaryColor;
				var ctx = chart.ctx;
				var chartArea = chart.chartArea;
				var height = chartArea.bottom - chartArea.top;
				var divisions = chart.scales.y.ticks.length - 1;
				var factor = height / divisions;

ctx.save();
				for (var ticks = 1; ticks <= divisions; ticks++) {
					if (ticks % 2 === 0) {
						ctx.fillStyle = secondaryColor;
					} else {
						ctx.fillStyle = primaryColor;
					}
					var rectY = chartArea.top;
					if (ticks > 1) {
						rectY += (ticks - 1) * factor;
					}
					ctx.fillRect(chartArea.left, rectY, chartArea.right - chartArea.left, factor);
				}
				ctx.restore();
			}
		}
	};

// Applications analytics chart
	var ctx = $('#awsm-jobs-overview-applications-analytics-chart');
	var data = {
		labels: awsmJobsAdminOverview.analytics_data.labels,
		datasets: [ {
			label: awsmJobsAdminOverview.i18n.chart_label,
			data: awsmJobsAdminOverview.analytics_data.data,
			fill: false,
			borderColor: '#149efe',
			backgroundColor: '#149efe',
			pointBackgroundColor: '#0091ff',
			pointBorderColor: '#e9f5fe',
			borderWidth: 4,
			pointBorderWidth: 2,
			pointRadius: 4,
			pointHoverRadius: 5,
			tension: 0.1
		} ]
	};
	var options = {
		scales: {
			x: {
				grid: {
					borderWidth: 1.5,
					drawOnChartArea: false,
					tickWidth: 1.5
				},
				ticks: {
					font: {
						weight: 'bold'
					}
				}
			},
			y: {
				grid: {
					drawBorder: false,
					tickLength: 10,
					tickWidth: 0
				},
				ticks: {
					font: {
						weight: 'bold'
					},
					precision: 0
				}
			}
		},
		plugins: {
			legend: {
				display: false
			},
			chartAreaCustomizer: {
				chartArea: {
					primaryBgColor: '#fafafa',
					secondaryBgColor: '#fff'
				}
			}
		}
	};

awsmJobsOverview.analyticsChart = {
		data: data,
		option: options,
		plugins: [ chartAreaPlugin ]
	};

if (awsmJobsAdminOverview.analytics_data && 'data' in awsmJobsAdminOverview.analytics_data && awsmJobsAdminOverview.analytics_data.data.length > 0) {
		awsmJobsOverview.renderAnalyticsChart();

$('.awsm-jobs-overview-mb-wrapper .meta-box-sortables').on('sortstop', function(e, ui) {
			if (ui.item.attr('id') === 'awsm-jobs-overview-applications-analytics') {
				awsmJobsOverview.renderAnalyticsChart(true);
			}
		});
		$('#awsm-jobs-overview-applications-analytics .handle-order-higher, #awsm-jobs-overview-applications-analytics .handle-order-lower' ).on('click.postboxes', function() {
			awsmJobsOverview.renderAnalyticsChart(true);
		});
	}
});