// for your balance card
var element = document.getElementById("nft-balance-chart");
if (element !== null) {
	element.innerHTML = "";
	var nft1 = {
		chart: {
			type: 'line',
			height: 40,
			sparkline: {
				enabled: true
			}
		},
		stroke: {
			show: true,
			curve: 'smooth',
			lineCap: 'butt',
			colors: undefined,
			width: 2.5,
			dashArray: 0,
		},
		fill: {
			gradient: {
				enabled: false
			}
		},
		series: [{
			name: 'Value',
			data: [20, 14, 19, 10, 25, 20, 22, 9, 12]
		}],
		yaxis: {
			min: 0,
			show: false,
			axisBorder: {
				show: false
			},
		},
		xaxis: {
			show: false,
			axisBorder: {
				show: false
			},
		},
		colors: ["rgb(132, 90, 223)"],

	}
	var nft1 = new ApexCharts(document.querySelector("#nft-balance-chart"), nft1);
	nft1.render();
}

function nftBalane() {
	nft1.updateOptions({
		colors: ["rgb(" + myVarVal + ")"],
	})
}

// for NFTs Statistics
var element = document.getElementById("nft-statistics");
if (element !== null) {
	element.innerHTML = "";
	var options = {
		series: [{
			name: "Price",
			data: [20, 38, 38, 72, 55, 63, 43, 76, 55, 80, 40, 80]
		}, {
			name: "Volume",
			data: [85, 65, 75, 38, 85, 35, 62, 40, 40, 64, 50, 89]
		}],
		chart: {
			height: 336,
			type: 'line',
			zoom: {
				enabled: false
			},
			dropShadow: {
				enabled: true,
				enabledOnSeries: undefined,
				top: 5,
				left: 0,
				blur: 3,
				color: '#000',
				opacity: 0.1
			},
		},
		dataLabels: {
			enabled: false
		},
		legend: {
			position: "top",
			horizontalAlign: "center",
			offsetX: -15,
			fontWeight: "bold",
		},
		stroke: {
			curve: 'smooth',
			width: '3',
			dashArray: [0, 5],
		},
		grid: {
			borderColor: '#f2f6f7',
		},
		colors: ["rgb(132, 90, 223)", "rgba(132, 90, 223, 0.3)"],
		yaxis: {
			title: {
				text: 'Statistics',
				style: {
					color: '#adb5be',
					fontSize: '14px',
					fontFamily: 'poppins, sans-serif',
					fontWeight: 600,
					cssClass: 'apexcharts-yaxis-label',
				},
			},
		},
		xaxis: {
			type: 'month',
			categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
			axisBorder: {
				show: true,
				color: 'rgba(119, 119, 142, 0.05)',
				offsetX: 0,
				offsetY: 0,
			},
			axisTicks: {
				show: true,
				borderType: 'solid',
				color: 'rgba(119, 119, 142, 0.05)',
				width: 6,
				offsetX: 0,
				offsetY: 0
			},
			labels: {
				rotate: -90
			}
		}
	};
	var chart = new ApexCharts(document.querySelector("#nft-statistics"), options);
	chart.render();
}

function nftStatistics() {
	chart.updateOptions({
		colors: ["rgb(" + myVarVal + ")", "rgba(" + myVarVal + ", 0.3)"],
	})
}

// for featured collections
if (typeof Swiper !== 'undefined') {
    var swiper = new Swiper(".pagination-dynamic", {
        pagination: {
            el: ".swiper-pagination",
            dynamicBullets: true,
            clickable: true,
        },
        loop: true,
        autoplay: {
            delay: 1500,
            disableOnInteraction: false
        }
    });
}