(function () {
    'use strict';

    var website = openerp.website;

    website.snippet.animationRegistry.subscribe = website.snippet.Animation.extend({
        selector: ".js_subscribe",
        start: function (editable_mode) {
            var self = this;

            // set value and display button
            self.$target.find("input").removeClass("hidden");
            openerp.jsonRpc('/website_mass_mailing/is_subscriber', 'call', {
                list_id: this.$target.data('list-id'),
            }).always(function (data) {
                self.$target.find('input.js_subscribe_email')
                    .val(data.email ? data.email : "")
                    .attr("disabled", data.is_subscriber && data.email.length ? "disabled" : false);
                self.$target.attr("data-subscribe", data.is_subscriber ? 'on' : 'off');
                self.$target.find('a.js_subscribe_btn')
                    .val(data.email ? data.email : "")
                    .attr("disabled", data.is_subscriber && data.email.length ? "disabled" : false);
                self.$target.removeClass("hidden");
            });

            // not if editable mode to allow designer to edit alert field
            if (!editable_mode) {
                $('.js_subscribe > .alert').addClass("hidden");
                $('.js_subscribe > .input-group-btn.hidden').removeClass("hidden");
                this.$target.find('.js_subscribe_btn').on('click', function (event) {
                    event.preventDefault();
                    self.on_click();
                });
            }
        },
        on_click: function () {
            var self = this;
            var $email = this.$target.find(".js_subscribe_email:visible");

            if ($email.length && !$email.val().match(/.+@.+/)) {
                this.$target.addClass('has-error');
                return false;
            }
            this.$target.removeClass('has-error');

            openerp.jsonRpc('/website_mass_mailing/subscribe', 'call', {
                'list_id': this.$target.data('list-id'),
                'email': $email.length ? $email.val() : false,
            }).then(function (subscribe) {
                self.$target.find(".js_subscribe_email, .input-group-btn").addClass("hidden");
                self.$target.find(".alert").removeClass("hidden");
                self.$target.find('input.js_subscribe_email').attr("disabled", subscribe ? "disabled" : false);
                self.$target.attr("data-subscribe", subscribe ? 'on' : 'off');
            });
        },
    });
})();