$(window).on('load', function () {
    console.log("sdsdsd")
    changeRegion('Middle East')
});

let exchangeRate = 1;

function changePrice(id) {
    let currency = ''
    let symbol = ''

    if (id !== '' || id !== null) {
        currency = id;

        symbol = $('#' + id).data('symbol')
    } else {
        currency = 'USD';
        symbol = '$'
    }


    var myHeaders = new Headers();
    myHeaders.append("apikey", "AvBeVMAJoFAx0i8L3oG5sD8tbV9dI3YZ");

    var requestOptions = {
        method: 'GET',
        redirect: 'follow',
        headers: myHeaders
    };

    fetch(`https://api.apilayer.com/fixer/convert?from=USD&to=${id}&amount=1`, requestOptions)
        .then(response => response.text())
        .then(result => {
            let data = JSON.parse(result);
            console.log(data.result);
            if (data.result !== '' || data.result !== null) {
                exchangeRate = data.result;
            } else {
                exchangeRate = 1;
            }

            $('.cSybmol').html(symbol);
            $('.icon-curr').html(symbol);
            $('#selCurr').html(currency);

            calculatePlan();
        })
        .catch(error => console.log('error', error));
}

let basicPlan = 25;
let professionalPlan = 50;
let premiumPlan = 100;

let singleDoctor_basic = 5;
let singleDoctor = 10;
let singleDoctor_pro = 20;

let singleOutlet = 100;
let singleOutlet_b = 25;


function calculatePlan() {

    let period = $('input[name=duration-1]:checked').val();
    let noofoutlets = $('#out-number').val();

    if (period == 'Monthly') {
        // let cp1Price = Math.round((basicPlan * exchangeRate) + (noofoutlets - 1) * (singleOutlet * exchangeRate))
        // $('#cp-1').html(cp1Price);

        // let cp2price = Math.round((professionalPlan * exchangeRate) + (noofoutlets - 1) * (singleOutlet * exchangeRate))
        // $('#cp-2').html(cp2price);

        // let cp3price = Math.round((premiumPlan * exchangeRate) + (noofoutlets - 1) * (singleOutlet * exchangeRate))
        // $('#cp-3').html(cp3price);
        
        // multiply value 
        let cp1Price = Math.round((basicPlan * exchangeRate) * (noofoutlets))
        $('#cp-1').html(cp1Price);

        let cp2price = Math.round((professionalPlan * exchangeRate) * (noofoutlets))
        $('#cp-2').html(cp2price);

        let cp3price = Math.round((premiumPlan * exchangeRate) * (noofoutlets))
        $('#cp-3').html(cp3price);


        $('.plan-validity').html($('#p-pm').val());
    } else if (period == 'Annually') {

        // let cp1Price = Math.round(((basicPlan * exchangeRate) + (noofoutlets - 1) * (singleOutlet * exchangeRate)) * 10)
        // $('#cp-1').html(cp1Price);

        // let cp2price = Math.round(((professionalPlan * exchangeRate) + (noofoutlets - 1) * (singleOutlet * exchangeRate)) * 10)
        // $('#cp-2').html(cp2price);

        // let cp3price = Math.round(((premiumPlan * exchangeRate) + (noofoutlets - 1) * (singleOutlet * exchangeRate)) * 10)
        // $('#cp-3').html(cp3price)

        // nultiplay value

        let cp1Price = Math.round((basicPlan * exchangeRate) * noofoutlets * 10);
        $('#cp-1').html(cp1Price);
    
        let cp2price = Math.round((professionalPlan * exchangeRate) * noofoutlets * 10);
        $('#cp-2').html(cp2price);
    
        let cp3price = Math.round((premiumPlan * exchangeRate) * noofoutlets * 10);
        $('#cp-3').html(cp3price);

        $('.plan-validity').html($('#p-py').val());
    }
    DIYPrie()
}


function DIYPrie() {

    const planB = 5000;

    let noOfOutlets = parseInt($('#out-number').val()) || 1;
    let noOfDoctors = parseInt($('#doc-number').val()) || 5;

    let outletCount = noOfOutlets - 1;
    let doctorCount = noOfDoctors - 5;

    const DIY1Price = (2000 * outletCount) * exchangeRate
    const DIY2Price = (1000 * doctorCount) * exchangeRate

    let outlet_price = DIY1Price;
    let doctor_price = DIY2Price;

    if (outletCount > 0 || doctorCount > 0) {

        // $('#diy_price_0').html((doctor_price + outlet_price).toFixed(2));
        // $('#diy_price_d_0').html(acctualPrice((doctor_price + outlet_price), 0.5).toFixed(2));

        // $('#diy_price_1').html((doctor_price + outlet_price + planB).toFixed(2));
        // $('#diy_price_d_1').html(acctualPrice((doctor_price + outlet_price + planB), 0.5).toFixed(2));

        $('#diy_price_0').html("0.00");
        $('#diy_price_d_0').html("1000");

        $('#diy_price_1').html("5000");
        $('#diy_price_d_1').html("10000");


    } else {
        $('#diy_price_0').html("0.00");
        $('#diy_price_d_0').html("1000");

        $('#diy_price_1').html("5000");
        $('#diy_price_d_1').html("10000");
    }
}

function changeRegion(region) {
    const pricing = {
        'india': {
            plan: { basic: 25, professional: 50, premium: 100 },
            singleDoctor_basic: 5,
            singleDoctor: 10,
            singleDoctor_pro: 20,
            singleOutlet_b: 25,
            singleOutlet: 100,
            currency: 'INR',
        },

        'Southeast Asia': {
            plan: { basic: 50, professional: 100, premium: 200 },
            singleDoctor_basic: 10,
            singleDoctor: 20,
            singleDoctor_pro: 40,
            singleOutlet_b: 25,
            singleOutlet: 100,
            currency: 'USD',
        },

        'Middle East': {
            plan: { basic: 50, professional: 100, premium: 200 },
            singleDoctor_basic: 10,
            singleDoctor: 20,
            singleDoctor_pro: 40,
            singleOutlet_b: 25,
            singleOutlet: 100,
            currency: 'USD',
        },

        'South America': {
            plan: { basic: 50, professional: 100, premium: 200 },
            singleDoctor_basic: 10,
            singleDoctor: 20,
            singleDoctor_pro: 40,
            singleOutlet_b: 25,
            singleOutlet: 100,
            currency: 'USD',
        },

        'North America': {
            plan: { basic: 100, professional: 200, premium: 400 },
            singleDoctor_basic: 20,
            singleDoctor: 40,
            singleDoctor_pro: 80,
            singleOutlet_b: 25,
            singleOutlet: 100,
            currency: 'USD',
        },

        'Europe': {
            plan: { basic: 100, professional: 200, premium: 400 },
            singleDoctor_basic: 20,
            singleDoctor: 40,
            singleDoctor_pro: 80,
            singleOutlet_b: 25,
            singleOutlet: 100,
            currency: 'EUR',
        },

        'Oceania': {
            plan: { basic: 100, professional: 200, premium: 400 },
            singleDoctor_basic: 20,
            singleDoctor: 40,
            singleDoctor_pro: 80,
            singleOutlet_b: 25,
            singleOutlet: 100,
            currency: 'AUD',
        },

        'Africa': {
            plan: { basic: 25, professional: 50, premium: 100 },
            singleDoctor_basic: 5,
            singleDoctor: 10,
            singleDoctor_pro: 20,
            singleOutlet_b: 25,
            singleOutlet: 100,
            currency: 'USD',
        },

    };

    if (pricing.hasOwnProperty(region)) {
        const regionPricing = pricing[region];

        basicPlan = regionPricing.plan.basic;
        professionalPlan = regionPricing.plan.professional;
        premiumPlan = regionPricing.plan.premium;

        singleDoctor_basic = regionPricing.singleDoctor_basic;
        singleDoctor = regionPricing.singleDoctor;
        singleDoctor_pro = regionPricing.singleDoctor_pro;

        singleOutlet = regionPricing.singleOutlet;
        singleOutlet_b = regionPricing.singleOutlet_b;

        changePrice(regionPricing.currency);

    } else {
        basicPlan = 25;
        professionalPlan = 50;
        premiumPlan = 100;

        singleDoctor_basic = 5;
        singleDoctor = 10;
        singleDoctor_pro = 20;

        singleOutlet = 100;
        singleOutlet_b = 25;
    }

    $('#selectedRegion').html(region);
    calculatePlan();

}

function changeSlide(index) {
    var contentCarousel = new bootstrap.Carousel(document.getElementById('contentCarousel'), {
        interval: false  // Disable auto-play
    });
    contentCarousel.to(index);

    var priceCarousel = new bootstrap.Carousel(document.getElementById('priceCarousel'), {
        interval: false  // Disable auto-play
    });
    priceCarousel.to(index);

    var diySelectButtons = document.querySelectorAll('.diy_select div');
    diySelectButtons.forEach(function (button, i) {
        if (i === index) {
            button.classList.add('active');
        } else {
            button.classList.remove('active');
        }
    });
}

function acctualPrice(price, discount) {
    const actual_price = Math.round(price / (1 - discount));
    return actual_price;
}

$('input[name=duration-1]').on('change', function () {

    calculatePlan()
});

$('#noofoutlet').on('change', function () {
    calculatePlan()
});

function cartbtn(i) {


    let preval = $('#out-number').val();
    let newVal = +preval + i

    if (newVal > 0) {
        $('#out-number').val(newVal)
        calculatePlan()
    }

}


const $slider1 = document.getElementById('slider-1');

// change event ------------
$slider1.addEventListener('change', (evt) => {
    //console.log(evt.detail.value1); // evt.detail.value3, ...
    $('#out-number').val(evt.detail.value1);
    calculatePlan()

});

$("div.pricelr").mouseover(function () {
    if ($('#gold').hasClass('active')) {
        $('#gold').removeClass('active')
    }
});