text: /*
  Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 4
  Version: 4.6.0
  Author: Sean Ngu
  Website: http://www.seantheme.com/color-admin/admin/
  */
  
  var handleTotalSalesSparkline = function() {
  	var options = {
  		chart: {
  			type: 'line',
  			width: 200,
  			height: 36,
  			sparkline: {
  				enabled: true
  			},
  			stacked: true
  		},
  		stroke: {
  			curve: 'smooth',
  			width: 3
  		},
  		fill: {
  			type: 'gradient',
  			gradient: {
  				opacityFrom: 1,
  				opacityTo: 1,
  				colorStops: [{
  					offset: 0,
  					color: COLOR_BLUE,
  					opacity: 1
  				},
  				{
  					offset: 100,
  					color: COLOR_INDIGO,
  					opacity: 1
  				}]
  			},
  		},
  		series: [{
  			data: [9452.37, 11018.87, 7296.37, 6274.29, 7924.05, 6581.34, 12918.14]
  		}],
  		tooltip: {
  			theme: 'dark',
  			fixed: {
  				enabled: false
  			},
  			x: {
  				show: false
  			},
  			y: {
  				title: {
  					formatter: function (seriesName) {
  						return ''
  					}
  				},
  				formatter: (value) => { return '$'+ convertNumberWithCommas(value) },
  			},
  			marker: {
  				show: false
  			}
  		},
  		responsive: [{
  			breakpoint: 1500,
  			options: {
  				chart: {
  					width: 130
  				}
  			}
  		},{
  			breakpoint: 1300,
  			options: {
  				chart: {
  					width: 100
  				}
  			}
  		},{
  			breakpoint: 1200,
  			options: {
  				chart: {
  					width: 200
  				}
  			}
  		},{
  			breakpoint: 576,
  			options: {
  				chart: {
  					width: 180
  				}
  			}
  		},{
  			breakpoint: 400,
  			options: {
  				chart: {
  					width: 120
  				}
  			}
  		}]
  	};
  	if ($('#total-sales-sparkline').length !== 0) {
  		new ApexCharts(document.querySelector('#total-sales-sparkline'), options).render();
  	}
  };
  
  var handleConversionRateSparkline = function(id) {
  	var options = {
  		chart: {
  			type: 'line',
  			width: 160,
  			height: 28,
  			sparkline: {
  				enabled: true
  			}
  		},
  		stroke: {
  			curve: 'smooth',
  			width: 3
  		},
  		fill: {
  			type: 'gradient',
  			gradient: {
  				opacityFrom: 1,
  				opacityTo: 1,
  				colorStops: [{
  					offset: 0,
  					color: COLOR_RED,
  					opacity: 1
  				},
  				{
  					offset: 50,
  					color: COLOR_ORANGE,
  					opacity: 1
  				},
  				{
  					offset: 100,
  					color: COLOR_LIME,
  					opacity: 1
  				}]
  			},
  		},
  		series: [{
  			data: [2.68, 2.93, 2.04, 1.61, 1.88, 1.62, 2.80]
  		}],
  		labels: ['Jun 23', 'Jun 24', 'Jun 25', 'Jun 26', 'Jun 27', 'Jun 28', 'Jun 29'],
  		xaxis: {
  			crosshairs: {
  				width: 1
  			},
  		},
  		tooltip: {
  			theme: 'dark',
  			fixed: {
  				enabled: false
  			},
  			x: {
  				show: false
  			},
  			y: {
  				title: {
  					formatter: function (seriesName) {
  						return ''
  					}
  				},
  				formatter: (value) => { return value + '%' },
  			},
  			marker: {
  				show: false
  			}
  		},
  		responsive: [{
  			breakpoint: 1500,
  			options: {
  				chart: {
  					width: 120
  				}
  			}
  		},{
  			breakpoint: 1300,
  			options: {
  				chart: {
  					width: 100
  				}
  			}
  		},{
  			breakpoint: 1200,
  			options: {
  				chart: {
  					width: 160
  				}
  			}
  		},{
  			breakpoint: 900,
  			options: {
  				chart: {
  					width: 120
  				}
  			}
  		},{
  			breakpoint: 576,
  			options: {
  				chart: {
  					width: 180
  				}
  			}
  		},{
  			breakpoint: 400,
  			options: {
  				chart: {
  					width: 120
  				}
  			}
  		}]
  	}
  	if ($(id).length !== 0) {
  		new ApexCharts(document.querySelector(id), options).render();
  	}
  };
  
  var handleStoreSessionSparkline = function(id) {
  	var options = {
  		chart: {
  			type: 'line',
  			width: 160,
  			height: 28,
  			sparkline: {
  				enabled: true
  			},
  			stacked: false
  		},
  		stroke: {
  			curve: 'smooth',
  			width: 3
  		},
  		fill: {
  			type: 'gradient',
  			gradient: {
  				opacityFrom: 1,
  				opacityTo: 1,
  				colorStops: [{
  					offset: 0,
  					color: COLOR_TEAL,
  					opacity: 1
  				},
  				{
  					offset: 50,
  					color: COLOR_BLUE,
  					opacity: 1
  				},
  				{
  					offset: 100,
  					color: COLOR_AQUA,
  					opacity: 1
  				}]
  			},
  		},
  		series: [{
  			data: [10812, 11393, 7311, 6834, 9612, 11200, 13557]
  		}],
  		labels: ['Jun 23', 'Jun 24', 'Jun 25', 'Jun 26', 'Jun 27', 'Jun 28', 'Jun 29'],
  		xaxis: {
  			crosshairs: {
  				width: 1
  			},
  		},
  		tooltip: {
  			theme: 'dark',
  			fixed: {
  				enabled: false
  			},
  			x: {
  				show: false
  			},
  			y: {
  				title: {
  					formatter: function (seriesName) {
  						return ''
  					}
  				},
  				formatter: (value) => { return convertNumberWithCommas(value) },
  			},
  			marker: {
  				show: false
  			}
  		},
  		responsive: [{
  			breakpoint: 1500,
  			options: {
  				chart: {
  					width: 120
  				}
  			}
  		},{
  			breakpoint: 1300,
  			options: {
  				chart: {
  					width: 100
  				}
  			}
  		},{
  			breakpoint: 1200,
  			options: {
  				chart: {
  					width: 160
  				}
  			}
  		},{
  			breakpoint: 900,
  			options: {
  				chart: {
  					width: 120
  				}
  			}
  		},{
  			breakpoint: 576,
  			options: {
  				chart: {
  					width: 180
  				}
  			}
  		},{
  			breakpoint: 400,
  			options: {
  				chart: {
  					width: 120
  				}
  			}
  		}]
  	};
  	if ($(id).length !== 0) {
  		new ApexCharts(document.querySelector(id), options).render();
  	}
  };
  
  var handleVisitorsAreaChart = function() {
  	var handleGetDate = function(minusDate) {
  		var d = new Date();
  				d = d.setDate(d.getDate() - minusDate);
  		return d;
  	};
  	var visitorAreaChartData = [{
  		'key' : 'Unique Visitors',
  		'color' : COLOR_AQUA,
  		'values' : [ 
  			[handleGetDate(77), 13], [handleGetDate(76), 13], [handleGetDate(75), 6 ], 
  			[handleGetDate(73), 6 ], [handleGetDate(72), 6 ], [handleGetDate(71), 5 ], [handleGetDate(70), 5 ], 
  			[handleGetDate(69), 5 ], [handleGetDate(68), 6 ], [handleGetDate(67), 7 ], [handleGetDate(66), 6 ], 
  			[handleGetDate(65), 9 ], [handleGetDate(64), 9 ], [handleGetDate(63), 8 ], [handleGetDate(62), 10], 
  			[handleGetDate(61), 10], [handleGetDate(60), 10], [handleGetDate(59), 10], [handleGetDate(58), 9 ], 
  			[handleGetDate(57), 9 ], [handleGetDate(56), 10], [handleGetDate(55), 9 ], [handleGetDate(54), 9 ], 
  			[handleGetDate(53), 8 ], [handleGetDate(52), 8 ], [handleGetDate(51), 8 ], [handleGetDate(50), 8 ], 
  			[handleGetDate(49), 8 ], [handleGetDate(48), 7 ], [handleGetDate(47), 7 ], [handleGetDate(46), 6 ], 
  			[handleGetDate(45), 6 ], [handleGetDate(44), 6 ], [handleGetDate(43), 6 ], [handleGetDate(42), 5 ], 
  			[handleGetDate(41), 5 ], [handleGetDate(40), 4 ], [handleGetDate(39), 4 ], [handleGetDate(38), 5 ], 
  			[handleGetDate(37), 5 ], [handleGetDate(36), 5 ], [handleGetDate(35), 7 ], [handleGetDate(34), 7 ], 
  			[handleGetDate(33), 7 ], [handleGetDate(32), 10], [handleGetDate(31), 9 ], [handleGetDate(30), 9 ], 
  			[handleGetDate(29), 10], [handleGetDate(28), 11], [handleGetDate(27), 11], [handleGetDate(26), 8 ], 
  			[handleGetDate(25), 8 ], [handleGetDate(24), 7 ], [handleGetDate(23), 8 ], [handleGetDate(22), 9 ], 
  			[handleGetDate(21), 8 ], [handleGetDate(20), 9 ], [handleGetDate(19), 10], [handleGetDate(18), 9 ], 
  			[handleGetDate(17), 10], [handleGetDate(16), 16], [handleGetDate(15), 17], [handleGetDate(14), 16], 
  			[handleGetDate(13), 17], [handleGetDate(12), 16], [handleGetDate(11), 15], [handleGetDate(10), 14], 
  			[handleGetDate(9) , 24], [handleGetDate(8) , 18], [handleGetDate(7) , 15], [handleGetDate(6) , 14], 
  			[handleGetDate(5) , 16], [handleGetDate(4) , 16], [handleGetDate(3) , 17], [handleGetDate(2) , 7 ], 
  			[handleGetDate(1) , 7 ], [handleGetDate(0) , 7 ]
  		]
  	}, {
  		'key' : 'Page Views',
  		'color' : COLOR_BLUE,
  		'values' : [ 
  			[handleGetDate(77), 14], [handleGetDate(76), 13], [handleGetDate(75), 15], 
  			[handleGetDate(73), 14], [handleGetDate(72), 13], [handleGetDate(71), 15], [handleGetDate(70), 16], 
  			[handleGetDate(69), 16], [handleGetDate(68), 14], [handleGetDate(67), 14], [handleGetDate(66), 13], 
  			[handleGetDate(65), 12], [handleGetDate(64), 13], [handleGetDate(63), 13], [handleGetDate(62), 15], 
  			[handleGetDate(61), 16], [handleGetDate(60), 16], [handleGetDate(59), 17], [handleGetDate(58), 17], 
  			[handleGetDate(57), 18], [handleGetDate(56), 15], [handleGetDate(55), 15], [handleGetDate(54), 15], 
  			[handleGetDate(53), 19], [handleGetDate(52), 19], [handleGetDate(51), 18], [handleGetDate(50), 18], 
  			[handleGetDate(49), 17], [handleGetDate(48), 16], [handleGetDate(47), 18], [handleGetDate(46), 18], 
  			[handleGetDate(45), 18], [handleGetDate(44), 16], [handleGetDate(43), 14], [handleGetDate(42), 14], 
  			[handleGetDate(41), 13], [handleGetDate(40), 14], [handleGetDate(39), 13], [handleGetDate(38), 10], 
  			[handleGetDate(37), 9 ], [handleGetDate(36), 10], [handleGetDate(35), 11], [handleGetDate(34), 11], 
  			[handleGetDate(33), 11], [handleGetDate(32), 10], [handleGetDate(31), 9 ], [handleGetDate(30), 10], 
  			[handleGetDate(29), 13], [handleGetDate(28), 14], [handleGetDate(27), 14], [handleGetDate(26), 13], 
  			[handleGetDate(25), 12], [handleGetDate(24), 11], [handleGetDate(23), 13], [handleGetDate(22), 13], 
  			[handleGetDate(21), 13], [handleGetDate(20), 13], [handleGetDate(19), 14], [handleGetDate(18), 13], 
  			[handleGetDate(17), 13], [handleGetDate(16), 19], [handleGetDate(15), 21], [handleGetDate(14), 22],
  			[handleGetDate(13), 25], [handleGetDate(12), 24], [handleGetDate(11), 24], [handleGetDate(10), 22], 
  			[handleGetDate(9) , 16], [handleGetDate(8) , 15], [handleGetDate(7) , 12], [handleGetDate(6) , 12], 
  			[handleGetDate(5) , 15], [handleGetDate(4) , 15], [handleGetDate(3) , 15], [handleGetDate(2) , 18], 
  			[handleGetDate(2) , 18], [handleGetDate(0) , 17]
  		]
  	}];
  	
  	if ($('#visitors-line-chart').length !== 0) {
  		nv.addGraph(function() {
  			var stackedAreaChart = nv.models.stackedAreaChart()
  				.useInteractiveGuideline(true)
  				.x(function(d) { return d[0] })
  				.y(function(d) { return d[1] })
  				.pointSize(0.5)
  				.margin({'left':35,'right': 25,'top': 20,'bottom':20})
  				.controlLabels({stacked: 'Stacked'})
  				.showControls(false)
  				.duration(300);
  
  			stackedAreaChart.xAxis.tickFormat(function(d) { 
  				var monthsName = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
  				d = new Date(d);
  				d = monthsName[d.getMonth()] + ' ' + d.getDate();
  				return d ;
  			});
  			stackedAreaChart.yAxis.tickFormat(d3.format(',.0f'));
  
  			d3.select('#visitors-line-chart')
  				.append('svg')
  				.datum(visitorAreaChartData)
  				.transition().duration(1000)
  				.call(stackedAreaChart)
  				.each('start', function() {
  					setTimeout(function() {
  						d3.selectAll('#visitors-line-chart *').each(function() {
  							if(this.__transition__)
  								this.__transition__.duration = 1;
  						})
  					}, 0)
  				});
  
  			nv.utils.windowResize(stackedAreaChart.update);
  			return stackedAreaChart;
  		});
  	}
  };
  
  var handleVisitorsMap = function() {
  	var options = {
  		map: 'world_mill',
  		scaleColors: [COLOR_BLACK_LIGHTER, COLOR_BLACK],
  		container: $('#visitors-map'),
  		normalizeFunction: 'linear',
  		hoverOpacity: 0.5,
  		hoverColor: false,
  		zoomOnScroll: false,
  		zoomButtons: false,
  		markerStyle: {
  			initial: {
  				fill: COLOR_BLACK,
  				stroke: 'transparent',
  				r: 3
  			}
  		},
  		regions: [{
  			attribute: 'fill'
  		}],
  		regionStyle: {
  			initial: {
  				fill: COLOR_DARK_LIGHTER,
  				"fill-opacity": 1,
  				stroke: 'none',
  				"stroke-width": 0.4,
  				"stroke-opacity": 1
  			},
  			hover: {
  				"fill-opacity": 0.8
  			},
  			selected: {
  				fill: 'yellow'
  			}
  		},
  		series: {
  			regions: [{
  				values: {
  					IN: COLOR_TEAL,
  					US: COLOR_TEAL,
  					MN: COLOR_TEAL,
  					RU: COLOR_TEAL
  				}
  			}]
  		},
  		focusOn: {
  			x: 0.7,
  			y: 0.5,
  			scale: 1
  		},
  		backgroundColor: 'transparent'
  	};
  	if ($('#visitors-map').length !== 0) {
  		$('#visitors-map').vectorMap(options);
  	}
  }
  
  var handleDateRangeFilter = function() {
  	$('#daterange-filter span').html(moment().subtract('days', 7).format('D MMMM YYYY') + ' - ' + moment().format('D MMMM YYYY'));
  	$('#daterange-prev-date').html(moment().subtract('days', 15).format('D MMMM') + ' - ' + moment().subtract('days', 8).format('D MMMM YYYY'));
  
  	$('#daterange-filter').daterangepicker({
  		format: 'MM/DD/YYYY',
  		startDate: moment().subtract(7, 'days'),
  		endDate: moment(),
  		minDate: '01/06/2020',
  		maxDate: '07/06/2020',
  		dateLimit: { days: 60 },
  		showDropdowns: true,
  		showWeekNumbers: true,
  		timePicker: false,
  		timePickerIncrement: 1,
  		timePicker12Hour: true,
  		ranges: {
  			'Today': [moment(), moment()],
  			'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
  			'Last 7 Days': [moment().subtract(6, 'days'), moment()],
  			'Last 30 Days': [moment().subtract(29, 'days'), moment()],
  			'This Month': [moment().startOf('month'), moment().endOf('month')],
  			'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
  		},
  		opens: 'right',
  		drops: 'down',
  		buttonClasses: ['btn', 'btn-sm'],
  		applyClass: 'btn-primary',
  		cancelClass: 'btn-default',
  		separator: ' to ',
  		locale: {
  			applyLabel: 'Submit',
  			cancelLabel: 'Cancel',
  			fromLabel: 'From',
  			toLabel: 'To',
  			customRangeLabel: 'Custom',
  			daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'],
  			monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
  			firstDay: 1
  		}
  	}, function(start, end, label) {
  		$('#daterange-filter span').html(start.format('D MMMM YYYY') + ' - ' + end.format('D MMMM YYYY'));
  		
  		var gap = end.diff(start, 'days');
  		$('#daterange-prev-date').html(moment(start).subtract('days', gap).format('D MMMM') + ' - ' + moment(start).subtract('days', 1).format('D MMMM YYYY'));
  	});
  };
  
  var DashboardV3 = function () {
  	"use strict";
  	return {
  		//main function
  		init: function () {
  			handleTotalSalesSparkline();
  
  			//invest page
  			handleConversionRateSparkline('#invest-sparkline-1');
  			handleConversionRateSparkline('#invest-sparkline-3');
  			handleConversionRateSparkline('#invest-sparkline-5');
  			handleConversionRateSparkline('#invest-sparkline-7');
  			handleConversionRateSparkline('#invest-sparkline-9');
  			handleStoreSessionSparkline('#invest-sparkline-2');
  			handleStoreSessionSparkline('#invest-sparkline-4');
  			handleStoreSessionSparkline('#invest-sparkline-6');
  			handleStoreSessionSparkline('#invest-sparkline-8');
  
  			//balance page
  			handleConversionRateSparkline('#balance-sparkline-1');
  			handleStoreSessionSparkline('#balance-sparkline-2');
  
  			//trading page
  			handleConversionRateSparkline('#trading-sparkline-1');
  			handleConversionRateSparkline('#trading-sparkline-3');
  			handleConversionRateSparkline('#trading-sparkline-5');
  			handleConversionRateSparkline('#trading-sparkline-7');
  			handleConversionRateSparkline('#trading-sparkline-9');
  			handleStoreSessionSparkline('#trading-sparkline-2');
  			handleStoreSessionSparkline('#trading-sparkline-4');
  			handleStoreSessionSparkline('#trading-sparkline-6');
  			handleStoreSessionSparkline('#trading-sparkline-8');
  
  
  			handleVisitorsAreaChart();
  			handleVisitorsMap();
  			handleDateRangeFilter();
  		}
  	};
  }();
  
  $(document).ready(function() {
  	DashboardV3.init();
  	$("#edit_doc").click(()=>{
  		$("#edit_doc").addClass("d-none")
  		$("#cancel_edit_doc").removeClass("d-none");
  		$(".edit_btn").removeClass("d-none");
  	})
  	$("#cancel_edit_doc").click(()=>{
  		$("#edit_doc").removeClass("d-none")
  		$("#cancel_edit_doc").addClass("d-none");
  		$(".edit_btn").addClass("d-none");
  	})
  });