"use strict";

// Class definition
var KTCardsWidget4 = function () {
 // Private methods
 var initChart = function() {
 var el = document.getElementById("kt_card_widget_4_chart");

 if (!el) {
 return;
 }

 var options = {
 size: el.getAttribute("data-kt-size") ? parseInt(el.getAttribute("data-kt-size")) : 70,
 lineWidth: el.getAttribute("data-kt-line") ? parseInt(el.getAttribute("data-kt-line")) : 11,
 rotate: el.getAttribute("data-kt-rotate") ? parseInt(el.getAttribute("data-kt-rotate")) : 145,
 //percent: el.getAttribute("data-kt-percent") ,
 }

 var canvas = document.createElement("canvas");
 var span = document.createElement("span");

 if (typeof(G_vmlCanvasManager) !== "undefined") {
 G_vmlCanvasManager.initElement(canvas);
 }

 var ctx = canvas.getContext("2d");
 canvas.width = canvas.height = options.size;

 el.appendChild(span);
 el.appendChild(canvas);

 ctx.translate(options.size / 2, options.size / 2); // change center
 ctx.rotate((-1 / 2 + options.rotate / 180) * Math.PI); // rotate -90 deg

 //imd = ctx.getImageData(0, 0, 240, 240);
 var radius = (options.size - options.lineWidth) / 2;

 var drawCircle = function(color, lineWidth, percent) {
 percent = Math.min(Math.max(0, percent || 1), 1);
 ctx.beginPath();
 ctx.arc(0, 0, radius, 0, Math.PI * 2 * percent, false);
 ctx.strokeStyle = color;
 ctx.lineCap = "round"; // butt, round or square
 ctx.lineWidth = lineWidth
 ctx.stroke();
 };

 // Init
 // drawCircle("#E4E6EF", options.lineWidth, 100 / 100);
 // drawCircle(KTUtil.getCssVariableValue("--bs-danger"), options.lineWidth, 100 / 150);
 // drawCircle(KTUtil.getCssVariableValue("--bs-primary"), options.lineWidth, 100 / 250);

 drawCircle("#E4E6EF", options.lineWidth, document.getElementById("pendingcasesval").value / 100); // have added dynamic values here 
 drawCircle(KTUtil.getCssVariableValue("--bs-danger"), options.lineWidth, document.getElementById("rejectedcasesval").value / 150); // have added dynamic values here 
 drawCircle(KTUtil.getCssVariableValue("--bs-primary"), options.lineWidth, document.getElementById("approvedcasesval").value / 250); // have added dynamic values here 
 }

 // Public methods
 return {
 init: function () {
 initChart();
 }
 }
}();

// Webpack support
if (typeof module !== "undefined") {
 module.exports = KTCardsWidget4;
}

// On document ready
KTUtil.onDOMContentLoaded(function() {
 KTCardsWidget4.init();
});
}