var nextVersion;
var im, em;
$(function() {
    im = $("#importMeter");
    if(im && im.gaugeMeter) {
        im.gaugeMeter({
            percent: 0,
            text: "-",
            append: "W"
        });
    }
    
    em = $("#exportMeter");
    if(em && em.gaugeMeter) {
        em.gaugeMeter({
            percent: 0,
            text: "-",
            append: "W"
        });
    }

    var meters = $('.SimpleMeter');

    if(meters.length > 0) {
        fetch();
    }

    // For config-mqtt
    $('#mqttEnable').on('change', function() {
        var inputs = $('.mqtt-config');
        inputs.prop('disabled', !$(this).is(':checked'));
    });
    
    $('#mqttPayloadFormat').on('change', function() {
        var val = parseInt($(this).val());
        if(val == 3) {
            $('.format-type-domoticz').show();
        } else {
            $('.format-type-domoticz').hide();
        }
    });

    $('#mqttEnable').trigger('change');
    $('#mqttPayloadFormat').trigger('change');

    // For config-meter
    $('.subtitute-dependent').on('change', function() {
        console.log("test");
        if($('#meterType').val() == 2 && $('#distributionSystem').val() == 1) {
            $('#substitute').show();
        } else {
            $('#substitute').hide();
        }
    });
    $('#meterType').trigger('change');

    // For config-wifi
    $('#wifiIpType').on('change', function() {
        if($(this).is(':checked')) {
            $('#staticIp').show();
        } else {
            $('#staticIp').hide();
        }
    });
    $('#wifiIpType').trigger('change');

    // For config-web
    $('#authSecurity').on('change', function() {
        var inputs = $('.auth-config');
        inputs.prop('disabled', $(this).val() == 0);
    });
    
    $('#authSecurity').trigger('change');

    // For file upload
    $('#fileUploadField').on('change',function(){
        var fileName = $(this).val();
        $(this).next('.custom-file-label').html(fileName);
    })

    switch(window.location.pathname) {
        case '/config-meter':
            $('#config-meter-link').addClass('active');
            break;
        case '/config-wifi':
            $('#config-wifi-link').addClass('active');
            break;
        case '/config-mqtt':
        case '/mqtt-ca':
        case '/mqtt-cert':
        case '/mqtt-key':
        case '/config-domoticz':
            $('#config-mqtt-link').addClass('active');
            break;
        case '/config-web':
            $('#config-web-link').addClass('active');
            break;
        case '/config-system':
        case '/firmware':
        case '/reset':
            $('#config-system-link').addClass('active');
            break;
    }

    var swv = $('#swVersion')
    if(meters.length > 0 && swv.length == 1 && swv.text() != "SNAPSHOT") {
        var v = swv.text().substring(1).split('.');
        var v_major = parseInt(v[0]);
        var v_minor = parseInt(v[1]);
        var v_patch = parseInt(v[2]);
        $.ajax({
            url: swv.data('url'),
            dataType: 'json'
        }).done(function(releases) {
            releases.reverse();
            var me;
            var next_patch;
            var next_minor;
            var next_major;
            $.each(releases, function(i, release) {
                var ver2 = release.tag_name;
                var v2 = ver2.substring(1).split('.');
                var v2_major = parseInt(v2[0]);
                var v2_minor = parseInt(v2[1]);
                var v2_patch = parseInt(v2[2]);

                if(v2_major == v_major) {
                    if(v2_minor == v_minor) {
                        if(v2_patch > v_patch) {
                            next_patch = release;
                        }
                    } else if(v2_minor == v_minor+1) {
                        next_minor = release;
                    }
                } else if(v2_major == v_major+1) {
                    if(next_major) {
                        var mv = next_major.tag_name.substring(1).split('.');
                        var mv_major = parseInt(mv[0]);
                        var mv_minor = parseInt(mv[1]);
                        var mv_patch = parseInt(mv[2]);
                        if(v2_minor == mv_minor) {
                            next_major = release;
                        }
                    } else {
                        next_major = release;
                    }
                }
            });
            if(next_minor) {
                nextVersion = next_minor;
            } else if(next_major) {
                nextVersion = next_major;
            } else if(next_patch) {
                nextVersion = next_patch;
            }
            if(nextVersion) {
                $('#newVersionTag').text(nextVersion.tag_name);
                $('#newVersionUrl').prop('href', nextVersion.html_url);
                $('#newVersion').removeClass('d-none');
            }
        });
    }
});

var setStatus = function(id, status) {
    var item = $('#'+id);
    item.removeClass('d-none');
    item.removeClass (function (index, className) {
        return (className.match (/(^|\s)badge-\S+/g) || []).join(' ');
    });
    item.addClass('badge badge-' + status);
};

var interval = 5000;
var fetch = function() {
    $.ajax({
        url: '/data.json',
        timeout: 10000,
        dataType: 'json',
    }).done(function(json) {
        if(im && em) {
            $(".SimpleMeter").hide();
            im.show();
            em.show();
        }

        for(var id in json) {
            var str = json[id];
            if(typeof str === "object")
                continue;
            if(isNaN(str)) {
                $('#'+id).html(str);
            } else {
                var num = parseFloat(str);
                $('#'+id).html(num.toFixed(num < 0 ? 0 : num < 10 ? 2  : 1));
            }
        }

        if(window.moment) {
            $('#currentMillis').html(moment.duration(parseInt(json.uptime_seconds), 'seconds').humanize());
            $('#currentMillis').closest('.row').show();
        }

        if(json.status) {
            for(var id in json.status) {
                setStatus(id, json.status[id]);
            }
        }

        if(json.mqtt) {
            $('.mqtt-error').addClass('d-none');
            $('.mqtt-error'+json.mqtt.lastError).removeClass('d-none');
            $('#mqtt-lastError').html(json.mqtt.lastError);
        }

        if(json.wifi) {
            for(var id in json.wifi) {
                var str = json.wifi[id];
                dst = $('#'+id);
                if(isNaN(str)) {
                    dst.html(str);
                } else {
                    var num = parseFloat(str);
                    dst.html(num.toFixed(0));
                    $('#'+id+'-row').show();
                }
            }
        }

        if(json.data) {
            var p = 0;
            var p_pct = parseInt(json.p_pct);
            var p_append = "W";
            if(json.data.P) {
                p = parseFloat(json.data.P);
                if(p > 1000) {
                    p = (p/1000).toFixed(1);
                    p_append = "kW";
                }
            }
            if(im && im.gaugeMeter) {
                im.gaugeMeter({
                    percent: p_pct,
                    text: p,
                    append: p_append
                });
            }

            var po = 0;
            var po_pct = parseInt(json.po_pct);
            var po_append = "W";
            if(json.data.PO) {
                po = parseFloat(json.data.PO);
                if(po > 1000) {
                    po = (po/1000).toFixed(1);
                    po_append = "kW";
                }
            }
            if(em && em.gaugeMeter) {
                em.gaugeMeter({
                    percent: po_pct,
                    text: po,
                    append: po_append
                });
            }

            for(var id in json.data) {
                var str = json.data[id];
                if(isNaN(str)) {
                    $('#'+id).html(str);
                } else {
                    var num = parseFloat(str);
                    $('#'+id).html(num.toFixed(1));
                    $('#'+id+'-row').show();
                }
            }
        } else {
            if(im && im.gaugeMeter) {
                im.gaugeMeter({
                    percent: 0,
                    text: "-",
                    append: "W"
                });
            }

            if(em && em.gaugeMeter) {
                em.gaugeMeter({
                    percent: 0,
                    text: "-",
                    append: "W"
                });
            }
        }
        setTimeout(fetch, interval);
    }).fail(function() {
        setTimeout(fetch, interval*4);

        if(im && im.gaugeMeter) {
            im.gaugeMeter({
                percent: 0,
                text: "-",
                append: "W"
            });
        }

        if(em && em.gaugeMeter) {
            em.gaugeMeter({
                percent: 0,
                text: "-",
                append: "W"
            });
        }
        setStatus("mqtt", "secondary");
        setStatus("wifi", "secondary");
        setStatus("han", "secondary");
        setStatus("esp", "danger");
    });
}

var upgrade = function() {
    if(nextVersion) {
        if(confirm("Are you sure you want to perform upgrade to " + nextVersion.tag_name + "?")) {
            window.location.href="/upgrade?version=" + nextVersion.id;
        }
    }
}