$(document).ready(function () {

    $('input:checkbox').removeAttr('checked');

    var intervalBegin = {
        cur: 0,
        des: 0
    };
    var intervalEnd = {
        cur: 800,
        des: 800
    };

    var prices = [0, 8, 12, 14, 18, 25, 30, 40, 55, 70, 90, 120, 160, 200, 270, 380, 750];
    var pricesELO = [];

    prices.forEach(function (price) {
        pricesELO.push(price / 150);
    });

    var elo = [0, 800, 950, 1100, 1250, 1400, 1550, 1700, 1850, 2000, 2150, 2300, 2450, 2600, 2750, 2900, 3000];

    var price = 0;
    var rating = 200;

    var levelCur = 1;
    var levelDes = 1;

    var currentFaceit = 100;
    var desiredFaceit = 300;

    var options = {
        stream: 5,
        express: 1.15,
        lobby: 1.30
    };

    var procent = 1;
    var growth = 0;

    var saleFaceit = 1;

    updPrice();
    updRating();

    $("#slider-range").slider({
        range: true,
        min: 0,
        max: 3000,
        values: [100, 300],
        slide: function (event, ui) {
            currentFaceit = ui.values[0];
            desiredFaceit = ui.values[1];
            $('#current_faceit').val(currentFaceit).change();
            $('#desired_faceit').val(desiredFaceit).change();
        }
    });

    $('#current_faceit').val($("#slider-range").slider("values", 0));
    $('#desired_faceit').val($("#slider-range").slider("values", 1));

    $(document).on('change', '#tab-faceit input[type="checkbox"]', function () {
        var name = $(this).attr('name');
        if (name == 'stream') {
            if (this.checked) {
                growth += options[name];
            } else {
                growth -= options[name];
            }

        } else {
            if (this.checked) {
                procent *= options[name];
            } else {
                procent /= options[name];
            }
        }
        updPrice();
    });

    $('#current_faceit').on('change input', function () {
        currentFaceit = parseInt($(this).val());
        if (currentFaceit >= 0 && currentFaceit <= 3000 && desiredFaceit >= currentFaceit) {
            rating = desiredFaceit - currentFaceit;
            updRating();
            $("#slider-range").slider('values', [currentFaceit, desiredFaceit]);
            if (intervalBegin.cur >= currentFaceit || currentFaceit > intervalEnd.cur) {
                levelCur = getLevel(currentFaceit, 'cur');
                var lvlCur = levelCur;
                if (lvlCur > 10) {
                    lvlCur = 10;
                }
                $('#current_img').attr('src', '/assets/img/faceit/' + lvlCur + '.svg');
                $('#current_level').val('/assets/img/faceit/' + lvlCur + '.svg');
                updPrice();
            } else {
                updPrice();
            }
        } else if(currentFaceit >= 0 && currentFaceit <= 3000 && desiredFaceit <= currentFaceit){
            rating = desiredFaceit - currentFaceit;
            if (intervalBegin.cur >= currentFaceit || currentFaceit > intervalEnd.cur) {
                levelCur = getLevel(currentFaceit, 'cur');
                var lvlCur = levelCur;
                if (lvlCur > 10) {
                    lvlCur = 10;
                }
                $('#current_img').attr('src', '/assets/img/faceit/' + lvlCur + '.svg');
                $('#current_level').val('/assets/img/faceit/' + lvlCur + '.svg');
            }
        }
    });

    $('#desired_faceit').on('change input', function () {
        desiredFaceit = parseInt($(this).val());
        if (desiredFaceit >= 0 && desiredFaceit <= 3000 && desiredFaceit >= currentFaceit) {
            rating = desiredFaceit - currentFaceit;
            updRating();
            $("#slider-range").slider('values', [currentFaceit, desiredFaceit]);
            if (intervalBegin.cur <= desiredFaceit || desiredFaceit < intervalEnd.cur) {
                levelDes = getLevel(desiredFaceit, 'des');
                var lvlDes = levelDes;
                if (lvlDes > 10) {
                    lvlDes = 10;
                }
                $('#desired_img').attr('src', '/assets/img/faceit/' + lvlDes + '.svg');
                $('#desired_level').val('/assets/img/faceit/' + lvlDes + '.svg');
                updPrice();
            } else {
                updPrice();
            }
        } else if (desiredFaceit >= 0 && desiredFaceit <= 3000 && desiredFaceit <= currentFaceit) {
            rating = desiredFaceit - currentFaceit;
            if (intervalBegin.cur <= desiredFaceit || desiredFaceit < intervalEnd.cur) {
                levelDes = getLevel(desiredFaceit, 'des');
                var lvlDes = levelDes;
                if (lvlDes > 10) {
                    lvlDes = 10;
                }
                $('#desired_img').attr('src', '/assets/img/faceit/' + lvlDes + '.svg');
                $('#desired_level').val('/assets/img/faceit/' + lvlDes + '.svg');
            }
        }
    });

    checkPromo($('#promocode_faceit').val());

    $('#faceit_promo_btn').on('click', function () {
        checkPromo($('#promocode_faceit').val());

    })

    function checkPromo(promocode) {
        $.ajax({
            type: 'POST',
            url: '/promocode',
            data: {
                promo: promocode,
                _token: $('input[name="_token"]').val()
            },
            success: function (result) {
                result = JSON.parse(result);
                saleFaceit = result.sale;
                updPrice();
                if (result.status) {
                    $('#promocode_faceit').addClass('promo-valid');
                } else {
                    $('#promocode_faceit').removeClass('promo-valid');
                    $('#promocode_faceit').val('');
                }
            }
        });
    }

    function getLevel(val, key) {
        var count = elo.length;
        for (var i = 1; i < count; i++) {
            if (elo[i - 1] <= val && val <= elo[i]) {
                intervalBegin[key] = elo[i - 1];
                intervalEnd[key] = elo[i];
                return i;
            }
        }
    }

    function updPrice() {
        if (levelDes == levelCur) {
            price = ((pricesELO[levelDes] * (desiredFaceit - currentFaceit)) + growth) * procent * saleFaceit;
            price = price.toFixed(2);
            $('#price').text('€' + price);
            $('#input-price').val(price);
        } else {
            var stablePrice = 0;
            for (var i = levelCur + 1; i < levelDes; i++) {
                stablePrice += prices[i];
            }
            var curPrice = pricesELO[levelCur] * (elo[levelCur] - currentFaceit);
            var desPrice = pricesELO[levelDes] * (desiredFaceit - elo[levelDes - 1]);

            price = (curPrice + desPrice + stablePrice + growth) * procent * saleFaceit;
            price = price.toFixed(2);
            $('#price').text('€' + price);
            $('#input-price').val(price);
        }

    }

    function updRating() {
        $('#rating').text('+' + rating);
    }