"use strict";

$('#from_date,#to_date').change(function () {
    let from_date = $('#from_date').val();
    let to_date = $('#to_date').val();
    if (from_date != '') {
        $('#to_date').attr('required', 'required');
    }
    if (to_date != '') {
        $('#from_date').attr('required', 'required');
    }
    if (from_date != '' && to_date != '') {
        if (from_date > to_date) {
            $('#from_date').val('');
            $('#to_date').val('');
            toastMagic.error('Invalid date range!');
        }
    }

})

$("#date_type").change(function () {
    let val = $(this).val();
    $('#from_div').toggle(val === 'custom_date');
    $('#to_div').toggle(val === 'custom_date');

    if (val === 'custom_date') {
        $('#from_date').attr('required', 'required');
        $('#to_date').attr('required', 'required');
    } else {
        $('#from_date').val(null).removeAttr('required')
        $('#to_date').val(null).removeAttr('required')
    }
}).change();


// Dognut Pie Chart
var options = {
    series: [
        $('#cash_payment').data('text'),
        $('#digital_payment').data('text'),
        $('#wallet_payment').data('text'),
        $('#offline_payment').data('text')
    ],

    chart: {
        width: 320,
        type: 'donut',
    },
    labels: [
        $('#cash_payment_text').data('text') + " " + $('#currency_symbol').data('text') + $('#cash_payment_format').data('text'),
        $('#digital_payment_text').data('text') + " " + $('#currency_symbol').data('text') + $('#digital_payment_format').data('text'),
        $('#wallet_payment_text').data('text') + " " + $('#currency_symbol').data('text') + $('#wallet_payment_format').data('text'),
        $('#offline_payment_text').data('text') + " " + $('#currency_symbol').data('text') + $('#offline_payment_format').data('text'),
    ],
    dataLabels: {
        enabled: false,
        style: {
            colors: ['#004188', '#004188', '#004188', '#7b94a4']
        }
    },
    responsive: [{
        breakpoint: 1650,
        options: {
            chart: {
                width: 260
            },
        }
    }],
    colors: ['#004188', '#0177CD', '#0177CD', '#7b94a4'],
    fill: {
        colors: ['#004188', '#A2CEEE', '#0177CD', '#7b94a4']
    },
    legend: {
        show: false
    },
};

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

// Bar Charts
// Chart.plugins.unregister(ChartDataLabels);

// $('.js-chart').each(function () {
//     $.HSCore.components.HSChartJS.init($(this));
// });

// var updatingChart = $.HSCore.components.HSChartJS.init($('#updatingData'));