$(function(){

    $('.mailchimp-form').each(function(_index, _form) {
        $(_form).on('submit', sendMailchimpListSubscription);
    });


    function sendMailchimpListSubscription(event) {
        event.preventDefault();
        var uri = '/plugins/mailchimp-list-subscription/';
        var form = $(event.currentTarget);
        var formEmailField = form.find('[name=email]');
        var subscriptionEmail = formEmailField[0].value;
        var pk = form.attr('data-instance-pk');
        var submitButton = form.find("[type='submit']");
        var spinner = form.find(".spinner");
        var buttonLabel = form.find(".btn-label");
        var action = 'newsletter';
        var success_message_container = form.parent().find('.success-message');

        form.find('.input-wrapper--with-validation').removeClass('input-wrapper--is-invalid');
        spinner.fadeIn();
        buttonLabel.fadeOut();

        var setHasError = function (errMsg) {
            spinner.fadeOut();
            buttonLabel.fadeIn();
            if(errMsg.email){
                form.find('.input-wrapper--with-validation').addClass('input-wrapper--is-invalid');
                form.find('.js-input-error-message.input-wrapper__error-message').html(errMsg.email[0]);
            }
        };

        var data = {
            pk: pk,
            email: subscriptionEmail
        };

        $.ajax({
            url: uri,
            type: "POST",
            data: data,

            success: function (json) {

                success_message_container.fadeIn();
                form.hide();
            },

            error: function (xhr, errmsg, error) {
                console.log('this is error:', xhr);
                setHasError(xhr.responseJSON);
            }
        });
    }
});