/*
Template Name: Minton - Responsive Bootstrap 4 Admin Dashboard
Author: CoderThemes
Website: https://coderthemes.com/
Contact: support@coderthemes.com
File: CRM Dashboard
*/

function generateDayWiseTimeSeries(baseval, count, yrange) {
    var i = 0;
    var series = [];
    while (i < count) {
        var x = baseval;
        var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;

        series.push([x, y]);
        baseval += 86400000;
        i++;
    }
    return series;
}

//
// Campaign Chart
//

var colors = ["#3bafda", "#26c6da", "#00b19d"];
var dataColors = $("#campaigns-chart").data('colors');
if (dataColors) {
    colors = dataColors.split(",");
}

var options = {
    chart: {
        height: 260,
        type: 'donut',
    },
    series: [44, 55, 41],
    legend: {
        show: false,
        position: 'bottom',
        horizontalAlign: 'center',
        verticalAlign: 'middle',
        floating: false,
        fontSize: '14px',
        offsetX: 0,
        offsetY: 7
    },
    labels: ["Total Sent", "Reached", "Opened"],
    colors: colors,
    responsive: [{
        breakpoint: 600,
        options: {
            chart: {
                height: 210
            },
            legend: {
                show: false
            },
        }
    }],
}

var chart = new ApexCharts(
    document.querySelector("#campaigns-chart"),
    options
);

chart.render();


//
// Revenue Chart
//

var colors = ["#3bafda", "#26c6da"];
var dataColors = $("#revenue-chart").data('colors');
if (dataColors) {
    colors = dataColors.split(",");
}
var options = {
    chart: {
        height: 260,
        type: 'area',
        stacked: true,
        toolbar: {
            show: false
        },

    },
    colors: colors,
    dataLabels: {
        enabled: false
    },
    stroke: {
        width: [2],
        curve: 'smooth'
    },

    series: [{
            name: 'Total Revenue',
            data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
                min: 100,
                max: 1500
            })
        },

        {
            name: 'Total Pipeline',
            data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
                min: 100,
                max: 1000
            })
        }
    ],
    fill: {
        type: 'gradient',
        gradient: {
            opacityFrom: 0.3,
            opacityTo: 0.9,
        }
    },
    legend: {
        offsetY: 5
    },
    xaxis: {
        type: 'datetime'
    },
    grid: {
        padding: {
            bottom: 10
        }
    },
    yaxis: {
        title: {
            text: 'Revenue',
            style: {
                color: undefined,
                fontSize: '13px',
                cssClass: 'apexcharts-yaxis-title',
            },
        },
    }
}

var chart = new ApexCharts(
    document.querySelector("#revenue-chart"),
    options
);

chart.render();