var form = document.querySelector('.donate');
var sumBlock = document.querySelector('.container-sum');
var sum = form.elements.sum;
var customSum = form.elements.customSum;

var selectSum = function (e) {
    e.preventDefault();
    e.stopPropagation();
    customSum.value = e.target.querySelector('.sum').value;
};

sumBlock.addEventListener('click', selectSum, false);

customSum.oncut = customSum.oncopy = customSum.onpaste = function () {
    return false;
};

$("#anonimus").on('change', function () {
    var $disabledInput = $('.disabled-input');
    var isAnonChecked = $(this).is(':checked');
    if (isAnonChecked) {
        $('#report').prop('checked', false);
        $disabledInput.prop("disabled", true);
        $disabledInput.prop("required", false);
        $disabledInput.css('opacity', '.3');
    } else {
        $disabledInput.prop("disabled", false);
        $disabledInput.css('opacity', '1');
    }
});

/* post form*/

$('.donate').submit(function (e) {
    $('.modal-wrap').fadeIn();
    e.preventDefault();

    var email = $('input[name=email]').val();
    var amount = $('input[name=customSum]').val();
    var success_url = 'http://go-batteries.webflow.io/success';
    var location = '1';
    var isAnonChecked = $('#anonimus').is(':checked');
    var isMontlyChecked = $('#monthly').is(':checked');
    var isReportChecked = $('#report').is(':checked');

    var data = {
        email: email,
        location: location,
        amount: amount,
        success_url: success_url
    };

    if (!isAnonChecked) {
        var userName = $('input[name=name]').val();
        var userSurname = $('input[name=surname]').val();
        data.name = userName + ' ' + userSurname;
    }

    if (isMontlyChecked) {
        data.is_regular = 1;
    }

    if (isReportChecked) {
        data.monthly_report = 1;
    }

    $.post("http://46.101.251.143/payments?format=json", data)
        .done(function (data) {
            console.log(data);
            if (data) {
                var $liqpay = $('#form_liqpay');
                $liqpay.html(data.form);
                $liqpay.find('form').submit();
            }
        })
        .fail(function (data) {
            console.log(data);
            console.log('Something went wrong:(')
        });

});